:root{--navy:#171827;--navy2:#111524;--gold:#c6a56a;--ink:#202231;--muted:#707176;--line:#e7e2d9;--cream:#faf9f6;--radius:8px;--shadow:0 12px 34px rgba(19,22,33,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}h1,h2,h3,h4,.top-nav,.reserve,.dark-btn,.outline-btn,.gold-outline,.kicker{font-family:Montserrat,Arial,sans-serif}h1,h2,h3,p{margin-top:0}a{text-decoration:none;color:inherit}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.shell{width:min(1460px,91vw);margin:auto}.section-white{background:#fff}.kicker{font-size:12px;letter-spacing:.12em;color:var(--gold);font-weight:600;text-transform:uppercase}.gold-rule{width:46px;height:2px;background:var(--gold);margin-bottom:20px}.center{text-align:center}.center-title{text-align:center;margin-bottom:44px}.center-title h2{font-size:39px;margin:8px 0 0}.dropcap:first-letter{font:500 58px/42px Montserrat;color:var(--gold);float:left;margin:7px 9px 0 0}.dark-btn,.outline-btn,.gold-outline{display:inline-flex;align-items:center;gap:15px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:14px 21px;border-radius:2px}.dark-btn{background:var(--navy);color:#fff}.outline-btn{border:1px solid rgba(198,165,106,.72);color:#fff}.gold-outline{border:1px solid var(--gold);color:#5e533f}.text-link{font:700 11px Montserrat;letter-spacing:.05em;color:#fff;display:inline-flex;gap:13px;align-items:center}.text-link.dark{color:var(--ink)}.round-arrow{position:absolute;width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);background:#fff;color:var(--gold);display:grid;place-items:center}.round-arrow.left{left:-70px}.round-arrow.right{right:-70px}

/* loader/header */
.page-loader{position:fixed;inset:0;background:var(--navy2);z-index:9999;display:grid;place-content:center;color:#fff;transition:opacity .7s,visibility .7s}.page-loader.hide{opacity:0;visibility:hidden}.loader-logo{text-align:center;font:600 24px Montserrat;letter-spacing:.16em}.loader-logo small,.loader-logo b{display:block;font-size:8px;letter-spacing:.25em}.page-loader>span{width:180px;height:1px;background:rgba(255,255,255,.15);margin-top:25px;overflow:hidden}.page-loader>span:after{content:"";display:block;width:60%;height:100%;background:var(--gold);animation:loading 1.2s infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(180%)}}.mouse-cursor{position:fixed;width:13px;height:13px;border:1px solid var(--gold);border-radius:50%;z-index:9998;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s}.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:88px;display:grid;grid-template-columns:180px 1fr 220px;align-items:center;padding:0 42px;color:#fff;transition:.35s}.site-header.scrolled{height:70px;background:rgba(15,19,32,.96);box-shadow:0 10px 30px rgba(0,0,0,.16)}.logo{width:105px;text-align:center;line-height:1;color:#fff}.logo span{display:block;color:#e92736;font:600 19px Montserrat;letter-spacing:.16em}.logo small,.logo b{display:block;font:500 7px Montserrat;letter-spacing:.24em;margin-top:3px}.top-nav{display:flex;justify-content:center;gap:29px}.top-nav a{font-size:10px;font-weight:600;letter-spacing:.03em;position:relative;padding:37px 0 32px}.top-nav a:after{content:"";height:2px;background:#e63a3c;position:absolute;left:0;right:100%;bottom:26px;transition:.35s}.top-nav a:hover:after,.top-nav a.active:after{right:0}.head-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px}.reserve{background:var(--gold);color:#171827;padding:14px 18px;font-size:9px;font-weight:700}.hamb{width:30px;height:30px;background:none;border:0;display:grid;align-content:center;gap:5px}.hamb span{height:1px;background:#fff;display:block}

/* hero */
.hero{height:760px;position:relative;background:#111;color:#fff;overflow:hidden}.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}.hero-slide{background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity 1s ease}.hero-slide.active{opacity:1;animation:heroZoom 8s linear forwards}@keyframes heroZoom{from{transform:scale(1.02)}to{transform:scale(1.10)}}.hero-overlay{background:linear-gradient(90deg,rgba(8,12,20,.76) 0%,rgba(8,12,20,.42) 38%,rgba(8,12,20,.08) 78%),linear-gradient(0deg,rgba(9,12,19,.55),transparent 42%)}.hero-ghost{position:absolute;left:16.5%;top:120px;font:500 112px Montserrat;color:rgba(255,255,255,.17)}.hero-index{position:absolute;left:42px;top:265px;display:grid;gap:20px}.hero-index:before{content:"";position:absolute;left:14px;top:27px;width:1px;height:116px;background:rgba(255,255,255,.35)}.hero-index button{position:relative;z-index:1;width:29px;height:22px;background:none;border:0;color:#fff;font:500 12px Montserrat;text-align:left}.hero-index button.active{color:#ff4646}.hero-index button.active:after{content:"";position:absolute;width:9px;height:9px;border:2px solid #fff;background:#e73a42;border-radius:50%;left:10px;top:27px;box-shadow:0 0 0 3px rgba(255,255,255,.15)}.hero-copy{position:absolute;left:17%;top:230px;width:530px}.hero-copy h1{font-size:54px;line-height:1.02;margin-bottom:14px}.hero-copy em{display:block;color:var(--gold);font:italic 22px Georgia,serif;margin-bottom:20px}.hero-copy p{max-width:430px;font-size:13px;line-height:1.75;color:#e1e1e1;margin-bottom:24px}.hero-thumbs{position:absolute;left:17%;bottom:28px;width:68%;height:118px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hero-thumbs button{position:relative;border:1px solid rgba(255,255,255,.17);padding:0;border-radius:6px;overflow:hidden;background:#111;cursor:pointer}.hero-thumbs button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,13,.72),transparent 65%)}.hero-thumbs button.active{border-color:var(--gold)}.hero-thumbs span{position:absolute;z-index:2;left:12px;bottom:10px;color:#fff;font-size:9px}.hero-social{position:absolute;right:40px;top:300px;display:grid;gap:15px}.hero-social a{width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-size:10px}.hero-total{position:absolute;right:40px;bottom:35px;font:500 13px Montserrat}.hero-total b{color:var(--gold)}.scroll-label{position:absolute;left:41px;bottom:27px;writing-mode:vertical-rl;transform:rotate(180deg);font:500 8px Montserrat;letter-spacing:.2em}.scroll-label i{display:inline-block;width:1px;height:50px;background:rgba(255,255,255,.5);margin-top:10px}.mouse-icon{position:absolute;bottom:22px;left:50%;width:22px;height:34px;border:1px solid rgba(255,255,255,.5);border-radius:12px}.mouse-icon span{display:block;width:3px;height:6px;background:#fff;border-radius:2px;margin:6px auto;animation:wheel 1.6s infinite}@keyframes wheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:0}}

/* about */
.about{padding:95px 0 0;position:relative}.about:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(198,165,106,.06),transparent 25%);pointer-events:none}.about-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:100px;align-items:center}.about-copy h2{font-size:42px;line-height:1.12;margin:0 0 28px}.about-copy h2 span{color:var(--gold)}.about-copy>p:not(.kicker){font-size:13px;line-height:1.8;color:#616167}.about-media{height:510px;position:relative}.media-frame{position:absolute;background:#eee;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.main-photo{left:40px;top:25px;width:78%;height:430px}.main-photo:before{content:"";position:absolute;z-index:-1;inset:-15px 16px 16px -15px;border:1px solid #dfd7ca;border-radius:10px}.small-photo{z-index:3;border:7px solid #fff}.small-photo.top{right:0;top:0;width:34%;height:155px}.small-photo.bottom{left:0;bottom:0;width:30%;height:132px}.about-media .round-arrow{top:50%}.mini-features{margin-top:55px;border-top:1px solid var(--line);height:126px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.mini-features div{text-align:center;border-right:1px solid var(--line)}.mini-features div:last-child{border:0}.mini-features i{display:block;color:var(--gold);font-size:22px;margin-bottom:8px}.mini-features b,.mini-features span{display:block}.mini-features b{font:600 11px Montserrat}.mini-features span{font-size:9px;color:#777;margin-top:4px}

/* popular */
.popular{height:470px;background:var(--navy);padding:22px 0;color:#fff}.popular-inner{height:100%;width:100%;display:grid;grid-template-columns:1.02fr 1.05fr 1.05fr 1.12fr;gap:12px}.popular-intro{margin-left:34px;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:64px 48px;position:relative;overflow:hidden}.popular-intro h2{font-size:42px;line-height:1.06;margin:10px 0 45px}.dots,.dots:before,.dots:after{width:5px;height:5px;border-radius:50%;background:var(--gold)}.dots{position:absolute;left:28px;top:25px}.dots:before,.dots:after{content:"";position:absolute;left:13px}.dots:after{left:26px}.map-motif{position:absolute;right:-60px;bottom:-35px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.popular-card,.popular-preview{position:relative;border-radius:7px;overflow:hidden}.popular-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,20,.88),rgba(8,11,20,.10) 60%)}.heart,.plus{position:absolute;z-index:3;top:17px;width:31px;height:31px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(13,17,27,.54);color:#fff}.heart{left:17px}.plus{right:17px}.room-overlay{position:absolute;z-index:3;left:28px;right:28px;bottom:25px}.room-overlay h3{font-size:22px;margin-bottom:9px}.room-overlay p{font-size:10px;color:#ddd;line-height:1.5}.room-icons{display:flex;gap:14px;border-top:1px solid rgba(255,255,255,.13);padding-top:12px;margin-top:12px}.room-icons span{font-size:8px;color:#ddd}.room-icons i{color:var(--gold)}.room-overlay a{display:block;color:var(--gold);font:600 10px Montserrat;margin-top:12px}.popular-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,16,27,.25),transparent)}.slider-arrows{position:absolute;z-index:4;right:24px;top:50%;display:flex;gap:8px}.slider-arrows button,.gallery-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(13,16,27,.72);color:#fff}.slider-dots,.gallery-dots{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;background:rgba(12,15,25,.7);padding:8px 12px;border-radius:20px}.slider-dots i,.gallery-dots i,.event-dots i{width:5px;height:5px;background:#fff;border-radius:50%}.slider-dots i.active,.gallery-dots i.active,.event-dots i.active{outline:1px solid var(--gold);outline-offset:3px;background:var(--gold)}

/* privileges */
.privileges{padding:82px 0 88px}.privilege-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.service-tile{height:275px;position:relative;border:1px solid #ddd;border-radius:8px;padding:8px;box-shadow:0 9px 22px rgba(0,0,0,.07)}.service-tile img{border-radius:5px}.service-tile:after{content:"";position:absolute;inset:8px;background:linear-gradient(0deg,rgba(20,20,28,.35),transparent 70%);border-radius:5px}.service-tile>div{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;text-shadow:0 1px 10px #000}.service-tile h3{font-size:22px;margin:0}.service-tile p{font:italic 15px Georgia;color:#ead1a5}.tile-no{position:absolute;z-index:3;right:22px;bottom:16px;color:var(--gold);font:500 11px Montserrat}.privileges .center{margin-top:34px}

/* story */
.story{height:620px;position:relative;padding-top:0}.story-bg{position:absolute;inset:0 0 200px;background-image:var(--bg);background-size:cover;background-position:center}.story-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,13,22,.75),rgba(9,13,22,.20))}.story-title{position:relative;color:#fff;padding-top:75px}.story-title h2{font-size:39px;line-height:1.08}.story-panels{position:relative;display:grid;grid-template-columns:.95fr 1.45fr;gap:0;margin-top:60px;align-items:center}.story-card{background:#fff;min-height:340px;padding:46px 48px;box-shadow:var(--shadow);z-index:3}.story-card h3{font-size:25px}.story-card>p:not(.kicker){font-size:12px;line-height:1.75;color:#68686e}.signature{margin-top:28px;font:italic 19px Georgia;color:#4a4a4d}.story-video{height:390px;position:relative;overflow:hidden}.story-video:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,20,.45),transparent 50%)}.video-play{position:absolute;z-index:3;left:42px;bottom:33px;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(17,20,31,.72);color:var(--gold)}.story-video>span{position:absolute;z-index:3;left:115px;bottom:52px;color:#fff;font:600 10px Montserrat}

/* amenities */
.amenities{padding:78px 0 92px}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e8e5df}.amenity-grid article{min-height:220px;padding:36px 32px;border-right:1px solid #e8e5df;border-bottom:1px solid #e8e5df;position:relative}.amenity-grid article:nth-child(4n){border-right:0}.amenity-grid article:nth-child(n+5){border-bottom:0}.amenity-grid .num{position:absolute;right:18px;top:14px;color:#d7c39e;font:500 9px Montserrat}.amenity-grid article>i{font-size:27px;color:var(--gold);margin-bottom:25px}.amenity-grid h3{font-size:13px;margin:0 0 11px}.amenity-grid p{font-size:11px;line-height:1.7;color:#777;margin:0}

/* event */
.events{background:var(--navy);padding:44px 0;color:#fff}.events-grid{display:grid;grid-template-columns:.82fr 1.45fr;gap:25px;align-items:stretch}.events-copy{padding:37px 30px}.events-copy h2{font-size:36px;line-height:1.12}.events-copy>p:not(.kicker){font-size:12px;color:#bbb;line-height:1.7}.event-icons{display:flex;gap:36px;margin-top:30px}.event-icons span{width:31%;font-size:9px;color:#e2d0ad;text-align:center}.event-icons i{display:block;font-size:24px;color:var(--gold);margin-bottom:10px}.event-dots{display:flex;gap:12px;justify-content:center;margin-top:28px}.events-media{height:370px;position:relative;border-radius:7px;overflow:hidden}.events-media:after{content:"";position:absolute;inset:0;background:rgba(9,12,20,.30)}.events-caption{position:absolute;z-index:3;inset:0;display:grid;place-content:center;text-align:center}.events-caption h3{font-size:28px;line-height:1.15}.events-caption p{font:italic 15px Georgia;color:#d8be8e}.events-caption a{font:700 10px Montserrat;color:var(--gold)}.round-next{position:absolute;z-index:4;right:20px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(10,13,22,.6);color:#fff}

/* room list */
.room-list{padding:76px 0 92px}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.detail-room{border:1px solid #e7e4dd;background:#fff;padding:0 0 20px;min-width:0}.room-image{height:230px;position:relative}.room-image button{position:absolute;left:15px;bottom:15px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#111;font-size:19px}.detail-room h3{font-size:17px;padding:18px 20px 0;margin-bottom:8px}.detail-room p{font-size:10px;line-height:1.7;color:#777;padding:0 20px;min-height:50px}.detail-room a{font:600 10px Montserrat;color:var(--gold);padding:0 20px}

/* gallery */
.gallery{height:500px;background:var(--navy);color:#fff;display:grid;grid-template-columns:24% 12% 50% 14%;gap:0;overflow:hidden}.gallery-copy{border:1px solid rgba(255,255,255,.08);border-radius:7px;margin:20px 0 20px 24px;padding:70px 40px;position:relative}.gallery-copy h2{font-size:43px;margin:10px 0 16px}.gallery-copy>p:not(.kicker){font-size:11px;color:#bbb;margin-bottom:40px}.gallery-side,.gallery-main{position:relative;overflow:hidden;margin:20px 0}.gallery-side.left{margin-left:14px}.gallery-side.right{margin-right:14px}.gallery-main{margin-left:14px;margin-right:14px;border-radius:5px}.gallery-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,18,.22),transparent 55%)}.gallery-btn{position:absolute;z-index:4;top:50%;transform:translateY(-50%)}.gallery-btn.prev{left:18px}.gallery-btn.next{right:18px}.gallery-dots{bottom:18px}

/* activities */
.activities{padding:76px 0 80px}.center-title>p:last-child{font-size:12px;color:#777;max-width:600px;margin:10px auto 0;line-height:1.7}.activity-links{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #e7e3dd;border-bottom:1px solid #e7e3dd;margin-bottom:35px}.activity-links span{padding:19px 8px;text-align:center;font:500 10px Montserrat;border-right:1px solid #e7e3dd}.activity-links span:last-child{border:0}.activity-links i{display:block;font-size:22px;color:var(--gold);margin-bottom:8px}.activity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.activity-grid article{border:1px solid #e9e5df}.activity-grid img{height:190px}.activity-grid h3{text-align:center;font-size:11px;padding:13px 7px;margin:0}.activities .center{margin-top:32px}

/* stats */
.stats{height:230px;background-image:var(--bg);background-size:cover;background-position:center;position:relative}.stats-shade{position:absolute;inset:0;background:rgba(11,13,22,.73)}.stats-grid{position:relative;height:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;color:#fff}.stats-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.18)}.stats-grid div:last-child{border:0}.stats-grid i{display:block;color:var(--gold);font-size:25px;margin-bottom:10px}.stats-grid strong{display:block;font:500 35px Montserrat;color:var(--gold);line-height:1}.stats-grid span{display:block;margin-top:8px;font:500 10px Montserrat}

/* spa */
.spa{padding:92px 0 105px}.spa-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:90px;align-items:center}.spa-copy h2{font-size:40px;line-height:1.08}.spa-copy>p:not(.kicker){font-size:12px;color:#666;line-height:1.8}.spa-features{display:grid;grid-template-columns:1fr 1fr;gap:15px 28px;margin:28px 0 30px}.spa-features span{font-size:11px}.spa-features i{color:var(--gold);width:24px}.spa-media{height:470px;position:relative}.spa-photo{width:88%;height:100%;margin-left:auto;border-radius:8px;overflow:hidden}.spa-testimonial{position:absolute;right:-18px;bottom:-18px;width:285px;background:var(--navy);color:#fff;padding:25px 28px;border-radius:5px;box-shadow:var(--shadow)}.spa-testimonial b{font:500 35px Georgia;color:var(--gold)}.spa-testimonial p{font-size:11px;line-height:1.65}.spa-testimonial span{font:500 10px Montserrat;color:var(--gold)}.spa-media .video-play{left:75px;bottom:24px}.spa-media .round-arrow{top:50%}

/* footer */
.footer{background:linear-gradient(110deg,#0d1423,#15192a);color:#fff;height:360px;position:relative}.footer-ornament{height:38px;display:flex;justify-content:center;align-items:center;gap:15px;color:var(--gold)}.footer-ornament i{display:block;width:80px;height:1px;background:rgba(255,255,255,.15)}.footer-grid{height:260px;display:grid;grid-template-columns:.9fr 1.2fr 1.2fr .95fr;gap:45px;padding:24px 0 16px}.footer h3{font-size:11px;color:var(--gold);letter-spacing:.06em;margin-bottom:15px}.footer p,.footer a{font-size:9px;line-height:1.6;color:#d7d9df}.footer section>a{color:var(--gold)}.footer-logo{margin-top:21px;font:600 15px Montserrat;letter-spacing:.14em}.footer-logo small,.footer-logo b{display:block;font-size:6px;letter-spacing:.2em}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.contact-grid>div{display:grid;grid-template-columns:26px 1fr;align-items:start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.contact-grid i{color:var(--gold);font-size:14px}.contact-grid p{margin:0}.contact-grid b,.contact-grid span{display:block}.contact-grid b{font:600 9px Montserrat;color:var(--gold)}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}.footer-links a:before{content:"•";color:var(--gold);margin-right:7px}.newsletter{display:flex;margin-top:16px}.newsletter input{min-width:0;flex:1;height:34px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;padding:0 10px;font-size:9px}.newsletter button{height:34px;border:0;background:var(--gold);font:600 8px Montserrat;padding:0 12px}.socials{display:flex;gap:10px;margin-top:14px}.socials a{width:27px;height:27px;border:1px solid rgba(255,255,255,.17);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.footer-bottom{height:62px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;align-items:center;position:relative;font-size:9px;color:#cfd1d7}.footer-bottom a{position:absolute;right:4.5vw;color:var(--gold);font:600 9px Montserrat}

/* animation */
.reveal-up,.reveal-left,.reveal-right{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.reveal-up{transform:translateY(45px)}.reveal-left{transform:translateX(-45px)}.reveal-right{transform:translateX(45px)}.reveal-up.show,.reveal-left.show,.reveal-right.show{opacity:1;transform:none}.delay1{transition-delay:.12s}.delay2{transition-delay:.24s}.delay3{transition-delay:.36s}.image-wipe{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.77,0,.18,1)}.image-wipe.show-img{clip-path:inset(0 0 0 0)}.parallax-bg{background-attachment:fixed}.side-menu{position:fixed;z-index:2000;right:0;top:0;bottom:0;width:min(430px,100%);background:#101524;color:#fff;transform:translateX(100%);transition:.5s;padding:95px 55px}.side-menu.open{transform:none}.side-menu>button{position:absolute;right:24px;top:18px;font-size:35px;background:none;border:0;color:#fff}.side-menu nav{display:grid;gap:22px}.side-menu a{font:500 22px Montserrat}.video-modal{position:fixed;z-index:2500;inset:0;background:rgba(7,10,17,.94);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s;color:#fff}.video-modal.open{opacity:1;visibility:visible}.video-modal>button{position:absolute;right:30px;top:20px;border:0;background:none;color:#fff;font-size:40px}.video-modal>div{width:min(900px,85vw);aspect-ratio:16/9;border:1px solid rgba(255,255,255,.2);display:grid;place-content:center;text-align:center;background:#111827}.video-modal i{font-size:40px;color:var(--gold)}

@media(max-width:1200px){.top-nav{display:none}.popular-inner{grid-template-columns:.9fr 1fr 1fr}.popular-preview{display:none}.round-arrow{display:none}.amenity-grid{grid-template-columns:repeat(2,1fr)}.amenity-grid article:nth-child(2n){border-right:0}.amenity-grid article:nth-child(n+5){border-bottom:1px solid #e8e5df}.amenity-grid article:nth-child(n+7){border-bottom:0}.gallery{grid-template-columns:28% 16% 56%}.gallery-side.right{display:none}.activity-grid{grid-template-columns:repeat(3,1fr)}.footer{height:auto}.footer-grid{height:auto;grid-template-columns:1fr 1fr}.footer-bottom{height:62px}}
@media(max-width:800px){.shell{width:calc(100% - 34px)}.site-header{height:68px;padding:0 18px;grid-template-columns:130px 1fr auto}.reserve{display:none}.hero{height:680px}.hero-copy{left:24px;right:24px;top:210px;width:auto}.hero-copy h1{font-size:39px}.hero-ghost{left:22px;top:100px}.hero-index,.hero-social,.scroll-label{display:none}.hero-thumbs{left:24px;right:24px;width:auto;grid-template-columns:repeat(3,1fr);height:90px}.hero-thumbs button:nth-child(n+4){display:none}.hero-total{right:24px}.about{padding-top:65px}.about-grid{grid-template-columns:1fr;gap:45px}.about-media{height:390px}.main-photo{width:85%;height:330px}.mini-features{height:auto;grid-template-columns:1fr 1fr;padding:25px 0;gap:25px}.mini-features div{border:0}.popular{height:auto;padding:20px}.popular-inner{grid-template-columns:1fr}.popular-intro{margin:0;min-height:280px}.popular-card{height:420px}.privileges{padding:65px 0}.privilege-grid{grid-template-columns:1fr}.story{height:auto;padding-bottom:65px;background:#f8f7f4}.story-bg{height:370px;bottom:auto}.story-title{padding-top:65px}.story-panels{grid-template-columns:1fr;margin-top:65px}.story-video{height:320px}.amenity-grid{grid-template-columns:1fr}.amenity-grid article{border-right:0!important}.events-grid{grid-template-columns:1fr}.events-media{height:320px}.room-grid{grid-template-columns:1fr 1fr}.gallery{height:auto;display:grid;grid-template-columns:1fr;padding:20px}.gallery-copy{margin:0 0 16px}.gallery-side{display:none!important}.gallery-main{height:360px;margin:0}.activity-links{grid-template-columns:repeat(3,1fr)}.activity-grid{grid-template-columns:1fr 1fr}.stats{height:auto}.stats-grid{grid-template-columns:1fr 1fr;padding:25px 0}.stats-grid div{padding:22px}.spa-grid{grid-template-columns:1fr;gap:45px}.spa-media{height:390px}.spa-photo{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{padding:15px 18px;justify-content:flex-start}.footer-bottom a{right:18px}.mouse-cursor{display:none}}

/* ===== MASTER SCREENSHOT CORRECTIONS — only requested sections ===== */
.story-reference{height:760px;background:#fff;padding:0;position:relative;overflow:hidden}
.story-top{height:430px;display:grid;grid-template-columns:48% 52%;position:relative}
.story-top-left{background:linear-gradient(135deg,#211d1c,#493b31 72%,#6e523b)}
.story-top-right{background-size:cover;background-position:center}
.story-top:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 48%)}
.story-heading{position:absolute;z-index:3;left:18%;top:105px;text-align:center;color:#fff;width:38%}
.story-kicker{font:italic 16px Georgia;color:#d4aa6a}
.story-heading h2{font-size:34px;line-height:1.35;font-weight:500;margin:22px 0}
.story-ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:#d4aa6a}
.story-ornament i{width:62px;height:1px;background:#d4aa6a}
.story-overlap{position:relative;margin-top:-120px;z-index:5;display:grid;grid-template-columns:43% 57%;align-items:stretch}
.story-info-card{background:#fff;padding:42px 48px;box-shadow:0 8px 30px rgba(15,18,30,.09);min-height:350px}
.story-info-card h3{font-size:25px;font-weight:500;margin-bottom:20px}
.story-info-card>p:not(.kicker){font-size:11px;line-height:1.8;color:#5f6066}
.story-manager{border-top:1px solid #e6e1d9;margin-top:25px;padding-top:20px;display:grid;grid-template-columns:48px 1fr 100px;align-items:center;gap:14px}
.manager-avatar{width:44px;height:44px;border-radius:50%;background:#eee;display:grid;place-items:center;color:#777}
.story-manager b,.story-manager span{display:block}.story-manager b{font:500 13px Montserrat}.story-manager span{font-size:9px;color:#c69450;margin-top:4px}.story-manager strong{font:italic 21px Georgia;color:#222}
.story-photo-card{height:350px;position:relative;overflow:hidden}
.story-photo-card:after{content:"";position:absolute;inset:0;background:rgba(12,15,22,.14)}
.story-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:0;border-radius:50%;background:#d2a35f;color:#fff;box-shadow:0 0 0 10px rgba(210,163,95,.22)}
.story-photo-card>span{position:absolute;z-index:3;left:50%;top:63%;transform:translateX(-50%);font:600 11px Montserrat;color:#fff;letter-spacing:.06em}

.events-reference{height:585px;padding:0;background:radial-gradient(circle at 50% 0,#20263a,#111625 65%,#0e1320);color:#fff}
.event-frame{height:100%;display:grid;grid-template-columns:42% 58%;gap:12px;padding:18px}
.event-left{border:1px solid rgba(211,169,103,.28);border-radius:9px;position:relative;padding:72px 55px 42px;text-align:center}
.event-top-dots{position:absolute;top:6px;left:0;right:0;color:#d5a65f;letter-spacing:10px;font-size:11px}
.event-kicker{font:italic 17px Georgia;color:#d6ab6b;margin-bottom:18px}
.event-left h2{font:400 42px/1.12 Montserrat;margin-bottom:20px}.event-left h2 span{color:#d5a65f}
.event-divider{width:70px;height:1px;background:#d5a65f;margin:0 auto 24px}
.event-desc{max-width:530px;margin:0 auto 36px;font-size:12px;line-height:1.8;color:#eee}
.event-services{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:35px}
.event-services>div{border-right:1px solid rgba(255,255,255,.12);padding:0 12px}.event-services>div:last-child{border:0}
.event-services i{display:block;color:#d5a65f;font-size:30px;margin-bottom:13px}.event-services b{font:500 10px/1.55 Montserrat}
.event-cta{display:inline-block;border:1px solid #d5a65f;padding:15px 24px;font:600 10px Montserrat;color:#d5a65f}
.event-pagination{display:flex;justify-content:center;align-items:center;gap:33px;margin-top:28px;color:#fff}.event-pagination i{width:7px;height:7px;background:#fff;border-radius:50%}.event-pagination b{color:#d5a65f;border:1px dotted #d5a65f;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}
.event-right{position:relative;border-radius:9px;overflow:hidden}
.event-right:after{content:"";position:absolute;inset:0;background:rgba(12,13,20,.38)}
.event-inner-border{position:absolute;z-index:2;inset:18px;border:1px dashed rgba(213,166,95,.64);border-radius:7px}
.event-right-copy{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.event-right-copy h3{font:400 35px/1.25 Montserrat;margin:0 0 30px}.event-right-copy h3 span{color:#d6aa69}
.event-right-copy p{font-size:12px;line-height:1.9;color:#eee;margin-bottom:28px}
.event-right-copy a{border:1px solid #d5a65f;color:#d5a65f;padding:15px 23px;font:600 10px Montserrat}

.stats-reference{height:290px!important;background-size:cover!important;background-position:center 48%!important;background-attachment:scroll!important;position:relative;color:#fff}
.stats-reference .stats-shade{background:linear-gradient(90deg,rgba(9,11,22,.82),rgba(18,13,19,.72))!important}
.stats-diamond{position:absolute;z-index:2;top:28px;left:50%;transform:translateX(-50%);color:#d6aa69;font-size:18px}
.stats-caption{position:absolute;z-index:2;top:73px;left:50%;transform:translateX(-50%);font:600 10px Montserrat;letter-spacing:.08em}
.stats-ref-grid{position:absolute;z-index:2;left:0;right:0;top:102px;display:grid;grid-template-columns:repeat(5,1fr)}
.stats-ref-grid>div{text-align:center;border-right:1px solid rgba(255,255,255,.15);min-height:110px}.stats-ref-grid>div:last-child{border:0}
.stats-ref-grid i{display:block;color:#d6aa69;font-size:27px;margin-bottom:8px}
.stats-ref-grid strong{display:block;font:500 29px Montserrat;color:#d6aa69;line-height:1.1}
.stats-ref-grid span{display:block;font-size:10px;margin-top:6px}
.stats-dots{position:absolute;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:11px}.stats-dots i{width:5px;height:5px;background:#fff;border-radius:50%}

.spa-reference{padding:40px 0 55px!important;background:#fbfaf7!important}
.spa-ref-wrap{width:min(1450px,94vw);margin:auto;display:grid;grid-template-columns:56% 44%;border:1px solid #e7e1d8;border-radius:9px;background:rgba(255,255,255,.72);padding:22px 28px 20px;min-height:540px}
.spa-gallery{padding-right:28px}.spa-main-image{height:365px;border-radius:8px;overflow:hidden}.spa-thumbs{height:110px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.spa-thumbs img{border-radius:7px}
.spa-ref-copy{padding:70px 40px 30px 10px}
.spa-eyebrow{font:italic 15px Georgia;color:#c8944d;margin:0}
.spa-mini-ornament{display:flex;align-items:center;gap:12px;color:#c8944d;margin:14px 0 12px}.spa-mini-ornament i{width:40px;height:1px;background:#e4d2b5}
.spa-ref-copy h2{font:500 42px Montserrat;margin:0 0 22px}.spa-ref-copy>p:not(.spa-eyebrow){font-size:12px;line-height:1.85;color:#555;max-width:500px}
.spa-ref-list{display:grid;grid-template-columns:1fr 1fr;gap:17px 55px;margin:26px 0 32px;font-size:11px}.spa-ref-list span{color:#4d4e53}.spa-ref-list span::first-letter{color:#c8944d}
.spa-ref-btn{display:inline-flex;gap:40px;align-items:center;border:1px solid #c8944d;color:#b47c33;padding:15px 22px;font:600 10px Montserrat}

@media(max-width:900px){
.story-reference{height:auto}.story-top{grid-template-columns:1fr;height:350px}.story-top-right{display:none}.story-heading{left:20px;right:20px;width:auto}.story-overlap{grid-template-columns:1fr;margin-top:-70px}.story-photo-card{height:300px}
.events-reference{height:auto;padding:15px}.event-frame{grid-template-columns:1fr;padding:0}.event-left{padding:55px 22px}.event-services{grid-template-columns:1fr 1fr;gap:25px}.event-right{height:420px}
.stats-reference{height:auto!important;min-height:600px}.stats-ref-grid{position:relative;top:120px;grid-template-columns:1fr 1fr}.stats-ref-grid>div{padding:18px}.stats-dots{display:none}
.spa-ref-wrap{grid-template-columns:1fr;padding:15px}.spa-gallery{padding:0}.spa-ref-copy{padding:35px 10px}.spa-main-image{height:310px}
}


/* ===== ABOUT MEDIA FIX v5 — preserve master layout ===== */
.about-media{
  height:510px;
  position:relative;
  min-width:0;
  overflow:visible;
}
.about-main-photo{
  position:absolute;
  left:42px;
  top:22px;
  width:78%;
  height:430px;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(19,22,33,.13);
  background:#eee;
  z-index:1;
}
.about-main-photo:before{
  content:"";
  position:absolute;
  inset:-14px 16px 16px -14px;
  border:1px solid #dfd7ca;
  border-radius:10px;
  pointer-events:none;
  z-index:0;
}
.about-main-photo img,
.about-small-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.about-small-photo{
  position:absolute;
  z-index:3;
  border:7px solid #fff;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(19,22,33,.14);
  background:#eee;
}
.about-small-top{
  right:0;
  top:0;
  width:34%;
  height:155px;
}
.about-small-bottom{
  left:0;
  bottom:0;
  width:30%;
  height:132px;
}
.about-media .round-arrow{
  top:50%;
  transform:translateY(-50%);
  z-index:5;
}
.about-media .round-arrow.left{left:-70px}
.about-media .round-arrow.right{right:-70px}

@media(max-width:800px){
  .about-media{height:390px}
  .about-main-photo{
    left:26px;
    width:84%;
    height:330px;
  }
  .about-small-top{
    width:35%;
    height:118px;
  }
  .about-small-bottom{
    width:31%;
    height:100px;
  }
}


/* ===== ABOUT MEDIA FINAL ALIGNMENT v6 ===== */
.about-media{
  height:510px;
  position:relative;
  overflow:visible;
}

.about-main-photo{
  position:absolute;
  left:54px;
  top:22px;
  width:76%;
  height:430px;
  border-radius:8px;
  overflow:hidden;
  background:#eee;
  box-shadow:0 14px 36px rgba(19,22,33,.12);
  z-index:1;
}

.about-main-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.about-main-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 52%;
  transform:none!important;
}

.about-main-photo::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:14px -18px -16px 16px;
  border:1px solid #dfd7ca;
  border-radius:9px;
  pointer-events:none;
}

.about-small-photo{
  position:absolute;
  z-index:5;
  overflow:hidden;
  border:7px solid #fff;
  border-radius:8px;
  background:#fff;
  box-shadow:0 13px 30px rgba(19,22,33,.16);
}

.about-small-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:none!important;
}

.about-small-top{
  right:2px;
  top:3px;
  width:33%;
  height:155px;
}

.about-small-top img{
  object-position:center center;
}

.about-small-bottom{
  left:7px;
  bottom:2px;
  width:31%;
  height:132px;
}

.about-small-bottom img{
  object-position:center 62%;
}

.about-media .round-arrow{
  top:50%;
  transform:translateY(-50%);
  z-index:8;
}

.about-media .round-arrow.left{
  left:-70px;
}

.about-media .round-arrow.right{
  right:-70px;
}

/* Prevent any unwanted overlay/text from appearing over these three photos */
.about-main-photo *,
.about-small-photo *{
  text-shadow:none;
}

@media(max-width:800px){
  .about-media{height:390px}
  .about-main-photo{
    left:30px;
    top:18px;
    width:82%;
    height:330px;
  }
  .about-small-top{
    right:0;
    width:35%;
    height:115px;
  }
  .about-small-bottom{
    left:0;
    width:31%;
    height:96px;
  }
}


/* ===== IMAGE CLEANUP v7 ===== */
/* About: keep only clean photos, preserve existing composition */
.about-main-photo img{
  object-position:center center!important;
}
.about-small-top img{
  object-position:center center!important;
}
.about-small-bottom img{
  object-position:center center!important;
}

/* Remove accidental screenshot/UI remnants by hiding any descendant overlay */
.about-main-photo > *:not(img),
.about-small-photo > *:not(img){
  display:none!important;
}

/* Event asset already includes the exact approved text treatment */
.events-reference .event-right-copy{
  display:none!important;
}
.events-reference .event-right:after{
  background:transparent!important;
}
.events-reference .event-inner-border{
  display:none!important;
}

/* Gallery image is now clean; its arrows are HTML controls only */
.gallery-main > img{
  object-position:center center!important;
}

/* Spa image: eliminate screenshot whitespace and fill card */
.spa-main-image img{
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.spa-thumbs img{
  object-fit:cover!important;
  object-position:center center!important;
}


/* =========================================================
   V11 — DIAMANT SOURCE-BASED INTERACTION LAYER
   Timing/behavior mapped from the user's supplied Diamant files.
   No section geometry is changed here.
   ========================================================= */

/* ---------- Loader: source behavior = 500ms delay + 300ms fade ---------- */
.page-loader{
  transition:opacity .30s ease, visibility .30s ease;
}
.page-loader.loader-fade{
  opacity:0;
}
.page-loader.loader-done{
  visibility:hidden;
  pointer-events:none;
}
.diamant-loader-layer{
  position:absolute;
  inset:0;
  z-index:-1;
  display:flex;
  pointer-events:none;
}
.diamant-loader-layer i{
  width:50%;
  height:100%;
  display:block;
  background:#161827;
  transform:scaleX(1);
  transition:transform .60s cubic-bezier(.77,0,.18,1);
}
.diamant-loader-layer i:first-child{transform-origin:left center}
.diamant-loader-layer i:last-child{transform-origin:right center}
.page-loader.closing .diamant-loader-layer i{transform:scaleX(0)}

/* ---------- Reveal safety ---------- */
/* Visible by default. JS opts the page into animation so no content can get stuck hidden. */
.reveal-up,.reveal-left,.reveal-right{
  opacity:1;
  transform:none;
}
.image-wipe{
  clip-path:none!important;
}
html.diamant-motion .reveal-up,
html.diamant-motion .reveal-left,
html.diamant-motion .reveal-right{
  opacity:0;
  transition:opacity .80s ease, transform .95s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
html.diamant-motion .reveal-up{transform:translate3d(0,36px,0)}
html.diamant-motion .reveal-left{transform:translate3d(-38px,0,0)}
html.diamant-motion .reveal-right{transform:translate3d(38px,0,0)}
html.diamant-motion .show{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}

/* Diamant-like image cover reveal, implemented as overlay rather than clipping the image itself. */
html.diamant-motion .image-wipe{
  position:relative;
  overflow:hidden;
}
html.diamant-motion .image-wipe:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  background:#efebe5;
  transform:scaleX(1);
  transform-origin:right center;
  transition:transform .90s cubic-bezier(.77,0,.18,1);
  pointer-events:none;
}
html.diamant-motion .image-wipe.show-img:after{
  transform:scaleX(0);
}

/* ---------- Fixed header: mapped from source scroll-sticky at 150px ---------- */
.site-header{
  transition:background .35s ease, box-shadow .35s ease, height .35s ease;
  transform:none!important;
}
.site-header.scroll-sticky{
  background:rgba(20,21,34,.96)!important;
  box-shadow:0 7px 26px rgba(0,0,0,.14);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* ---------- Hero: source Swiper speed = 1400ms, parallax enabled ---------- */
.hero-slide{
  opacity:0;
  transform:scale(1.035);
  transition:opacity 1.40s cubic-bezier(.25,0,.25,1);
  will-change:opacity,transform;
}
.hero-slide.active{
  opacity:1;
  animation:diamantHeroZoom 7s linear forwards;
}
@keyframes diamantHeroZoom{
  from{transform:scale(1.035)}
  to{transform:scale(1.105)}
}

/* Parallax-style hero title movement; does not alter dimensions. */
.hero-copy{
  transition:transform 1.40s cubic-bezier(.25,0,.25,1),opacity 1.0s ease;
}
.hero.hero-changing .hero-copy{
  opacity:.18;
  transform:translate3d(0,22px,0);
}
.hero.hero-ready .hero-copy{
  opacity:1;
  transform:none;
}

.hero-index button,
.hero-thumbs button{
  transition:opacity .35s ease, transform .35s ease, border-color .35s ease;
}
.hero-thumbs button:hover{
  transform:translateY(-5px);
}

/* Source slideshow contains vertical progress; keep it subtle and inside hero. */
.diamant-slide-progress{
  position:absolute;
  right:24px;
  top:50%;
  width:1px;
  height:84px;
  transform:translateY(-50%);
  z-index:25;
  background:rgba(255,255,255,.22);
  overflow:hidden;
  pointer-events:none;
}
.diamant-slide-progress span{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:0;
  background:#c6a56a;
}
.diamant-slide-progress.running span{
  height:100%;
  transition:height 5.1s linear;
}

/* ---------- Hover behavior ---------- */
.popular-card,.service-tile,.detail-room,.activity-grid article{
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease;
}
.popular-card:hover,.service-tile:hover,.detail-room:hover,.activity-grid article:hover{
  transform:translateY(-6px);
}

/* ---------- Gallery source feel: 900ms / 1400ms transitions ---------- */
.gallery-main img,.gallery-side img{
  transition:opacity .45s ease, transform 1.40s cubic-bezier(.25,0,.25,1);
}
.gallery.gallery-switching .gallery-main img,
.gallery.gallery-switching .gallery-side img{
  opacity:.16;
  transform:scale(1.025);
}

/* ---------- Cursor ---------- */
.mouse-cursor{
  transition:width .20s ease,height .20s ease,background .20s ease,border-color .20s ease;
}
.mouse-cursor.cursor-link{
  width:40px;
  height:40px;
  background:rgba(198,165,106,.08);
}

/* ---------- Parallax only on section backgrounds ----------
   No foreground image transforms, so crops and layout remain stable. */
.story-top-right,
.stats-section,
.stats{
  background-position:center center;
  will-change:background-position;
}

/* ---------- Mobile ---------- */
@media(max-width:1068px){
  .diamant-slide-progress{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide.active{animation:none!important}
  html.diamant-motion .reveal-up,
  html.diamant-motion .reveal-left,
  html.diamant-motion .reveal-right{
    opacity:1!important;transform:none!important;transition:none!important
  }
  html.diamant-motion .image-wipe:after{display:none!important}
}


/* ==========================================================
   V13 — ABOUT SECTION ONLY
   Matches the user's supplied "Otelimiz Hakkında" reference.
   No other section selectors are modified below.
   ========================================================== */

.about-reference{
  position:relative;
  min-height:640px;
  padding:60px 0 28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 4% 88%, rgba(199,163,98,.06), transparent 14%),
    radial-gradient(circle at 47% 28%, rgba(199,163,98,.035), transparent 19%),
    #fff;
}

.about-reference::before,
.about-reference::after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.45;
  background-repeat:no-repeat;
  background-size:contain;
}

.about-reference::before{
  width:380px;
  height:260px;
  left:-78px;
  bottom:-30px;
  background-image:
    linear-gradient(135deg, transparent 48%, rgba(213,210,204,.36) 49%, rgba(213,210,204,.36) 50%, transparent 51%);
  transform:rotate(-8deg);
}

.about-reference::after{
  width:360px;
  height:300px;
  left:38%;
  top:4px;
  border:1px solid rgba(218,216,211,.22);
  border-radius:48% 40% 55% 43%;
  transform:rotate(19deg);
}

.about-reference-shell{
  width:min(84%,1580px);
  min-height:540px;
  margin:0 auto;
  display:grid;
  grid-template-columns:47% 53%;
  gap:62px;
  align-items:center;
  position:relative;
  z-index:2;
}

.about-reference-copy{
  max-width:720px;
  padding-left:22px;
}

.about-reference-line{
  display:block;
  width:40px;
  height:1px;
  background:#c7a362;
  margin-bottom:20px;
}

.about-reference-kicker{
  margin:0 0 18px;
  font:italic 600 16px/1.2 Georgia,serif;
  color:#c7a362;
}

.about-reference-copy h2{
  margin:0 0 34px;
  font:400 clamp(38px,3vw,54px)/1.05 Georgia,"Times New Roman",serif;
  color:#2e3044;
  letter-spacing:-.02em;
}

.about-reference-copy > p{
  margin:0 0 14px;
  max-width:700px;
  color:#60646d;
  font:400 14px/1.7 Roboto,Arial,sans-serif;
}

.about-reference-lead{
  position:relative;
}

.about-reference-dropcap{
  float:left;
  display:block;
  margin:-4px 20px 0 0;
  color:#c7a362;
  font:400 64px/.84 Georgia,serif;
}

.about-reference-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:268px;
  height:54px;
  margin-top:28px;
  padding:0 28px;
  color:#c7a362;
  background:#28283a;
  border:8px solid #fff;
  outline:1px solid #ece9e4;
  box-shadow:0 0 0 1px #f3f0ec;
  text-decoration:none;
  font:700 12px/1 Montserrat,sans-serif;
  letter-spacing:.01em;
  transition:background .3s ease,color .3s ease;
}

.about-reference-btn:hover{
  color:#fff;
  background:#1f2030;
}

.about-reference-media{
  position:relative;
  height:520px;
  min-width:0;
}

.about-reference-outline{
  position:absolute;
  right:8px;
  bottom:16px;
  width:84%;
  height:48%;
  border:1px solid rgba(218,216,211,.42);
  border-radius:10px;
  z-index:0;
}

.about-reference-main{
  position:absolute;
  left:4%;
  top:34px;
  width:77%;
  height:455px;
  border-radius:8px;
  overflow:hidden;
  z-index:1;
  box-shadow:0 26px 48px rgba(18,23,32,.22);
  background:#eee;
}

.about-reference-main img,
.about-reference-small img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.about-reference-main img{
  object-position:center center;
}

.about-reference-small{
  position:absolute;
  overflow:hidden;
  z-index:4;
  border:8px solid #fff;
  border-radius:10px;
  box-shadow:0 14px 28px rgba(22,24,33,.16);
  background:#eee;
}

.about-reference-small-top{
  width:38%;
  height:240px;
  right:0;
  top:0;
}

.about-reference-small-top img{
  object-position:center center;
}

.about-reference-small-bottom{
  width:27%;
  height:122px;
  left:-8%;
  bottom:16px;
}

.about-reference-small-bottom img{
  object-position:center 60%;
}

.about-reference-arrow{
  position:absolute;
  width:38px;
  height:38px;
  padding:0;
  border:1px dotted rgba(199,163,98,.9);
  border-radius:50%;
  background:#fff;
  cursor:pointer;
  z-index:6;
}

.about-reference-arrow span{
  position:absolute;
  left:50%;
  top:50%;
  width:9px;
  height:9px;
  background:#c7a362;
  transform:translate(-50%,-50%) rotate(45deg);
}

.about-reference-arrow-left{
  left:-11%;
  top:54%;
}

.about-reference-arrow-right{
  right:3%;
  top:49%;
}

.about-reference-bottom-line{
  display:block;
  width:1px;
  height:28px;
  margin:0 auto;
  background:#e4e0da;
}

/* The previous About feature strip is intentionally not used in this
   reference layout. It belonged to the earlier design, not this one. */

@media(max-width:1180px){
  .about-reference-shell{
    width:88%;
    grid-template-columns:44% 56%;
    gap:36px;
  }
  .about-reference-media{height:470px}
  .about-reference-main{height:405px}
  .about-reference-small-top{height:205px}
}

@media(max-width:900px){
  .about-reference{
    padding:70px 0 50px;
  }
  .about-reference-shell{
    width:88%;
    grid-template-columns:1fr;
    gap:50px;
  }
  .about-reference-copy{
    max-width:100%;
    padding-left:0;
  }
  .about-reference-media{
    width:100%;
    height:480px;
  }
  .about-reference-arrow-left{left:-2%}
  .about-reference-arrow-right{right:-2%}
}

@media(max-width:600px){
  .about-reference-media{height:390px}
  .about-reference-main{
    left:3%;
    width:86%;
    height:330px;
  }
  .about-reference-small-top{
    width:42%;
    height:155px;
  }
  .about-reference-small-bottom{
    left:0;
    width:34%;
    height:92px;
  }
  .about-reference-arrow{display:none}
  .about-reference-btn{
    min-width:230px;
    height:52px;
  }
}


/* ==========================================================
   V14 — ABOUT REFERENCE CORRECTION ONLY
   Fixes what was visibly wrong in v13:
   - media block size/placement
   - missing top inset
   - bottom inset clipping
   - arrow positions
   - reference-like vertical spacing
   ========================================================== */

#about.about-reference{
  min-height:655px!important;
  height:auto!important;
  padding:58px 0 24px!important;
  overflow:hidden!important;
}

#about .about-reference-shell{
  width:min(84%,1580px)!important;
  min-height:560px!important;
  grid-template-columns:46% 54%!important;
  gap:58px!important;
  align-items:start!important;
}

#about .about-reference-copy{
  padding-top:55px!important;
  padding-left:22px!important;
  max-width:720px!important;
}

#about .about-reference-copy h2{
  margin-bottom:32px!important;
  font-size:50px!important;
  line-height:1.03!important;
}

#about .about-reference-media{
  height:560px!important;
  margin-top:0!important;
  overflow:visible!important;
}

#about .about-reference-main{
  left:8%!important;
  top:32px!important;
  width:72%!important;
  height:485px!important;
  border-radius:8px!important;
  overflow:hidden!important;
}

#about .about-reference-main img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#about .about-reference-small-top{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  right:0!important;
  top:0!important;
  width:39%!important;
  height:235px!important;
  z-index:8!important;
}

#about .about-reference-small-top img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#about .about-reference-small-bottom{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  left:-1%!important;
  bottom:58px!important;
  width:27%!important;
  height:118px!important;
  z-index:8!important;
}

#about .about-reference-small-bottom img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#about .about-reference-outline{
  right:2%!important;
  bottom:22px!important;
  width:75%!important;
  height:46%!important;
}

#about .about-reference-arrow-left{
  left:-10%!important;
  top:52%!important;
}

#about .about-reference-arrow-right{
  right:1%!important;
  top:49%!important;
}

#about .about-reference-bottom-line{
  margin-top:0!important;
}

/* Prevent the generic image reveal layer from visually hiding the two
   small inset photos. They must always remain visible. */
html.diamant-motion #about .about-reference-small.image-wipe:after{
  display:none!important;
}

@media(max-width:1180px){
  #about .about-reference-copy{
    padding-top:30px!important;
  }
  #about .about-reference-main{
    left:6%!important;
    width:76%!important;
    height:430px!important;
  }
  #about .about-reference-small-top{
    width:39%!important;
    height:195px!important;
  }
  #about .about-reference-small-bottom{
    bottom:82px!important;
  }
}

@media(max-width:900px){
  #about.about-reference{
    min-height:0!important;
  }
  #about .about-reference-shell{
    grid-template-columns:1fr!important;
  }
  #about .about-reference-copy{
    padding-top:0!important;
  }
  #about .about-reference-media{
    height:500px!important;
  }
}


/* ==========================================================
   V15 — ABOUT LOCKED TO USER REFERENCE
   ONLY #about selectors are changed in this block.
   HTML and all other sections remain untouched.
   ========================================================== */
#about.about-reference{
  height:665px!important;
  min-height:665px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}

#about .about-reference-shell{
  width:100%!important;
  max-width:1880px!important;
  min-height:665px!important;
  height:665px!important;
  margin:0 auto!important;
  padding:0 76px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:48% 52%!important;
  gap:0!important;
  align-items:start!important;
}

#about .about-reference-copy{
  width:100%!important;
  max-width:760px!important;
  margin:0!important;
  padding:116px 0 0 74px!important;
  box-sizing:border-box!important;
}

#about .about-reference-line{
  width:40px!important;
  margin:0 0 20px!important;
}

#about .about-reference-kicker{
  margin:0 0 17px!important;
  font-size:16px!important;
  line-height:1.2!important;
}

#about .about-reference-copy h2{
  margin:0 0 32px!important;
  font-size:54px!important;
  line-height:1.02!important;
  font-weight:400!important;
}

#about .about-reference-copy>p{
  max-width:700px!important;
  margin:0 0 13px!important;
  font-size:14px!important;
  line-height:1.68!important;
}

#about .about-reference-dropcap{
  margin:-3px 20px 0 0!important;
  font-size:64px!important;
  line-height:.82!important;
}

#about .about-reference-btn{
  min-width:276px!important;
  height:58px!important;
  margin-top:30px!important;
}

#about .about-reference-media{
  position:relative!important;
  width:100%!important;
  height:665px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

#about .about-reference-main{
  position:absolute!important;
  left:7.2%!important;
  top:91px!important;
  width:74.5%!important;
  height:484px!important;
  margin:0!important;
  border-radius:8px!important;
  overflow:hidden!important;
  z-index:2!important;
  box-shadow:0 25px 42px rgba(22,24,33,.20)!important;
}

#about .about-reference-main img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

#about .about-reference-small-top{
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:66px!important;
  width:36%!important;
  height:234px!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:8!important;
  border:8px solid #fff!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:0 14px 28px rgba(22,24,33,.15)!important;
}

#about .about-reference-small-bottom{
  display:block!important;
  position:absolute!important;
  left:-5.2%!important;
  bottom:103px!important;
  width:23.5%!important;
  height:122px!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:8!important;
  border:8px solid #fff!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:0 14px 28px rgba(22,24,33,.15)!important;
}

#about .about-reference-small img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  visibility:visible!important;
}

#about .about-reference-outline{
  position:absolute!important;
  right:1.4%!important;
  bottom:41px!important;
  width:77%!important;
  height:255px!important;
  border:1px solid rgba(218,216,211,.45)!important;
  border-radius:10px!important;
  z-index:0!important;
}

#about .about-reference-arrow-left{
  left:-87%!important;
  top:347px!important;
}

#about .about-reference-arrow-right{
  right:-1.6%!important;
  top:323px!important;
}

#about .about-reference-bottom-line{
  position:absolute!important;
  left:50%!important;
  bottom:10px!important;
  width:1px!important;
  height:28px!important;
  margin:0!important;
}

/* Insets must never remain covered by a reveal mask. */
html.diamant-motion #about .about-reference-small.image-wipe:after{
  display:none!important;
}

@media(max-width:1400px){
  #about .about-reference-shell{padding:0 55px!important}
  #about .about-reference-copy{padding-left:42px!important}
  #about .about-reference-copy h2{font-size:48px!important}
  #about .about-reference-main{left:7%!important;width:75%!important}
}

@media(max-width:1050px){
  #about.about-reference{height:auto!important;min-height:0!important;padding:64px 0 56px!important}
  #about .about-reference-shell{height:auto!important;min-height:0!important;width:88%!important;padding:0!important;grid-template-columns:1fr!important;gap:46px!important}
  #about .about-reference-copy{padding:0!important;max-width:none!important}
  #about .about-reference-media{height:500px!important}
  #about .about-reference-main{left:5%!important;top:38px!important;width:78%!important;height:410px!important}
  #about .about-reference-small-top{top:10px!important;width:37%!important;height:195px!important}
  #about .about-reference-small-bottom{left:0!important;bottom:5px!important;width:28%!important;height:108px!important}
  #about .about-reference-arrow-left{left:-3%!important;top:245px!important}
  #about .about-reference-arrow-right{right:-3%!important;top:230px!important}
  #about .about-reference-bottom-line{display:none!important}
}


/* ==========================================================
   V16 FINAL — ABOUT PIXEL LOCK
   ONLY #about is affected.
   Target: user's 1881x665 reference screenshot.
   ========================================================== */
@media (min-width:1200px){

  #about.about-reference{
    position:relative!important;
    width:100%!important;
    height:665px!important;
    min-height:665px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  #about .about-reference-shell{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:665px!important;
    min-height:665px!important;
    margin:0!important;
    padding:0!important;
  }

  /* LEFT TEXT — same placement as supplied reference */
  #about .about-reference-copy{
    position:absolute!important;
    left:8.08%!important;   /* 152 / 1881 */
    top:120px!important;
    width:39.2%!important;
    max-width:738px!important;
    margin:0!important;
    padding:0!important;
    z-index:4!important;
  }

  #about .about-reference-line{
    display:block!important;
    width:40px!important;
    height:1px!important;
    margin:0 0 20px!important;
    background:#c7a362!important;
  }

  #about .about-reference-copy > .about-reference-kicker{
    margin:0 0 18px!important;
    padding:0!important;
    color:#c7a362!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:16px!important;
    font-style:italic!important;
    font-weight:600!important;
    line-height:1.2!important;
  }

  #about .about-reference-copy > h2{
    margin:0 0 35px!important;
    padding:0!important;
    color:#303145!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:54px!important;
    font-weight:400!important;
    line-height:1!important;
    letter-spacing:-.015em!important;
  }

  #about .about-reference-copy > p:not(.about-reference-kicker){
    max-width:700px!important;
    margin:0 0 13px!important;
    padding:0!important;
    color:#666a73!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:14px!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.72!important;
  }

  #about .about-reference-lead{
    min-height:67px!important;
  }

  #about .about-reference-dropcap{
    float:left!important;
    margin:-3px 22px 0 0!important;
    color:#c7a362!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:64px!important;
    font-weight:400!important;
    line-height:.85!important;
  }

  #about .about-reference-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:276px!important;
    width:auto!important;
    height:58px!important;
    margin:29px 0 0!important;
    padding:0 30px!important;
    box-sizing:border-box!important;
    background:#29293b!important;
    border:8px solid #fff!important;
    outline:1px solid #ece9e4!important;
    box-shadow:0 0 0 1px #f4f1ed!important;
    color:#c7a362!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1!important;
    text-decoration:none!important;
  }

  /* RIGHT IMAGE COMPOSITION — absolute positions measured from reference */
  #about .about-reference-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:665px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    z-index:2!important;
    transform:none!important;
  }

  #about .about-reference-main{
    position:absolute!important;
    left:53.22%!important;   /* 1001 / 1881 */
    top:91px!important;
    width:38.65%!important;  /* 727 / 1881 */
    height:484px!important;
    margin:0!important;
    border:0!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:#eee!important;
    box-shadow:0 25px 42px rgba(22,24,33,.22)!important;
    z-index:2!important;
  }

  #about .about-reference-main img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }

  #about .about-reference-small-top{
    position:absolute!important;
    left:79.58%!important;   /* 1497 / 1881 */
    right:auto!important;
    top:57px!important;
    width:18.66%!important;  /* 351 / 1881 */
    height:243px!important;
    margin:0!important;
    border:8px solid #fff!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#eee!important;
    box-shadow:0 14px 28px rgba(22,24,33,.17)!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:8!important;
  }

  #about .about-reference-small-bottom{
    position:absolute!important;
    left:46.84%!important;   /* 881 / 1881 */
    bottom:auto!important;
    top:431px!important;
    width:11.27%!important;  /* 212 / 1881 */
    height:131px!important;
    margin:0!important;
    border:8px solid #fff!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#eee!important;
    box-shadow:0 14px 28px rgba(22,24,33,.17)!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:8!important;
  }

  #about .about-reference-small img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Thin background frame exactly behind image composition */
  #about .about-reference-outline{
    position:absolute!important;
    left:58.58%!important;
    right:auto!important;
    top:373px!important;
    bottom:auto!important;
    width:35.90%!important;
    height:252px!important;
    margin:0!important;
    border:1px solid rgba(218,216,211,.48)!important;
    border-radius:10px!important;
    z-index:0!important;
  }

  /* Arrows are near outer edges in the supplied design */
  #about .about-reference-arrow{
    width:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:1px dotted rgba(199,163,98,.95)!important;
    border-radius:50%!important;
    z-index:10!important;
  }

  #about .about-reference-arrow-left{
    left:4.25%!important;    /* ~80 / 1881 */
    right:auto!important;
    top:347px!important;
  }

  #about .about-reference-arrow-right{
    left:auto!important;
    right:4.20%!important;
    top:321px!important;
  }

  #about .about-reference-bottom-line{
    position:absolute!important;
    left:50%!important;
    bottom:10px!important;
    width:1px!important;
    height:28px!important;
    margin:0!important;
    background:#e3dfd8!important;
  }

  /* Never let the generic Diamant reveal mask cover the inset images. */
  html.diamant-motion #about .about-reference-small.image-wipe::after{
    display:none!important;
  }
}

/* Keep the previously working tablet/mobile layout untouched. */


/* ==========================================================
   V17 — SPA MASTER RESTORE
   ONLY #spa is changed.
   Matches the user's original Spa & Wellness reference:
   left copy + right main photo + play + testimonial card.
   ========================================================== */

#spa.spa-master{
  position:relative!important;
  padding:86px 0 94px!important;
  background:#fff!important;
  overflow:hidden!important;
}

#spa .spa-master-shell{
  width:min(84%,1580px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:44% 56%!important;
  gap:72px!important;
  align-items:center!important;
}

#spa .spa-master-copy{
  max-width:650px!important;
  padding-left:18px!important;
}

#spa .spa-master-line{
  display:block!important;
  width:42px!important;
  height:1px!important;
  margin:0 0 18px!important;
  background:#c7a362!important;
}

#spa .spa-master-kicker{
  margin:0 0 14px!important;
  color:#c7a362!important;
  font:700 11px/1.2 Montserrat,Arial,sans-serif!important;
  letter-spacing:.08em!important;
}

#spa .spa-master-copy h2{
  margin:0 0 30px!important;
  color:#2e3044!important;
  font:400 clamp(40px,3.35vw,58px)/1.02 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.02em!important;
}

#spa .spa-master-lead{
  margin:0!important;
  max-width:620px!important;
  color:#62666f!important;
  font:400 14px/1.75 Roboto,Arial,sans-serif!important;
}

#spa .spa-master-dropcap{
  float:left!important;
  margin:-3px 20px 0 0!important;
  color:#c7a362!important;
  font:400 64px/.86 Georgia,"Times New Roman",serif!important;
}

#spa .spa-master-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:17px 38px!important;
  margin:30px 0 32px!important;
}

#spa .spa-master-list span{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#454952!important;
  font:500 13px/1.2 Roboto,Arial,sans-serif!important;
}

#spa .spa-master-list i{
  width:18px!important;
  color:#c7a362!important;
  text-align:center!important;
}

#spa .spa-master-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  min-width:235px!important;
  height:52px!important;
  padding:0 26px!important;
  color:#fff!important;
  background:#28293a!important;
  text-decoration:none!important;
  font:700 11px/1 Montserrat,Arial,sans-serif!important;
  letter-spacing:.02em!important;
  transition:background .3s ease!important;
}

#spa .spa-master-btn:hover{
  background:#1f2030!important;
}

#spa .spa-master-media{
  position:relative!important;
  height:515px!important;
  min-width:0!important;
  overflow:visible!important;
}

#spa .spa-master-outline{
  position:absolute!important;
  right:2%!important;
  bottom:20px!important;
  width:76%!important;
  height:48%!important;
  border:1px solid rgba(218,216,211,.48)!important;
  border-radius:9px!important;
  z-index:0!important;
}

#spa .spa-master-photo{
  position:absolute!important;
  left:3%!important;
  top:22px!important;
  width:82%!important;
  height:430px!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#eee!important;
  box-shadow:0 20px 42px rgba(17,20,31,.16)!important;
  z-index:1!important;
}

#spa .spa-master-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

#spa .spa-master-play{
  position:absolute!important;
  left:41%!important;
  top:44%!important;
  width:64px!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(199,163,98,.75)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  color:#c7a362!important;
  z-index:6!important;
  cursor:pointer!important;
  box-shadow:0 8px 24px rgba(14,18,28,.12)!important;
}

#spa .spa-master-play i{
  transform:translateX(2px)!important;
}

#spa .spa-master-testimonial{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:305px!important;
  min-height:150px!important;
  padding:24px 30px 22px!important;
  color:#fff!important;
  background:#28293a!important;
  border-radius:5px!important;
  box-shadow:0 16px 34px rgba(18,21,31,.20)!important;
  z-index:7!important;
}

#spa .spa-master-testimonial b{
  display:block!important;
  margin:0 0 -4px!important;
  color:#c7a362!important;
  font:400 42px/.8 Georgia,serif!important;
}

#spa .spa-master-testimonial p{
  margin:0 0 12px!important;
  color:#fff!important;
  font:400 12px/1.65 Roboto,Arial,sans-serif!important;
}

#spa .spa-master-testimonial span{
  color:#c7a362!important;
  font:600 10px/1 Montserrat,Arial,sans-serif!important;
}

#spa .spa-master-arrow{
  position:absolute!important;
  top:47%!important;
  width:40px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(199,163,98,.80)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#c7a362!important;
  z-index:8!important;
}

#spa .spa-master-arrow-left{
  left:-7%!important;
}

#spa .spa-master-arrow-right{
  right:-5%!important;
}

/* Never allow generic reveal overlay to leave the Spa image hidden. */
html.diamant-motion #spa .spa-master-photo.image-wipe::after{
  background:#f1eee8!important;
}

@media(max-width:1050px){
  #spa .spa-master-shell{
    width:88%!important;
    grid-template-columns:1fr!important;
    gap:50px!important;
  }

  #spa .spa-master-copy{
    max-width:none!important;
    padding-left:0!important;
  }

  #spa .spa-master-media{
    height:480px!important;
  }
}

@media(max-width:650px){
  #spa.spa-master{
    padding:64px 0 72px!important;
  }

  #spa .spa-master-list{
    grid-template-columns:1fr!important;
  }

  #spa .spa-master-media{
    height:410px!important;
  }

  #spa .spa-master-photo{
    left:0!important;
    width:92%!important;
    height:340px!important;
  }

  #spa .spa-master-testimonial{
    width:245px!important;
    padding:20px 22px!important;
  }

  #spa .spa-master-arrow{
    display:none!important;
  }

  #spa .spa-master-play{
    left:42%!important;
    top:39%!important;
  }
}


/* ==========================================================
   V18 — DIAMANT DEMO HERO
   ONLY #hero is affected.
   Structure and motion mirror wp-diamant.kwst.net/demo/.
   ========================================================== */

#hero.diamant-hero{
  position:relative!important;
  width:100%!important;
  height:100vh!important;
  min-height:720px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#14151d!important;
  color:#fff!important;
}

#hero .diamant-hero-slides,
#hero .diamant-hero-slide,
#hero .diamant-hero-bg,
#hero .diamant-hero-overlay{
  position:absolute!important;
  inset:0!important;
}

#hero .diamant-hero-slide{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  transition:opacity .7s ease, visibility .7s ease!important;
}

#hero .diamant-hero-slide.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
}

#hero .diamant-hero-bg{
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  transform:translate3d(-4%,0,0) scale(1.08)!important;
  transition:transform 1.4s cubic-bezier(.77,0,.175,1)!important;
  will-change:transform!important;
}

#hero .diamant-hero-slide.active .diamant-hero-bg{
  transform:translate3d(0,0,0) scale(1.03)!important;
}

#hero .diamant-hero-overlay{
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(15,16,24,.42),rgba(15,16,24,.16) 52%,rgba(15,16,24,.30)),
    linear-gradient(0deg,rgba(13,14,21,.34),rgba(13,14,21,.07) 52%,rgba(13,14,21,.20))!important;
}

#hero .diamant-hero-overlay-bold{
  background:
    linear-gradient(90deg,rgba(12,13,20,.54),rgba(12,13,20,.18) 56%,rgba(12,13,20,.28)),
    linear-gradient(0deg,rgba(10,11,17,.38),rgba(10,11,17,.04) 56%,rgba(10,11,17,.18))!important;
}

#hero .diamant-hero-title{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:70px 120px 105px!important;
  text-align:center!important;
}

#hero .diamant-hero-title-inner{
  width:min(900px,80vw)!important;
  transform:translateY(26px)!important;
  opacity:0!important;
  transition:
    transform .72s cubic-bezier(.77,0,.175,1) .28s,
    opacity .55s ease .28s!important;
}

#hero .diamant-hero-slide.active .diamant-hero-title-inner{
  transform:translateY(0)!important;
  opacity:1!important;
}

#hero .diamant-hero-title h4{
  margin:0 0 22px!important;
  color:#d1ad70!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-style:italic!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
}

#hero .diamant-hero-title h1{
  margin:0!important;
  color:#fff!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:clamp(50px,4.9vw,88px)!important;
  line-height:1.04!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
  text-shadow:0 6px 30px rgba(0,0,0,.15)!important;
}

#hero .diamant-hero-separator{
  position:relative!important;
  width:170px!important;
  height:30px!important;
  margin:27px auto 20px!important;
}

#hero .diamant-hero-separator:before,
#hero .diamant-hero-separator:after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:61px!important;
  height:1px!important;
  background:rgba(255,255,255,.46)!important;
}

#hero .diamant-hero-separator:before{left:0!important}
#hero .diamant-hero-separator:after{right:0!important}

#hero .diamant-hero-separator span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  border:1px solid rgba(209,173,112,.75)!important;
}

#hero .diamant-hero-separator i{
  color:#d1ad70!important;
  font-size:11px!important;
  transform:rotate(-45deg)!important;
}

#hero .diamant-hero-link{
  position:relative!important;
  display:inline-block!important;
  margin-top:4px!important;
  padding:0 0 8px!important;
  color:#fff!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
  text-decoration:none!important;
}

#hero .diamant-hero-link:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:#d1ad70!important;
  transform-origin:left center!important;
  transition:transform .35s ease!important;
}

#hero .diamant-hero-link:hover:after{
  transform:scaleX(.45)!important;
}

/* Diamant side navigation buttons with image preview */
#hero .diamant-hs-btn{
  position:absolute!important;
  top:50%!important;
  width:54px!important;
  height:102px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  background:#fff!important;
  border:0!important;
  color:#222535!important;
  z-index:10!important;
  cursor:pointer!important;
  overflow:visible!important;
}

#hero .diamant-hs-prev{
  left:0!important;
  border-radius:0 8px 8px 0!important;
}

#hero .diamant-hs-next{
  right:0!important;
  border-radius:8px 0 0 8px!important;
}

#hero .diamant-hs-btn > i{
  position:relative!important;
  z-index:5!important;
  font-size:14px!important;
}

#hero .diamant-hs-preview{
  position:absolute!important;
  top:0!important;
  width:0!important;
  height:102px!important;
  overflow:hidden!important;
  background:#222!important;
  transition:width .38s cubic-bezier(.77,0,.175,1)!important;
  z-index:1!important;
}

#hero .diamant-hs-prev .diamant-hs-preview{
  left:45px!important;
  border-radius:0 8px 8px 0!important;
}

#hero .diamant-hs-next .diamant-hs-preview{
  right:45px!important;
  border-radius:8px 0 0 8px!important;
}

#hero .diamant-hs-btn:hover .diamant-hs-preview{
  width:150px!important;
}

#hero .diamant-hs-preview-bg{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:150px!important;
  height:102px!important;
  background-position:center!important;
  background-size:cover!important;
}

#hero .diamant-hs-preview-bg:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:rgba(13,15,22,.10)!important;
}

/* Bottom-center white pagination block from Diamant */
#hero .diamant-pagination-wrap{
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:154px!important;
  height:58px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border-radius:18px 18px 0 0!important;
  z-index:11!important;
  box-shadow:0 -4px 24px rgba(15,17,25,.08)!important;
}

#hero .diamant-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
}

#hero .diamant-pagination button{
  position:relative!important;
  width:7px!important;
  height:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#c9c9ca!important;
  cursor:pointer!important;
  transition:background .25s ease, transform .25s ease!important;
}

#hero .diamant-pagination button.active{
  background:#c6a56a!important;
  transform:scale(1.15)!important;
}

#hero .diamant-pagination button.active:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(198,165,106,.5)!important;
  border-radius:50%!important;
}

/* Mouse scroll indicator */
#hero .diamant-hero-scroll{
  position:absolute!important;
  left:50%!important;
  bottom:75px!important;
  z-index:9!important;
  transform:translateX(-50%)!important;
}

#hero .diamant-mouse{
  width:22px!important;
  height:35px!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:12px!important;
  padding-top:6px!important;
}

#hero .diamant-scroller{
  width:2px!important;
  height:7px!important;
  margin:0 auto!important;
  background:#fff!important;
  border-radius:2px!important;
  animation:diamantMouseScroll 1.6s ease infinite!important;
}

@keyframes diamantMouseScroll{
  0%{transform:translateY(0);opacity:1}
  80%{transform:translateY(11px);opacity:0}
  100%{transform:translateY(0);opacity:0}
}

#hero.diamant-hero.hero-changing .diamant-hero-slide.active .diamant-hero-title-inner{
  transform:translateY(-20px)!important;
  opacity:0!important;
}

/* Disable legacy hero pieces if a cached HTML version still contains them */
#hero .hero-overlay,
#hero .hero-ghost,
#hero .hero-index,
#hero .hero-copy,
#hero .hero-thumbs,
#hero .hero-social,
#hero .hero-total,
#hero .scroll-label,
#hero .mouse-icon,
#hero .diamant-slide-progress{
  display:none!important;
}

@media(max-width:800px){
  #hero.diamant-hero{
    min-height:650px!important;
  }

  #hero .diamant-hero-title{
    padding:80px 55px 100px!important;
  }

  #hero .diamant-hero-title-inner{
    width:100%!important;
  }

  #hero .diamant-hero-title h4{
    font-size:14px!important;
  }

  #hero .diamant-hero-title h1{
    font-size:clamp(38px,10vw,58px)!important;
  }

  #hero .diamant-hs-btn{
    width:42px!important;
    height:78px!important;
  }

  #hero .diamant-hs-preview{
    display:none!important;
  }

  #hero .diamant-pagination-wrap{
    width:132px!important;
    height:52px!important;
  }

  #hero .diamant-hero-scroll{
    bottom:68px!important;
  }
}

/* V19 — ONLY #hero. Screenshot reference locked. */
#hero.reference-hero{position:relative!important;height:100vh!important;min-height:760px!important;overflow:hidden!important;background:#10141d!important;color:#fff!important}
#hero .rh-slides,#hero .rh-slide,#hero .rh-bg,#hero .rh-shade{position:absolute!important;inset:0!important}
#hero .rh-slide{opacity:0!important;visibility:hidden!important;transition:opacity 1.1s ease!important}
#hero .rh-slide.active{opacity:1!important;visibility:visible!important}
#hero .rh-bg{background-size:cover!important;background-position:center!important;transform:scale(1.05)!important;transition:transform 6s ease!important}
#hero .rh-slide.active .rh-bg{transform:scale(1)!important}
#hero .rh-shade{background:linear-gradient(90deg,rgba(7,11,18,.63) 0%,rgba(7,11,18,.22) 46%,rgba(7,11,18,.15) 70%,rgba(5,9,15,.44) 100%),linear-gradient(0deg,rgba(5,8,13,.62),transparent 48%,rgba(5,8,13,.25))!important}
#hero .rh-content{position:absolute!important;left:9.4%!important;top:29%!important;z-index:5!important;width:620px!important}
#hero .rh-big-no{position:absolute!important;left:-5px!important;top:-145px!important;color:rgba(255,255,255,.17)!important;font:400 145px/1 Georgia,serif!important}
#hero .rh-content h1{margin:0!important;color:#fff!important;font:400 clamp(54px,4.3vw,78px)/.96 Georgia,serif!important;letter-spacing:-.03em!important;text-shadow:0 3px 20px rgba(0,0,0,.18)!important}
#hero .rh-content h2{margin:10px 0 26px!important;color:#d1a45c!important;font:italic 400 clamp(28px,2.25vw,40px)/1.1 Georgia,serif!important}
#hero .rh-content p{margin:0 0 28px!important;color:#fff!important;font:400 16px/1.55 Georgia,serif!important;text-shadow:0 2px 12px rgba(0,0,0,.28)!important}
#hero .rh-detail{display:inline-flex!important;align-items:center!important;gap:32px!important;width:238px!important;height:54px!important;padding:0 26px!important;border:1px solid rgba(210,168,94,.72)!important;color:#fff!important;text-decoration:none!important;font:600 13px/1 Roboto,Arial,sans-serif!important}
#hero .rh-detail span{color:#c74439!important;font-size:22px!important}
#hero .rh-rail{position:absolute!important;left:3.15%!important;top:30%!important;z-index:7!important;display:flex!important;flex-direction:column!important;gap:0!important}
#hero .rh-rail button{position:relative!important;width:42px!important;height:68px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;text-align:left!important;cursor:pointer!important}
#hero .rh-rail b{font:400 18px/1 Georgia,serif!important}
#hero .rh-rail button.active b{color:#e33f43!important}
#hero .rh-rail button.active:after{content:""!important;position:absolute!important;left:10px!important;top:29px!important;width:1px!important;height:52px!important;background:rgba(255,255,255,.65)!important}
#hero .rh-rail button.active span{position:absolute!important;left:3px!important;top:46px!important;width:15px!important;height:15px!important;border:3px solid #e44b45!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.25)!important;z-index:2!important}
#hero .rh-thumbs{position:absolute!important;left:16%!important;bottom:10.7%!important;z-index:8!important;width:69%!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:12px!important;padding:17px 20px 13px!important;background:rgba(31,33,36,.86)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:25px!important;backdrop-filter:blur(12px)!important}
#hero .rh-thumbs button{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important}
#hero .rh-thumbs img{display:block!important;width:100%!important;height:112px!important;object-fit:cover!important;border-radius:12px!important;transition:transform .35s ease,opacity .35s ease!important}
#hero .rh-thumbs button:hover img,#hero .rh-thumbs button.active img{transform:translateY(-3px)!important}
#hero .rh-thumbs span{display:block!important;margin-top:9px!important;white-space:nowrap!important;font:400 14px/1 Georgia,serif!important}
#hero .rh-social{position:absolute!important;right:3.5%!important;top:33%!important;z-index:8!important;display:flex!important;flex-direction:column!important;gap:8px!important}
#hero .rh-social a{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(209,164,92,.72)!important;border-radius:50%!important;color:#fff!important;text-decoration:none!important;font-size:18px!important;background:rgba(9,12,18,.22)!important}
#hero .rh-next{position:absolute!important;right:8.2%!important;top:42%!important;z-index:8!important;border:0!important;background:transparent!important;color:#fff!important;font:300 48px/1 Arial!important;cursor:pointer!important}
#hero .rh-scroll{position:absolute!important;left:3.25%!important;bottom:13%!important;z-index:8!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;color:#fff!important;font:600 11px/1 Roboto,sans-serif!important;letter-spacing:.1em!important}
#hero .rh-scroll span{display:inline-block!important;width:1px!important;height:30px!important;margin-bottom:10px!important;background:#e33f43!important}
#hero .rh-lang{position:absolute!important;right:3.7%!important;bottom:12.5%!important;z-index:8!important;display:flex!important;gap:10px!important;color:#fff!important;font:500 15px/1 Roboto,sans-serif!important}
#hero .rh-lang b{color:#d6aa62!important}
#hero .rh-mouse{position:absolute!important;left:50%!important;bottom:2.7%!important;z-index:9!important;width:23px!important;height:38px!important;border:1px solid #fff!important;border-radius:12px!important}
#hero .rh-mouse span{display:block!important;width:2px!important;height:7px!important;margin:7px auto 0!important;background:#fff!important;border-radius:2px!important;animation:rhMouse 1.5s infinite!important}
@keyframes rhMouse{0%{transform:translateY(0);opacity:1}80%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:0}}
@media(max-width:900px){
 #hero.reference-hero{min-height:700px!important}
 #hero .rh-content{left:11%!important;top:26%!important;width:76%!important}
 #hero .rh-content h1{font-size:48px!important}
 #hero .rh-content h2{font-size:27px!important}
 #hero .rh-content p{font-family:Roboto,sans-serif!important;font-size:14px!important}
 #hero .rh-big-no{font-size:100px!important;top:-100px!important}
 #hero .rh-rail{left:3%!important}
 #hero .rh-thumbs{left:8%!important;bottom:7%!important;width:84%!important;grid-template-columns:repeat(3,1fr)!important}
 #hero .rh-thumbs button:nth-child(n+4){display:none!important}
 #hero .rh-thumbs img{height:85px!important}
 #hero .rh-social,#hero .rh-lang,#hero .rh-next{display:none!important}
}


/* ==========================================================
   V20 — requested hero/menu typography adjustments only
   ========================================================== */

/* ROBOTO: hero copy and navigation */
#hero.reference-hero,
#hero.reference-hero *{
  font-family:Roboto,Arial,sans-serif!important;
}

#hero .rh-content h1{
  font-family:Roboto,Arial,sans-serif!important;
  font-weight:300!important;
  letter-spacing:-.035em!important;
}

#hero .rh-content h2{
  font-family:Roboto,Arial,sans-serif!important;
  font-style:italic!important;
  font-weight:300!important;
}

#hero .rh-content p,
#hero .rh-rail b,
#hero .rh-detail,
#hero .rh-lang,
#hero .rh-scroll{
  font-family:Roboto,Arial,sans-serif!important;
}

/* LEFT NUMBER NAVIGATION: numbers only, no circle / line marker */
#hero .rh-rail{
  gap:8px!important;
}

#hero .rh-rail button{
  width:52px!important;
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

#hero .rh-rail b{
  position:static!important;
  color:rgba(255,255,255,.82)!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
  transition:color .3s ease, transform .3s ease!important;
}

#hero .rh-rail button.active b{
  color:#d6aa62!important;
  transform:translateX(5px)!important;
}

#hero .rh-rail button::after,
#hero .rh-rail button::before,
#hero .rh-rail button span{
  display:none!important;
}

/* THUMBNAILS: 25% smaller and text removed */
#hero .rh-thumbs{
  left:21%!important;
  width:58%!important;
  bottom:10.5%!important;
  gap:9px!important;
  padding:13px 15px!important;
  border-radius:21px!important;
}

#hero .rh-thumbs img{
  height:84px!important; /* 112px -> 25% smaller */
  border-radius:10px!important;
}

#hero .rh-thumbs span{
  display:none!important;
}

/* HEADER LOGO + MENU */
.site-header .logo,
header .logo,
.main-header .logo,
.header-inner .logo{
  transform:scale(1.20)!important;
  transform-origin:left center!important;
}

.site-header nav a,
.site-header .menu a,
header nav a,
header .menu a,
.main-menu a,
.nav-menu a{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:500!important;
}

/* Keep buttons/header utility copy in Roboto as requested */
.site-header,
.site-header *,
header,
header *{
  font-family:Roboto,Arial,sans-serif!important;
}

@media(max-width:900px){
  #hero .rh-thumbs{
    left:14%!important;
    width:72%!important;
    padding:10px 12px!important;
  }

  #hero .rh-thumbs img{
    height:64px!important;
  }

  .site-header .logo,
  header .logo,
  .main-header .logo,
  .header-inner .logo{
    transform:scale(1.10)!important;
  }
}


/* V21 — exact user supplied Ramada Ünye logo; header only */
.site-header .logo img,
header .logo img,
.main-header .logo img,
.header-inner .logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:210px!important;
  max-height:92px!important;
  object-fit:contain!important;
}

/* Previous scale was applied to the logo wrapper. Keep requested +20% visual size
   but avoid distorting the supplied logo image. */
.site-header .logo,
header .logo,
.main-header .logo,
.header-inner .logo{
  transform:scale(1.20)!important;
  transform-origin:left center!important;
}


/* ==========================================================
   V22 — USER REQUEST
   Only hero thumbnails + Reservation / Details buttons.
   ========================================================== */

/* 1) Slider thumbnail background completely removed.
      2) Thumbnail group and images are 25% smaller than V20/V21. */
#hero .rh-thumbs{
  left:28.25%!important;
  width:43.50%!important;
  bottom:10.5%!important;
  gap:7px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

#hero .rh-thumbs button{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

#hero .rh-thumbs img{
  height:63px!important; /* V20: 84px -> 25% smaller */
  border-radius:8px!important;
  box-shadow:0 7px 20px rgba(0,0,0,.20)!important;
}

#hero .rh-thumbs span{
  display:none!important;
}

/* ==========================================================
   DIAMANT "FIND A ROOM" BUTTON MOTION
   Applied only to header reservation + hero details button.
   ========================================================== */
.site-header .reserve,
#hero .rh-detail{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  height:54px!important;
  min-width:190px!important;
  padding:0 25px!important;

  border:1px solid #c6a56a!important;
  border-radius:3px!important;
  background:#c6a56a!important;
  color:#171827!important;

  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;

  transition:
    color .35s ease,
    border-color .35s ease,
    transform .35s cubic-bezier(.77,0,.175,1)!important;
}

/* Sweeping dark layer, like Diamant Find A Room hover. */
.site-header .reserve::before,
#hero .rh-detail::before{
  content:""!important;
  position:absolute!important;
  left:-110%!important;
  top:0!important;
  width:110%!important;
  height:100%!important;
  background:#252638!important;
  transform:skewX(-15deg)!important;
  transform-origin:left center!important;
  transition:left .42s cubic-bezier(.77,0,.175,1)!important;
  z-index:-1!important;
}

.site-header .reserve::after,
#hero .rh-detail::after{
  content:""!important;
  position:absolute!important;
  right:17px!important;
  top:50%!important;
  width:18px!important;
  height:1px!important;
  background:currentColor!important;
  transform:translateY(-50%)!important;
  transition:
    width .35s ease,
    transform .35s ease!important;
}

/* Hide old arrow glyphs/icons; the Diamant-style line/arrow is CSS-driven. */
.site-header .reserve i,
#hero .rh-detail > span{
  position:relative!important;
  width:16px!important;
  height:16px!important;
  margin-left:5px!important;
  color:transparent!important;
  font-size:0!important;
}

.site-header .reserve i::before,
#hero .rh-detail > span::before{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  border-top:1px solid currentColor!important;
  border-right:1px solid currentColor!important;
  transform:translateY(-50%) rotate(45deg)!important;
  color:#171827!important;
  transition:color .35s ease, transform .35s ease!important;
}

.site-header .reserve:hover,
#hero .rh-detail:hover{
  color:#fff!important;
  border-color:#252638!important;
  transform:translateY(-2px)!important;
}

.site-header .reserve:hover::before,
#hero .rh-detail:hover::before{
  left:-5%!important;
}

.site-header .reserve:hover::after,
#hero .rh-detail:hover::after{
  width:23px!important;
  transform:translate(3px,-50%)!important;
}

.site-header .reserve:hover i::before,
#hero .rh-detail:hover > span::before{
  color:#fff!important;
  transform:translate(3px,-50%) rotate(45deg)!important;
}

/* Header button uses the same proportions but stays compact. */
.site-header .reserve{
  height:48px!important;
  min-width:178px!important;
  padding:0 23px!important;
}

/* Hero details stays aligned with existing hero copy. */
#hero .rh-detail{
  width:238px!important;
  height:54px!important;
}

/* Keep mobile behavior clean; reservation remains hidden by existing mobile rule. */
@media(max-width:900px){
  #hero .rh-thumbs{
    left:22%!important;
    width:56%!important;
    gap:6px!important;
  }

  #hero .rh-thumbs img{
    height:48px!important;
  }
}


/* ==========================================================
   V23 — FINAL HERO REFERENCE APPLIED
   Uses the latest generated reference as the exact visual target.
   Only #hero and its CTA row are adjusted.
   ========================================================== */

#hero.reference-hero{
  background:#07111b!important;
}

#hero .rh-shade{
  background:
    linear-gradient(90deg,rgba(5,10,17,.64) 0%,rgba(5,10,17,.30) 37%,rgba(4,9,15,.12) 67%,rgba(4,8,14,.34) 100%),
    linear-gradient(0deg,rgba(2,6,10,.72) 0%,rgba(2,6,10,.18) 42%,rgba(2,6,10,.13) 100%)!important;
}

/* Reference positioning */
#hero .rh-content{
  left:9.65%!important;
  top:32.8%!important;
  width:650px!important;
}

#hero .rh-big-no{
  left:-6px!important;
  top:-160px!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:148px!important;
  font-weight:300!important;
  color:rgba(255,255,255,.16)!important;
}

#hero .rh-content h1{
  margin:0!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:clamp(52px,4.15vw,76px)!important;
  font-weight:300!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}

#hero .rh-content h2{
  margin:13px 0 24px!important;
  color:#d4a45c!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(27px,2.1vw,38px)!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:1.05!important;
}

#hero .rh-content p{
  margin:0 0 31px!important;
  color:rgba(255,255,255,.94)!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.6!important;
}

#hero .rh-cta-row{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
}

/* START EXPLORE-style outline buttons for both CTAs */
#hero .rh-detail,
#hero .rh-book,
.site-header .reserve{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:238px!important;
  height:56px!important;
  padding:0 25px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(205,160,85,.90)!important;
  border-radius:0!important;
  background:rgba(8,13,20,.18)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  transition:color .38s ease,border-color .38s ease,background .38s ease!important;
}

/* sliding fill matching Start Explore behavior */
#hero .rh-detail::before,
#hero .rh-book::before,
.site-header .reserve::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  background:#c89d59!important;
  transform:translateX(-101%)!important;
  transition:transform .42s cubic-bezier(.77,0,.175,1)!important;
  z-index:-1!important;
}

#hero .rh-detail::after,
#hero .rh-book::after,
.site-header .reserve::after{
  display:none!important;
}

#hero .rh-detail span,
#hero .rh-book span{
  position:relative!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:300!important;
  line-height:1!important;
  transition:transform .35s ease,color .35s ease!important;
}

#hero .rh-detail span::before,
#hero .rh-book span::before{
  display:none!important;
}

#hero .rh-detail:hover,
#hero .rh-book:hover,
.site-header .reserve:hover{
  color:#101522!important;
  border-color:#c89d59!important;
  background:transparent!important;
  transform:none!important;
}

#hero .rh-detail:hover::before,
#hero .rh-book:hover::before,
.site-header .reserve:hover::before{
  transform:translateX(0)!important;
}

#hero .rh-detail:hover span,
#hero .rh-book:hover span{
  color:#101522!important;
  transform:translateX(5px)!important;
}

/* Header reservation matches same style but remains compact */
.site-header .reserve{
  width:auto!important;
  min-width:182px!important;
  height:50px!important;
}

/* Left simple number rail */
#hero .rh-rail{
  left:3.3%!important;
  top:34%!important;
  gap:4px!important;
}

#hero .rh-rail button{
  height:58px!important;
}

#hero .rh-rail b{
  font-size:20px!important;
}

#hero .rh-rail button.active b{
  color:#d7a448!important;
  transform:none!important;
}

/* Small thumbnails: no panel, no labels, compact like latest visual */
#hero .rh-thumbs{
  left:18.5%!important;
  bottom:7.7%!important;
  width:63%!important;
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:17px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

#hero .rh-thumbs img{
  height:86px!important;
  border:1px solid rgba(205,160,85,.32)!important;
  border-radius:8px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}

#hero .rh-thumbs button.active img{
  border-color:#d3a34e!important;
}

#hero .rh-thumbs span{
  display:none!important;
}

#hero .rh-social{
  right:3.4%!important;
  top:35%!important;
}

#hero .rh-social a{
  width:48px!important;
  height:48px!important;
  border-color:rgba(205,160,85,.65)!important;
}

#hero .rh-lang{
  right:3.9%!important;
  bottom:9.5%!important;
}

#hero .rh-scroll{
  left:3.35%!important;
  bottom:10%!important;
}

#hero .rh-mouse{
  bottom:2.5%!important;
}

@media(max-width:900px){
  #hero .rh-content{
    left:11%!important;
    top:27%!important;
    width:77%!important;
  }

  #hero .rh-cta-row{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  #hero .rh-detail,
  #hero .rh-book{
    width:220px!important;
  }

  #hero .rh-thumbs{
    left:12%!important;
    width:76%!important;
    grid-template-columns:repeat(3,1fr)!important;
  }

  #hero .rh-thumbs img{
    height:62px!important;
  }
}


/* ==========================================================
   V24 — GENERATED REFERENCE TYPOGRAPHY + ICON LOCK
   ONLY #hero visual details are affected.
   ========================================================== */

/* Primary generated-reference type system */
#hero.reference-hero{
  --rh-gold:#d6a34f;
  --rh-white:#ffffff;
  --rh-ink:#0d1420;
}

#hero .rh-content h1{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:clamp(58px,4.35vw,82px)!important;
  font-weight:300!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}

#hero .rh-content h2{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(29px,2.15vw,41px)!important;
  font-weight:400!important;
  font-style:italic!important;
  color:var(--rh-gold)!important;
  letter-spacing:-.01em!important;
}

#hero .rh-content p{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.55!important;
  color:rgba(255,255,255,.96)!important;
}

#hero .rh-big-no{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:150px!important;
  font-weight:300!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  color:rgba(255,255,255,.15)!important;
}

#hero .rh-rail b{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:400!important;
  color:#fff!important;
}

#hero .rh-rail button.active b{
  color:var(--rh-gold)!important;
}

/* Generated-reference square outline CTA */
#hero .rh-detail,
#hero .rh-book{
  width:238px!important;
  height:58px!important;
  padding:0 26px!important;
  border:1px solid rgba(214,163,79,.95)!important;
  border-radius:0!important;
  background:rgba(8,13,20,.12)!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}

#hero .rh-detail span,
#hero .rh-book span{
  font-family:Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:300!important;
}

/* Social icon circles from generated visual */
#hero .rh-social{
  right:3.45%!important;
  top:35.4%!important;
  gap:11px!important;
}

#hero .rh-social a{
  width:52px!important;
  height:52px!important;
  border:1px solid rgba(214,163,79,.75)!important;
  border-radius:50%!important;
  background:rgba(9,14,21,.18)!important;
  color:#fff!important;
  font-size:20px!important;
  transition:background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease!important;
}

#hero .rh-social a:hover{
  background:var(--rh-gold)!important;
  border-color:var(--rh-gold)!important;
  color:#0b111b!important;
  transform:translateX(-3px)!important;
}

/* Left side thin chevron visible in generated reference */
#hero .rh-side-prev{
  position:absolute!important;
  left:.7%!important;
  top:49%!important;
  z-index:9!important;
  width:44px!important;
  height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:33px!important;
  font-weight:300!important;
  opacity:.92!important;
  cursor:pointer!important;
}

#hero .rh-side-prev:hover{
  color:var(--rh-gold)!important;
}

/* Scroll text + line exactly like generated visual */
#hero .rh-scroll{
  left:3.45%!important;
  bottom:9.2%!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
}

#hero .rh-scroll span{
  height:45px!important;
  background:var(--rh-gold)!important;
}

/* Language block */
#hero .rh-lang{
  right:4%!important;
  bottom:9.1%!important;
  gap:11px!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:17px!important;
}

#hero .rh-lang b{
  color:var(--rh-gold)!important;
  font-weight:500!important;
}

/* Bottom mouse */
#hero .rh-mouse{
  width:24px!important;
  height:39px!important;
  border:1px solid #fff!important;
  border-radius:12px!important;
}

#hero .rh-mouse::after{
  content:"⌄"!important;
  position:absolute!important;
  left:50%!important;
  top:42px!important;
  transform:translateX(-50%)!important;
  color:#fff!important;
  font:400 16px/1 Arial,sans-serif!important;
}

/* Thumbnails from generated reference: no captions, clean thin gold selected border */
#hero .rh-thumbs{
  left:18.4%!important;
  bottom:7.6%!important;
  width:63%!important;
  gap:18px!important;
}

#hero .rh-thumbs img{
  height:88px!important;
  border-radius:8px!important;
  border:1px solid rgba(214,163,79,.28)!important;
}

#hero .rh-thumbs button.active img{
  border-color:var(--rh-gold)!important;
  box-shadow:0 0 0 1px rgba(214,163,79,.18),0 10px 28px rgba(0,0,0,.28)!important;
}

/* Header menu type in generated reference */
.site-header nav a,
.site-header .menu a,
header nav a,
header .menu a,
.main-menu a,
.nav-menu a{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Reservation button in the header visually matches the same generated CTA */
.site-header .reserve{
  min-width:190px!important;
  height:54px!important;
  padding:0 24px!important;
  border:1px solid rgba(214,163,79,.95)!important;
  border-radius:0!important;
  background:rgba(8,13,20,.15)!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
}

@media(max-width:900px){
  #hero .rh-side-prev,
  #hero .rh-social{
    display:none!important;
  }

  #hero .rh-content h1{
    font-size:48px!important;
  }

  #hero .rh-content h2{
    font-size:27px!important;
  }
}


/* ==========================================================
   V25 — SLIDER REDESIGN FROM USER SCREENSHOT
   Only header + #hero are affected. Other sections untouched.
   Reference: uploaded 1584×804 screenshot.
   ========================================================== */

/* HEADER */
.site-header{
  height:74px!important;
  padding:0 42px!important;
  display:grid!important;
  grid-template-columns:230px 1fr auto!important;
  align-items:start!important;
  background:linear-gradient(180deg,rgba(7,10,15,.46),rgba(7,10,15,0))!important;
  border:0!important;
  box-shadow:none!important;
  z-index:30!important;
}

.site-header .logo{
  width:150px!important;
  height:auto!important;
  margin-top:9px!important;
  transform:none!important;
  display:block!important;
}

.site-header .logo img{
  display:block!important;
  width:150px!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
  object-fit:contain!important;
}

.site-header .top-nav{
  height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:30px!important;
}

.site-header .top-nav a{
  position:relative!important;
  padding:25px 0 13px!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  opacity:.96!important;
}

.site-header .top-nav a::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:100%!important;
  bottom:5px!important;
  height:2px!important;
  background:#e03a43!important;
  transition:right .3s ease!important;
}

.site-header .top-nav a.active::after,
.site-header .top-nav a:hover::after{
  right:0!important;
}

.site-header .head-actions{
  height:74px!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
}

.site-header .reserve{
  width:190px!important;
  min-width:190px!important;
  height:53px!important;
  margin-top:9px!important;
  padding:0 24px!important;
  justify-content:space-between!important;
  border:1px solid #d1a143!important;
  background:rgba(10,13,18,.24)!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.site-header .reserve i{
  color:#fff!important;
  font-size:14px!important;
}

.site-header .hamb{
  width:34px!important;
  height:53px!important;
  margin-top:9px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

.site-header .hamb span{
  width:28px!important;
  height:2px!important;
  margin:6px auto!important;
  background:#fff!important;
}

/* HERO BASE */
#hero.reference-hero{
  position:relative!important;
  height:100vh!important;
  min-height:804px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#0b1118!important;
  color:#fff!important;
}

#hero .rh-slides,
#hero .rh-slide,
#hero .rh-bg,
#hero .rh-shade{
  position:absolute!important;
  inset:0!important;
}

#hero .rh-bg{
  background-size:cover!important;
  background-position:center center!important;
  transform:scale(1.035)!important;
  transition:transform 6s ease!important;
}

#hero .rh-slide.active .rh-bg{
  transform:scale(1)!important;
}

#hero .rh-shade{
  background:
    linear-gradient(90deg,rgba(4,7,11,.67) 0%,rgba(5,8,12,.44) 34%,rgba(6,9,13,.15) 68%,rgba(5,8,12,.23) 100%),
    linear-gradient(0deg,rgba(4,7,11,.50) 0%,rgba(4,7,11,.08) 48%,rgba(4,7,11,.13) 100%)!important;
}

/* MAIN COPY: screenshot-aligned */
#hero .rh-content{
  position:absolute!important;
  left:9.45%!important;
  top:31.2%!important;
  width:610px!important;
  z-index:7!important;
}

#hero .rh-big-no{
  position:absolute!important;
  left:-12px!important;
  top:-154px!important;
  margin:0!important;
  color:rgba(255,255,255,.15)!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:142px!important;
  font-weight:300!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
}

#hero .rh-content h1{
  margin:0!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:69px!important;
  font-weight:300!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  text-shadow:0 2px 14px rgba(0,0,0,.18)!important;
}

#hero .rh-content h2{
  margin:14px 0 27px!important;
  color:#d7a349!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:34px!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:1.05!important;
}

#hero .rh-content p{
  margin:0 0 32px!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.55!important;
}

#hero .rh-cta-row{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}

#hero .rh-detail,
#hero .rh-book{
  position:relative!important;
  width:240px!important;
  height:58px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 25px!important;
  border:1px solid #d09e3f!important;
  border-radius:0!important;
  background:rgba(6,9,13,.18)!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-decoration:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

#hero .rh-detail::before,
#hero .rh-book::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:#d09e3f!important;
  transform:translateX(-101%)!important;
  transition:transform .38s cubic-bezier(.77,0,.175,1)!important;
  z-index:-1!important;
}

#hero .rh-detail:hover::before,
#hero .rh-book:hover::before{
  transform:translateX(0)!important;
}

#hero .rh-detail:hover,
#hero .rh-book:hover{
  color:#11151d!important;
}

#hero .rh-detail span,
#hero .rh-book span{
  color:currentColor!important;
  font:300 25px/1 Arial,sans-serif!important;
  transition:transform .3s ease!important;
}

#hero .rh-detail:hover span,
#hero .rh-book:hover span{
  transform:translateX(5px)!important;
}

/* LEFT NUMBER RAIL — numbers only */
#hero .rh-rail{
  position:absolute!important;
  left:3.05%!important;
  top:34.7%!important;
  z-index:9!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}

#hero .rh-rail button{
  width:50px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
}

#hero .rh-rail b{
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:1!important;
  transition:color .25s ease!important;
}

#hero .rh-rail button.active b{
  color:#d7a349!important;
  transform:none!important;
}

#hero .rh-rail button span,
#hero .rh-rail button::before,
#hero .rh-rail button::after{
  display:none!important;
}

/* SIDE CHEVRONS */
#hero .rh-side-prev,
#hero .rh-next{
  position:absolute!important;
  z-index:10!important;
  top:43%!important;
  width:42px!important;
  height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  cursor:pointer!important;
  opacity:.92!important;
}

#hero .rh-side-prev{left:.2%!important}
#hero .rh-next{right:7.7%!important}

#hero .rh-side-prev span,
#hero .rh-next span{
  display:block!important;
  font:200 55px/.8 Arial,sans-serif!important;
}

#hero .rh-side-prev:hover,
#hero .rh-next:hover{
  color:#d7a349!important;
}

/* SOCIAL ICONS — inline SVG, no icon-font dependency */
#hero .rh-social{
  position:absolute!important;
  right:3.35%!important;
  top:35.4%!important;
  z-index:9!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}

#hero .rh-social a{
  width:52px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(208,158,63,.82)!important;
  border-radius:50%!important;
  background:rgba(6,9,13,.18)!important;
  color:#fff!important;
  transition:background .25s ease,border-color .25s ease,transform .25s ease!important;
}

#hero .rh-social svg{
  width:20px!important;
  height:20px!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}

#hero .rh-social a:hover{
  background:#d09e3f!important;
  border-color:#d09e3f!important;
  color:#0c1118!important;
  transform:translateX(-3px)!important;
}

/* THUMBNAILS — screenshot dimensions, no panel, no labels */
#hero .rh-thumbs{
  position:absolute!important;
  left:18.1%!important;
  bottom:7.9%!important;
  z-index:9!important;
  width:63%!important;
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:18px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

#hero .rh-thumbs button{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
}

#hero .rh-thumbs img{
  display:block!important;
  width:100%!important;
  height:88px!important;
  object-fit:cover!important;
  border:1px solid rgba(208,158,63,.30)!important;
  border-radius:8px!important;
  box-shadow:0 8px 25px rgba(0,0,0,.27)!important;
  transition:transform .28s ease,border-color .28s ease!important;
}

#hero .rh-thumbs button.active img{
  border-color:#d7a349!important;
}

#hero .rh-thumbs button:hover img{
  transform:translateY(-4px)!important;
}

#hero .rh-thumbs span{
  display:none!important;
}

/* BOTTOM CONTROLS */
#hero .rh-scroll{
  position:absolute!important;
  left:3.4%!important;
  bottom:8.8%!important;
  z-index:9!important;
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
}

#hero .rh-scroll span{
  display:inline-block!important;
  width:1px!important;
  height:44px!important;
  margin-bottom:10px!important;
  background:#d7a349!important;
}

#hero .rh-lang{
  position:absolute!important;
  right:4.1%!important;
  bottom:9.2%!important;
  z-index:9!important;
  display:flex!important;
  gap:10px!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:500!important;
}

#hero .rh-lang b{
  color:#d7a349!important;
}

#hero .rh-mouse{
  position:absolute!important;
  left:50.5%!important;
  bottom:2.5%!important;
  z-index:9!important;
  width:23px!important;
  height:39px!important;
  border:1px solid #fff!important;
  border-radius:12px!important;
}

#hero .rh-mouse span{
  width:2px!important;
  height:7px!important;
  margin:7px auto 0!important;
  background:#fff!important;
}

#hero .rh-mouse::after{
  content:"⌄"!important;
  position:absolute!important;
  left:50%!important;
  top:41px!important;
  transform:translateX(-50%)!important;
  color:#fff!important;
  font:400 16px/1 Arial,sans-serif!important;
}

/* Responsive */
@media(max-width:1100px){
  .site-header{
    grid-template-columns:170px 1fr auto!important;
    padding:0 24px!important;
  }
  .site-header .top-nav{gap:18px!important}
  .site-header .top-nav a{font-size:14px!important}
  #hero .rh-content{left:10%!important;width:560px!important}
  #hero .rh-content h1{font-size:58px!important}
  #hero .rh-content h2{font-size:29px!important}
}

@media(max-width:900px){
  .site-header{
    grid-template-columns:150px 1fr!important;
  }
  .site-header .top-nav{display:none!important}
  .site-header .head-actions{justify-content:flex-end!important}
  .site-header .reserve{display:none!important}
  #hero.reference-hero{min-height:720px!important}
  #hero .rh-content{
    left:11%!important;
    top:25%!important;
    width:77%!important;
  }
  #hero .rh-big-no{font-size:100px!important;top:-100px!important}
  #hero .rh-content h1{font-size:46px!important}
  #hero .rh-content h2{font-size:27px!important}
  #hero .rh-content p br{display:none!important}
  #hero .rh-cta-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  #hero .rh-detail,#hero .rh-book{width:220px!important}
  #hero .rh-rail{left:3%!important}
  #hero .rh-thumbs{
    left:14%!important;
    width:72%!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
  #hero .rh-thumbs button:nth-child(n+4){display:none!important}
  #hero .rh-thumbs img{height:62px!important}
  #hero .rh-social,#hero .rh-lang,#hero .rh-next{display:none!important}
}


/* ==========================================================
   V26 — 5 SLIDES + START EXPLORE BUTTON
   Only #hero / reservation button styling adjusted.
   ========================================================== */

/* Five-number rail, still numbers only */
#hero .rh-rail{
  top:31.7%!important;
  gap:3px!important;
}
#hero .rh-rail button{
  height:52px!important;
}

/* START EXPLORE exact visual language from supplied reference:
   thin dotted outer frame + inner gold rectangle + centered gold label */
#hero .rh-detail,
#hero .rh-book,
.site-header .reserve{
  position:relative!important;
  width:240px!important;
  height:58px!important;
  min-width:0!important;
  padding:0 24px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;

  border:1px solid rgba(215,168,91,.95)!important;
  border-radius:3px!important;
  background:rgba(26,23,24,.16)!important;
  color:#d7a85b!important;

  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  text-decoration:none!important;

  overflow:visible!important;
  isolation:isolate!important;
  transition:
    color .32s ease,
    background .32s ease,
    border-color .32s ease,
    transform .32s ease!important;
}

/* Dotted outer box, same as screenshot */
#hero .rh-detail::after,
#hero .rh-book::after,
.site-header .reserve::after{
  content:""!important;
  position:absolute!important;
  left:-11px!important;
  right:-11px!important;
  top:-10px!important;
  bottom:-10px!important;
  border:1px dotted rgba(215,168,91,.58)!important;
  border-radius:3px!important;
  pointer-events:none!important;
  transition:border-color .32s ease,transform .32s ease!important;
}

/* Hover fill */
#hero .rh-detail::before,
#hero .rh-book::before,
.site-header .reserve::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:#d7a85b!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform .36s cubic-bezier(.77,0,.175,1)!important;
  z-index:-1!important;
}

#hero .rh-detail:hover,
#hero .rh-book:hover,
.site-header .reserve:hover{
  color:#141821!important;
  border-color:#d7a85b!important;
  background:transparent!important;
  transform:translateY(-1px)!important;
}

#hero .rh-detail:hover::before,
#hero .rh-book:hover::before,
.site-header .reserve:hover::before{
  transform:scaleX(1)!important;
}

#hero .rh-detail:hover::after,
#hero .rh-book:hover::after,
.site-header .reserve:hover::after{
  border-color:rgba(215,168,91,.92)!important;
  transform:scale(1.015)!important;
}

/* User reference has no visible arrow inside the button */
#hero .rh-detail > span,
#hero .rh-book > span,
.site-header .reserve i{
  display:none!important;
}

/* Header reservation compact version of same button */
.site-header .reserve{
  width:190px!important;
  height:52px!important;
  font-size:12px!important;
}

/* Make 05 visible without colliding with CTAs */
@media(min-width:901px){
  #hero .rh-content{
    top:30.8%!important;
  }
}

@media(max-width:900px){
  #hero .rh-rail{
    top:29%!important;
  }
  #hero .rh-detail,
  #hero .rh-book{
    width:220px!important;
  }
}


/* ==========================================================
   V27 — HERO TYPOGRAPHY TUNE
   Only #hero text styling changed.
   ========================================================== */

/* Remove the large decorative number behind hero title */
#hero .rh-big-no{
  display:none!important;
}

/* Main title: thinner and more elegant */
#hero .rh-content h1{
  max-width:760px!important;
  font-family:"Helvetica Neue",Roboto,Arial,sans-serif!important;
  font-size:clamp(58px,4.6vw,82px)!important;
  font-weight:200!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}

/* Gold subtitle: elegant handwritten / script feel */
#hero .rh-content h2{
  max-width:780px!important;
  margin:16px 0 24px!important;
  color:#d7a349!important;
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive!important;
  font-size:clamp(34px,2.6vw,48px)!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.05!important;
  letter-spacing:.005em!important;
}

/* Description extends more to the right */
#hero .rh-content{
  width:790px!important;
}

#hero .rh-content p{
  max-width:760px!important;
  width:760px!important;
  margin:0 0 32px!important;
  font-size:16px!important;
  line-height:1.58!important;
}

/* Avoid forced short line wrapping from old <br> layout */
#hero .rh-content p br{
  display:none!important;
}

@media(max-width:1100px){
  #hero .rh-content{
    width:660px!important;
  }

  #hero .rh-content p{
    width:640px!important;
    max-width:640px!important;
  }
}

@media(max-width:900px){
  #hero .rh-content{
    width:77%!important;
  }

  #hero .rh-content h1{
    font-size:46px!important;
  }

  #hero .rh-content h2{
    font-size:31px!important;
  }

  #hero .rh-content p{
    width:auto!important;
    max-width:100%!important;
  }
}


/* V30 — Slider thumbnails only */
#hero .rh-thumbs{
  left:9.45%!important;
  right:auto!important;
  width:auto!important;
  display:flex!important;
  grid-template-columns:none!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
}

#hero .rh-thumbs button{
  width:60px!important;
  min-width:60px!important;
  height:45px!important;
  flex:0 0 60px!important;
}

#hero .rh-thumbs img{
  width:60px!important;
  height:45px!important;
  min-width:60px!important;
  object-fit:cover!important;
  border-radius:5px!important;
}

@media(max-width:900px){
  #hero .rh-thumbs{
    left:11%!important;
    width:auto!important;
    display:flex!important;
    gap:7px!important;
  }

  #hero .rh-thumbs button,
  #hero .rh-thumbs img{
    width:60px!important;
    min-width:60px!important;
    height:45px!important;
  }
}


/* V31 — Slider typography only */
#hero .rh-content h1{
  font-family:"Helvetica Neue",Roboto,Arial,sans-serif!important;
  font-size:45px!important;
  font-weight:200!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}

#hero .rh-content h2{
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive!important;
  font-size:34px!important;
  font-weight:300!important;
  font-style:normal!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}


/* ==========================================================
   V32 — HERO CONTROLS ONLY
   1) Slide numbers aligned right
   2) Social icons + TR | EN in one elegant horizontal group
   ========================================================== */

/* Slider numbers: move to right side and right-align */
#hero .rh-rail{
  left:auto!important;
  right:3.4%!important;
  top:31.5%!important;
  width:54px!important;
  align-items:flex-end!important;
  gap:3px!important;
}

#hero .rh-rail button{
  width:54px!important;
  height:50px!important;
  justify-content:flex-end!important;
  text-align:right!important;
}

#hero .rh-rail b{
  width:100%!important;
  text-align:right!important;
  font-size:18px!important;
  font-weight:400!important;
}

#hero .rh-rail button.active b{
  color:#d7a349!important;
}

/* Social media: horizontal, bottom-right */
#hero .rh-social{
  right:8.7%!important;
  top:auto!important;
  bottom:7.8%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 9px!important;
  border:1px solid rgba(215,163,73,.28)!important;
  border-radius:28px!important;
  background:rgba(8,12,18,.32)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}

#hero .rh-social a{
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(215,163,73,.48)!important;
  background:rgba(255,255,255,.025)!important;
}

#hero .rh-social svg{
  width:14px!important;
  height:14px!important;
}

/* TR | EN immediately beside social icons */
#hero .rh-lang{
  right:3.1%!important;
  bottom:8.6%!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  border-left:1px solid rgba(215,163,73,.38)!important;
  color:rgba(255,255,255,.9)!important;
  font-size:13px!important;
  letter-spacing:.04em!important;
}

#hero .rh-lang b{
  color:#d7a349!important;
  font-weight:600!important;
}

/* Next arrow moved slightly inward so it doesn't collide with numbers */
#hero .rh-next{
  right:7.3%!important;
  top:43%!important;
}

@media(max-width:900px){
  #hero .rh-rail{
    right:3%!important;
    left:auto!important;
  }

  #hero .rh-social{
    display:flex!important;
    right:12%!important;
    bottom:3.5%!important;
  }

  #hero .rh-lang{
    display:flex!important;
    right:3%!important;
    bottom:4.3%!important;
  }
}


/* ==========================================================
   V33 — requested final control fixes
   Only header menu, hero thumbnails, rail spacing and CTA hover.
   ========================================================== */

/* HEADER MENU: Roboto Condensed / 400 */
.site-header .top-nav a,
.site-header nav a,
.site-header .menu a,
header .top-nav a,
header nav a,
.main-menu a,
.nav-menu a{
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-weight:400!important;
  font-size:16px!important;
  letter-spacing:.01em!important;
}

/* THUMBNAILS: exactly 5, 60×45 and left-aligned */
#hero .rh-thumbs{
  left:9.45%!important;
  right:auto!important;
  bottom:7.9%!important;
  width:auto!important;
  display:flex!important;
  grid-template-columns:none!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#hero .rh-thumbs button{
  width:60px!important;
  min-width:60px!important;
  height:45px!important;
  flex:0 0 60px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}

#hero .rh-thumbs img{
  display:block!important;
  width:60px!important;
  min-width:60px!important;
  height:45px!important;
  object-fit:cover!important;
  border-radius:5px!important;
}

/* SLIDER NUMBERS: keep on right, bring them closer together */
#hero .rh-rail{
  left:auto!important;
  right:3.4%!important;
  top:34%!important;
  width:54px!important;
  gap:0!important;
}

#hero .rh-rail button{
  width:54px!important;
  height:38px!important;
  min-height:38px!important;
  justify-content:flex-end!important;
  padding:0!important;
  margin:0!important;
}

#hero .rh-rail b{
  width:100%!important;
  text-align:right!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1!important;
}

/* ==========================================================
   Stable START EXPLORE hover
   Previous layered hover rules are neutralized here.
   ========================================================== */
#hero .rh-detail,
#hero .rh-book,
.site-header .reserve{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;

  border:1px solid #d7a85b!important;
  border-radius:2px!important;

  /* reliable left-to-right gold fill */
  background:
    linear-gradient(#d7a85b,#d7a85b) left center / 0% 100% no-repeat,
    rgba(8,12,18,.20)!important;

  color:#d7a85b!important;
  transition:
    background-size .38s cubic-bezier(.77,0,.175,1),
    color .28s ease,
    border-color .28s ease!important;
}

/* remove all old fill/arrow pseudo rules */
#hero .rh-detail::before,
#hero .rh-book::before,
.site-header .reserve::before{
  content:""!important;
  position:absolute!important;
  left:-10px!important;
  right:-10px!important;
  top:-9px!important;
  bottom:-9px!important;
  width:auto!important;
  height:auto!important;
  inset:auto!important;
  border:1px dotted rgba(215,168,91,.55)!important;
  border-radius:3px!important;
  background:none!important;
  transform:none!important;
  transition:border-color .28s ease!important;
  pointer-events:none!important;
  z-index:-1!important;
}

#hero .rh-detail::after,
#hero .rh-book::after,
.site-header .reserve::after{
  display:none!important;
  content:none!important;
}

/* No old arrow glyphs inside these buttons */
#hero .rh-detail > span,
#hero .rh-book > span,
.site-header .reserve i{
  display:none!important;
}

#hero .rh-detail:hover,
#hero .rh-book:hover,
.site-header .reserve:hover{
  background-size:100% 100%!important;
  color:#131720!important;
  border-color:#d7a85b!important;
  transform:none!important;
}

#hero .rh-detail:hover::before,
#hero .rh-book:hover::before,
.site-header .reserve:hover::before{
  border-color:rgba(215,168,91,.95)!important;
  transform:none!important;
}

/* prevent inherited animation layers from covering the clickable buttons */
#hero .rh-detail,
#hero .rh-book,
.site-header .reserve{
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:1!important;
}

@media(max-width:900px){
  #hero .rh-rail{
    right:3%!important;
    top:31%!important;
  }

  #hero .rh-rail button{
    height:34px!important;
    min-height:34px!important;
  }

  #hero .rh-thumbs{
    left:11%!important;
    width:auto!important;
    gap:7px!important;
  }
}


/* ==========================================================
   V34 — HERO BUTTON + HORIZONTAL SPACING REFINEMENT
   Only hero CTA buttons / header reservation and hero spacing.
   ========================================================== */

/* Reduce excessive left/right breathing room in hero content */
#hero .rh-content{
  left:8%!important;
  width:min(860px,74vw)!important;
  max-width:860px!important;
}

#hero .rh-thumbs{
  left:8%!important;
  gap:8px!important;
}

/* CTA row: compact and balanced */
#hero .rh-cta-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:34px!important;
}

/* Premium Diamant-inspired button base */
#hero .rh-detail,
#hero .rh-book{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:auto!important;
  min-width:188px!important;
  height:52px!important;
  padding:0 24px!important;
  margin:0!important;

  border:1px solid rgba(216,165,82,.92)!important;
  border-radius:1px!important;
  background:rgba(9,13,19,.16)!important;
  box-shadow:none!important;

  color:#d8a552!important;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;

  transform:translateY(0)!important;
  transition:
    color .32s ease,
    border-color .32s ease,
    box-shadow .42s ease,
    transform .42s cubic-bezier(.22,.61,.36,1)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:1!important;
}

/* Outer fine frame — closer to the button, less empty side space */
#hero .rh-detail::before,
#hero .rh-book::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:5px!important;
  right:5px!important;
  top:5px!important;
  bottom:5px!important;
  width:auto!important;
  height:auto!important;
  inset:5px!important;
  border:1px solid rgba(216,165,82,.28)!important;
  border-radius:0!important;
  background:transparent!important;
  transform:none!important;
  transition:border-color .35s ease, inset .35s ease!important;
  pointer-events:none!important;
  z-index:2!important;
}

/* Gold fill glides in smoothly from left */
#hero .rh-detail::after,
#hero .rh-book::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#d8a552!important;
  transform:translateX(-102%)!important;
  transform-origin:left center!important;
  transition:transform .52s cubic-bezier(.77,0,.175,1)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

#hero .rh-detail:hover,
#hero .rh-book:hover{
  color:#10151c!important;
  border-color:#d8a552!important;
  background:rgba(9,13,19,.10)!important;
  background-size:auto!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18), 0 7px 24px rgba(216,165,82,.12)!important;
}

#hero .rh-detail:hover::after,
#hero .rh-book:hover::after{
  transform:translateX(0)!important;
}

#hero .rh-detail:hover::before,
#hero .rh-book:hover::before{
  inset:3px!important;
  border-color:rgba(16,21,28,.24)!important;
  transform:none!important;
}

/* Existing arrow spans remain hidden */
#hero .rh-detail > span,
#hero .rh-book > span{
  display:none!important;
}

/* Header reservation: same visual language but sized for header */
.site-header .reserve{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-width:154px!important;
  height:46px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(216,165,82,.92)!important;
  background:transparent!important;
  background-size:auto!important;
  color:#d8a552!important;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:.06em!important;
  transform:none!important;
  transition:color .3s ease,border-color .3s ease,box-shadow .35s ease!important;
}

.site-header .reserve::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:4px!important;
  left:4px!important;
  right:4px!important;
  top:4px!important;
  bottom:4px!important;
  width:auto!important;
  height:auto!important;
  border:1px solid rgba(216,165,82,.26)!important;
  background:transparent!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:2!important;
  transition:border-color .3s ease,inset .3s ease!important;
}

.site-header .reserve::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#d8a552!important;
  transform:translateX(-102%)!important;
  transition:transform .48s cubic-bezier(.77,0,.175,1)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

.site-header .reserve:hover{
  color:#10151c!important;
  border-color:#d8a552!important;
  background:transparent!important;
  background-size:auto!important;
  box-shadow:0 8px 22px rgba(216,165,82,.14)!important;
  transform:none!important;
}

.site-header .reserve:hover::after{
  transform:translateX(0)!important;
}

.site-header .reserve:hover::before{
  inset:2px!important;
  border-color:rgba(16,21,28,.22)!important;
}

/* Keep number rail compact */
#hero .rh-rail{
  gap:0!important;
}

#hero .rh-rail button{
  height:34px!important;
  min-height:34px!important;
}

/* Responsive: don't create side overflow */
@media(max-width:900px){
  #hero .rh-content{
    left:7%!important;
    width:78vw!important;
  }

  #hero .rh-thumbs{
    left:7%!important;
  }

  #hero .rh-cta-row{
    gap:12px!important;
  }

  #hero .rh-detail,
  #hero .rh-book{
    min-width:174px!important;
    height:50px!important;
    padding:0 18px!important;
  }
}

@media(max-width:600px){
  #hero .rh-content{
    left:6%!important;
    width:86vw!important;
  }

  #hero .rh-thumbs{
    left:6%!important;
  }

  #hero .rh-detail,
  #hero .rh-book{
    min-width:160px!important;
    height:48px!important;
    padding:0 15px!important;
    font-size:12px!important;
  }
}


/* V35 — Slider numbers only: vertically centered + slightly wider spacing */
#hero .rh-rail{
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  gap:4px!important;
}

#hero .rh-rail button{
  height:40px!important;
  min-height:40px!important;
}

@media(max-width:900px){
  #hero .rh-rail{
    top:50%!important;
    transform:translateY(-50%)!important;
    gap:3px!important;
  }

  #hero .rh-rail button{
    height:38px!important;
    min-height:38px!important;
  }
}


/* ==========================================================
   V36 — PREMIUM HAMBURGER + SIDE MENU ONLY
   ========================================================== */

/* Header hamburger */
.site-header .premium-hamb{
  position:relative!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:50%!important;
  background:rgba(8,12,18,.18)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  transition:border-color .35s ease, background .35s ease, transform .35s ease!important;
}

.site-header .premium-hamb::before{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  border:1px solid rgba(216,165,82,.15)!important;
  border-radius:50%!important;
  transition:border-color .35s ease, transform .45s ease!important;
}

.site-header .premium-hamb span{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  height:1px!important;
  background:#fff!important;
  margin-right:12px!important;
  transform-origin:center!important;
  transition:width .32s ease, background .32s ease, transform .32s ease, opacity .25s ease!important;
}

.site-header .premium-hamb span:nth-child(1){width:20px!important;}
.site-header .premium-hamb span:nth-child(2){width:14px!important;}
.site-header .premium-hamb span:nth-child(3){width:18px!important;}

.site-header .premium-hamb:hover{
  border-color:rgba(216,165,82,.78)!important;
  background:rgba(216,165,82,.08)!important;
  transform:rotate(3deg)!important;
}

.site-header .premium-hamb:hover::before{
  border-color:rgba(216,165,82,.42)!important;
  transform:rotate(-8deg)!important;
}

.site-header .premium-hamb:hover span{
  width:20px!important;
  background:#d8a552!important;
}

/* Background overlay */
.menu-backdrop{
  position:fixed;
  inset:0;
  z-index:1980;
  opacity:0;
  visibility:hidden;
  background:rgba(4,7,12,.66);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  transition:opacity .45s ease, visibility .45s ease;
}

body.menu-open{
  overflow:hidden;
}

body.menu-open .menu-backdrop{
  opacity:1;
  visibility:visible;
}

/* Main side drawer */
.side-menu.premium-side-menu{
  position:fixed!important;
  z-index:2000!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:min(520px,92vw)!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    linear-gradient(145deg,rgba(17,24,37,.99),rgba(8,13,22,.995))!important;
  border-left:1px solid rgba(216,165,82,.20)!important;
  box-shadow:-30px 0 80px rgba(0,0,0,.30)!important;
  transform:translateX(105%)!important;
  transition:transform .62s cubic-bezier(.77,0,.175,1)!important;
}

.side-menu.premium-side-menu.open{
  transform:translateX(0)!important;
}

.side-menu-glow{
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  top:-210px;
  right:-170px;
  background:radial-gradient(circle,rgba(216,165,82,.13),rgba(216,165,82,0) 68%);
  pointer-events:none;
}

.side-menu.premium-side-menu::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:1px;
  height:0;
  background:linear-gradient(to top,transparent,#d8a552,transparent);
  transition:height .9s .12s ease;
}

.side-menu.premium-side-menu.open::after{
  height:100%;
}

/* Header inside panel */
.side-menu-head{
  position:relative;
  z-index:2;
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 34px 20px 38px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.side-menu-brand img{
  display:block;
  width:112px;
  height:auto;
  object-fit:contain;
}

.side-menu-close{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  width:46px!important;
  height:46px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.02)!important;
  color:#fff!important;
  font-size:0!important;
  transition:border-color .3s ease,transform .4s ease,background .3s ease!important;
}

.side-menu-close span{
  position:absolute;
  left:13px;
  top:22px;
  width:19px;
  height:1px;
  background:#fff;
  transition:background .3s ease;
}

.side-menu-close span:first-child{transform:rotate(45deg);}
.side-menu-close span:last-child{transform:rotate(-45deg);}

.side-menu-close:hover{
  border-color:#d8a552!important;
  background:rgba(216,165,82,.08)!important;
  transform:rotate(90deg)!important;
}
.side-menu-close:hover span{background:#d8a552;}

/* Menu content */
.side-menu-body{
  position:relative;
  z-index:2;
  flex:1;
  overflow:auto;
  padding:40px 48px 30px;
}

.side-menu-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#d8a552;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:11px;
  font-weight:400;
  letter-spacing:.20em;
}

.side-menu-kicker span{
  width:34px;
  height:1px;
  background:#d8a552;
}

.side-menu-nav{
  display:block!important;
}

.side-menu-nav a{
  position:relative;
  display:grid!important;
  grid-template-columns:34px 1fr 24px;
  align-items:center;
  gap:12px;
  min-height:60px;
  padding:0!important;
  border-bottom:1px solid rgba(255,255,255,.075);
  color:rgba(255,255,255,.86)!important;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-size:27px!important;
  font-weight:300!important;
  line-height:1!important;
  letter-spacing:-.015em!important;
  transition:color .3s ease,padding-left .35s cubic-bezier(.22,.61,.36,1)!important;
  overflow:hidden;
}

.side-menu-nav a::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:0;
  height:1px;
  background:#d8a552;
  transition:width .42s cubic-bezier(.77,0,.175,1);
}

.side-menu-nav a small{
  color:rgba(216,165,82,.66);
  font-size:10px;
  font-weight:400;
  letter-spacing:.08em;
}

.side-menu-nav a i{
  justify-self:end;
  color:rgba(255,255,255,.26);
  font-family:Arial,sans-serif;
  font-size:14px;
  font-style:normal;
  transform:translate(-5px,5px);
  opacity:0;
  transition:opacity .3s ease,transform .35s ease,color .3s ease;
}

.side-menu-nav a:hover,
.side-menu-nav a.active{
  color:#fff!important;
  padding-left:8px!important;
}

.side-menu-nav a:hover::before,
.side-menu-nav a.active::before{
  width:100%;
}

.side-menu-nav a:hover i,
.side-menu-nav a.active i{
  opacity:1;
  transform:translate(0,0);
  color:#d8a552;
}

.side-menu-reserve-wrap{
  margin-top:30px;
}

.side-menu-reserve{
  position:relative;
  height:54px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
  border:1px solid rgba(216,165,82,.72);
  color:#d8a552;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:12px;
  letter-spacing:.10em;
  transition:color .35s ease,box-shadow .35s ease;
}

.side-menu-reserve::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:#d8a552;
  transform:translateX(-101%);
  transition:transform .48s cubic-bezier(.77,0,.175,1);
}

.side-menu-reserve i{
  font-size:18px;
  font-style:normal;
  transition:transform .35s ease;
}

.side-menu-reserve:hover{
  color:#10151c;
  box-shadow:0 10px 30px rgba(216,165,82,.12);
}

.side-menu-reserve:hover::before{transform:translateX(0);}
.side-menu-reserve:hover i{transform:translateX(5px);}

/* Footer inside panel */
.side-menu-foot{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:22px 38px 26px;
  border-top:1px solid rgba(255,255,255,.07);
  background:rgba(4,8,14,.20);
}

.side-menu-contact{
  max-width:285px;
}

.side-menu-contact span{
  display:block;
  margin-bottom:7px;
  color:rgba(255,255,255,.48);
  font:400 10px/1.55 "Roboto Condensed",Roboto,Arial,sans-serif;
}

.side-menu-contact a{
  color:#fff!important;
  font:400 12px "Roboto Condensed",Roboto,Arial,sans-serif!important;
  letter-spacing:.04em;
}

.side-menu-social{
  display:flex;
  gap:7px;
}

.side-menu-social a{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  color:#fff!important;
  font-size:11px!important;
  transition:border-color .3s ease,color .3s ease,transform .3s ease;
}

.side-menu-social a:hover{
  border-color:#d8a552;
  color:#d8a552!important;
  transform:translateY(-2px);
}

/* Sequential opening motion */
.side-menu-nav a,
.side-menu-kicker,
.side-menu-reserve-wrap,
.side-menu-foot{
  opacity:0;
  transform:translateX(28px);
  transition-property:opacity,transform;
  transition-duration:.46s;
  transition-timing-function:cubic-bezier(.22,.61,.36,1);
}

.side-menu.open .side-menu-kicker{opacity:1;transform:none;transition-delay:.20s;}
.side-menu.open .side-menu-nav a{opacity:1;transform:none;}
.side-menu.open .side-menu-nav a:nth-child(1){transition-delay:.23s;}
.side-menu.open .side-menu-nav a:nth-child(2){transition-delay:.27s;}
.side-menu.open .side-menu-nav a:nth-child(3){transition-delay:.31s;}
.side-menu.open .side-menu-nav a:nth-child(4){transition-delay:.35s;}
.side-menu.open .side-menu-nav a:nth-child(5){transition-delay:.39s;}
.side-menu.open .side-menu-nav a:nth-child(6){transition-delay:.43s;}
.side-menu.open .side-menu-nav a:nth-child(7){transition-delay:.47s;}
.side-menu.open .side-menu-reserve-wrap{opacity:1;transform:none;transition-delay:.50s;}
.side-menu.open .side-menu-foot{opacity:1;transform:none;transition-delay:.54s;}

/* Responsive */
@media(max-width:600px){
  .site-header .premium-hamb{
    width:44px!important;
    height:44px!important;
  }

  .side-menu.premium-side-menu{
    width:94vw!important;
  }

  .side-menu-head{
    min-height:88px;
    padding:18px 22px 16px 26px;
  }

  .side-menu-brand img{
    width:96px;
  }

  .side-menu-body{
    padding:28px 28px 24px;
  }

  .side-menu-nav a{
    min-height:54px;
    grid-template-columns:30px 1fr 20px;
    font-size:23px!important;
  }

  .side-menu-foot{
    padding:18px 26px 22px;
  }

  .side-menu-contact span{
    display:none;
  }
}


/* V37 — Clear menu icon inside circular hamburger button */
.site-header .premium-hamb > span{
  display:none!important;
}

.site-header .premium-hamb .premium-hamb-icon{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:1.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:stroke .3s ease, transform .38s cubic-bezier(.22,.61,.36,1)!important;
}

.site-header .premium-hamb:hover .premium-hamb-icon{
  stroke:#d8a552!important;
  transform:scale(1.08)!important;
}

.site-header .premium-hamb[aria-expanded="true"] .premium-hamb-icon{
  stroke:#d8a552!important;
}


/* ==========================================================
   V38 — ANIMATED HAMBURGER BUTTON ONLY
   Cleaner 3-line icon + elegant morph to X
   ========================================================== */

.site-header .premium-hamb.animated-hamb{
  position:relative!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:rgba(8,12,18,.18)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  overflow:hidden!important;
  transform:none!important;
  transition:
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease,
    transform .35s ease!important;
}

.site-header .premium-hamb.animated-hamb::before{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  border:1px solid rgba(216,165,82,.14)!important;
  border-radius:50%!important;
  background:transparent!important;
  transform:scale(1)!important;
  transition:border-color .35s ease,transform .4s cubic-bezier(.22,.61,.36,1)!important;
  pointer-events:none!important;
}

.site-header .premium-hamb.animated-hamb::after{
  content:""!important;
  position:absolute!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:rgba(216,165,82,.10)!important;
  transform:scale(0)!important;
  opacity:0!important;
  transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .3s ease!important;
  pointer-events:none!important;
}

.site-header .premium-hamb.animated-hamb .hamb-line{
  position:absolute!important;
  left:50%!important;
  display:block!important;
  height:1.5px!important;
  margin:0!important;
  background:#fff!important;
  border-radius:2px!important;
  transform-origin:center!important;
  z-index:3!important;
  transition:
    width .34s cubic-bezier(.22,.61,.36,1),
    top .34s cubic-bezier(.22,.61,.36,1),
    transform .42s cubic-bezier(.77,0,.175,1),
    opacity .24s ease,
    background .3s ease!important;
}

.site-header .premium-hamb.animated-hamb .line-1{
  top:17px!important;
  width:20px!important;
  transform:translateX(-50%) rotate(0deg)!important;
}

.site-header .premium-hamb.animated-hamb .line-2{
  top:23px!important;
  width:14px!important;
  transform:translateX(-50%) rotate(0deg)!important;
}

.site-header .premium-hamb.animated-hamb .line-3{
  top:29px!important;
  width:20px!important;
  transform:translateX(-50%) rotate(0deg)!important;
}

/* Hover: lines become equal and slightly spread */
.site-header .premium-hamb.animated-hamb:hover{
  border-color:rgba(216,165,82,.72)!important;
  background:rgba(216,165,82,.055)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
  transform:translateY(-1px)!important;
}

.site-header .premium-hamb.animated-hamb:hover::before{
  border-color:rgba(216,165,82,.36)!important;
  transform:scale(.94)!important;
}

.site-header .premium-hamb.animated-hamb:hover::after{
  transform:scale(1)!important;
  opacity:1!important;
}

.site-header .premium-hamb.animated-hamb:hover .hamb-line{
  width:20px!important;
  background:#d8a552!important;
}

/* Open state: smooth morph to X */
.site-header .premium-hamb.animated-hamb[aria-expanded="true"]{
  border-color:rgba(216,165,82,.82)!important;
  background:rgba(216,165,82,.08)!important;
}

.site-header .premium-hamb.animated-hamb[aria-expanded="true"]::before{
  border-color:rgba(216,165,82,.42)!important;
  transform:scale(.90) rotate(45deg)!important;
}

.site-header .premium-hamb.animated-hamb[aria-expanded="true"]::after{
  transform:scale(1)!important;
  opacity:1!important;
}

.site-header .premium-hamb.animated-hamb[aria-expanded="true"] .line-1{
  top:23px!important;
  width:20px!important;
  background:#d8a552!important;
  transform:translateX(-50%) rotate(45deg)!important;
}

.site-header .premium-hamb.animated-hamb[aria-expanded="true"] .line-2{
  top:23px!important;
  width:0!important;
  opacity:0!important;
  background:#d8a552!important;
  transform:translateX(-50%) scaleX(0)!important;
}

.site-header .premium-hamb.animated-hamb[aria-expanded="true"] .line-3{
  top:23px!important;
  width:20px!important;
  background:#d8a552!important;
  transform:translateX(-50%) rotate(-45deg)!important;
}

/* Remove previous SVG/icon overrides */
.site-header .premium-hamb .premium-hamb-icon{
  display:none!important;
}

/* Mobile */
@media(max-width:600px){
  .site-header .premium-hamb.animated-hamb{
    width:44px!important;
    height:44px!important;
  }

  .site-header .premium-hamb.animated-hamb .line-1{top:15px!important;}
  .site-header .premium-hamb.animated-hamb .line-2{top:21px!important;}
  .site-header .premium-hamb.animated-hamb .line-3{top:27px!important;}

  .site-header .premium-hamb.animated-hamb[aria-expanded="true"] .line-1,
  .site-header .premium-hamb.animated-hamb[aria-expanded="true"] .line-2,
  .site-header .premium-hamb.animated-hamb[aria-expanded="true"] .line-3{
    top:21px!important;
  }
}


/* ==========================================================
   V39 — HERO TITLE + CTA HOVER FIX
   ========================================================== */

/* Keep title in one line on desktop */
#hero .rh-content{
  width:min(930px,78vw)!important;
  max-width:930px!important;
}

#hero .rh-content h1{
  white-space:nowrap!important;
  font-size:45px!important;
  font-weight:200!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}

/* Stable CTA hover: single moving fill layer, no conflicting background-size */
#hero .rh-detail,
#hero .rh-book{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:188px!important;
  height:52px!important;
  padding:0 24px!important;

  border:1px solid #d8a552!important;
  background:rgba(8,12,18,.18)!important;
  color:#d8a552!important;

  transform:translateY(0)!important;
  box-shadow:none!important;
  transition:
    color .30s ease,
    border-color .30s ease,
    transform .34s cubic-bezier(.22,.61,.36,1),
    box-shadow .34s ease!important;
  z-index:1!important;
}

/* Moving gold fill */
#hero .rh-detail::after,
#hero .rh-book::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:#d8a552!important;
  transform:translate3d(-101%,0,0)!important;
  transition:transform .48s cubic-bezier(.77,0,.175,1)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Inner elegant frame — no animated inset to avoid flicker */
#hero .rh-detail::before,
#hero .rh-book::before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  display:block!important;
  border:1px solid rgba(216,165,82,.28)!important;
  background:transparent!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:2!important;
  transition:border-color .30s ease!important;
}

#hero .rh-detail:hover,
#hero .rh-book:hover{
  color:#11161d!important;
  border-color:#d8a552!important;
  background:rgba(8,12,18,.18)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}

#hero .rh-detail:hover::after,
#hero .rh-book:hover::after{
  transform:translate3d(0,0,0)!important;
}

#hero .rh-detail:hover::before,
#hero .rh-book:hover::before{
  border-color:rgba(17,22,29,.20)!important;
  transform:none!important;
}

#hero .rh-detail > span,
#hero .rh-book > span{
  display:none!important;
}

/* Header reservation hover fixed with same clean animation */
.site-header .reserve{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:transparent!important;
  background-image:none!important;
  color:#d8a552!important;
  border:1px solid #d8a552!important;
  transform:none!important;
  transition:
    color .30s ease,
    border-color .30s ease,
    box-shadow .30s ease!important;
  z-index:1!important;
}

.site-header .reserve::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:#d8a552!important;
  transform:translate3d(-101%,0,0)!important;
  transition:transform .48s cubic-bezier(.77,0,.175,1)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

.site-header .reserve::before{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  display:block!important;
  border:1px solid rgba(216,165,82,.25)!important;
  background:transparent!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:2!important;
  transition:border-color .30s ease!important;
}

.site-header .reserve:hover{
  color:#11161d!important;
  background:transparent!important;
  background-image:none!important;
  border-color:#d8a552!important;
  transform:none!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}

.site-header .reserve:hover::after{
  transform:translate3d(0,0,0)!important;
}

.site-header .reserve:hover::before{
  inset:4px!important;
  border-color:rgba(17,22,29,.20)!important;
  transform:none!important;
}

/* Allow wrap only on narrower screens */
@media(max-width:1050px){
  #hero .rh-content h1{
    white-space:normal!important;
  }
}

@media(max-width:900px){
  #hero .rh-content{
    width:80vw!important;
  }
}


/* ==========================================================
   V41 — CENTER SCROLL / DOWN ARROW ANIMATION FIX
   Only the bottom-center mouse + arrow indicator is changed.
   ========================================================== */

#hero .rh-mouse{
  position:absolute!important;
  left:50%!important;
  bottom:3.2%!important;
  transform:translateX(-50%)!important;
  z-index:9!important;
  width:24px!important;
  height:40px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:14px!important;
  cursor:pointer!important;
  overflow:visible!important;
}

/* Mouse wheel: clean, continuous downward movement */
#hero .rh-mouse span{
  position:absolute!important;
  left:50%!important;
  top:7px!important;
  width:2px!important;
  height:7px!important;
  margin:0!important;
  border-radius:3px!important;
  background:#fff!important;
  transform:translateX(-50%)!important;
  animation:ramadaMouseWheel 1.7s cubic-bezier(.45,0,.25,1) infinite!important;
  will-change:transform,opacity!important;
}

/* Replace unstable text glyph with a CSS chevron */
#hero .rh-mouse::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:47px!important;
  width:9px!important;
  height:9px!important;
  margin:0!important;
  border-right:1.5px solid #fff!important;
  border-bottom:1.5px solid #fff!important;
  color:transparent!important;
  font-size:0!important;
  transform:translateX(-50%) rotate(45deg)!important;
  transform-origin:center!important;
  animation:ramadaDownChevron 1.7s cubic-bezier(.45,0,.25,1) infinite!important;
  will-change:transform,opacity!important;
}

@keyframes ramadaMouseWheel{
  0%{
    transform:translate(-50%,0);
    opacity:0;
  }
  18%{
    opacity:1;
  }
  72%{
    transform:translate(-50%,14px);
    opacity:1;
  }
  100%{
    transform:translate(-50%,18px);
    opacity:0;
  }
}

@keyframes ramadaDownChevron{
  0%{
    transform:translate(-50%,-3px) rotate(45deg);
    opacity:.18;
  }
  35%{
    opacity:1;
  }
  75%{
    transform:translate(-50%,5px) rotate(45deg);
    opacity:1;
  }
  100%{
    transform:translate(-50%,9px) rotate(45deg);
    opacity:0;
  }
}

/* Subtle hover feedback */
#hero .rh-mouse:hover{
  border-color:#d8a552!important;
}

#hero .rh-mouse:hover span{
  background:#d8a552!important;
}

#hero .rh-mouse:hover::after{
  border-color:#d8a552!important;
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce){
  #hero .rh-mouse span,
  #hero .rh-mouse::after{
    animation:none!important;
  }
}


/* ==========================================================
   V42 — HERO DETAIL BUTTON HOVER DEFINITIVE FIX
   No pseudo-element fill. One background layer only.
   ========================================================== */

#hero .rh-detail{
  position:relative!important;
  isolation:auto!important;
  overflow:hidden!important;

  min-width:188px!important;
  height:52px!important;
  padding:0 24px!important;

  border:1px solid #d8a552!important;
  color:#d8a552!important;

  /* Gold layer starts completely outside on the left */
  background:
    linear-gradient(to right,#d8a552 0%,#d8a552 100%)
    no-repeat -190px 0 / 190px 100%,
    rgba(8,12,18,.22)!important;

  box-shadow:none!important;
  transform:translateY(0)!important;

  transition:
    background-position .48s cubic-bezier(.77,0,.175,1),
    color .28s ease,
    box-shadow .32s ease,
    transform .32s ease!important;
}

/* Disable ALL old pseudo-element hover/fill layers on this button */
#hero .rh-detail::before,
#hero .rh-detail::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  transform:none!important;
  animation:none!important;
}

/* Clean left-to-right full gold fill */
#hero .rh-detail:hover{
  color:#10151c!important;

  background:
    linear-gradient(to right,#d8a552 0%,#d8a552 100%)
    no-repeat 0 0 / 190px 100%,
    rgba(8,12,18,.22)!important;

  border-color:#d8a552!important;
  box-shadow:0 11px 28px rgba(0,0,0,.20),0 5px 18px rgba(216,165,82,.12)!important;
  transform:translateY(-2px)!important;
}

/* Keyboard focus behaves exactly like hover */
#hero .rh-detail:focus-visible{
  outline:none!important;
  color:#10151c!important;
  background:
    linear-gradient(to right,#d8a552 0%,#d8a552 100%)
    no-repeat 0 0 / 190px 100%,
    rgba(8,12,18,.22)!important;
  box-shadow:0 0 0 2px rgba(216,165,82,.22),0 11px 28px rgba(0,0,0,.20)!important;
}

/* Make sure no hidden child layer can cover the label */
#hero .rh-detail > *{
  position:relative!important;
  z-index:1!important;
}


/* ==========================================================
   V43 — BOTH BUTTONS: CLEAN HOVER + INNER THIN LINE
   ========================================================== */

/* ---------------- HERO: DETAYLARI KEŞFEDİN ---------------- */
#hero .rh-detail{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;

  border:1px solid #d8a552!important;
  color:#d8a552!important;

  background:
    linear-gradient(to right,#d8a552 0%,#d8a552 100%)
    no-repeat -100% 0 / 100% 100%,
    rgba(8,12,18,.22)!important;

  transition:
    background-position .48s cubic-bezier(.77,0,.175,1),
    color .28s ease,
    box-shadow .32s ease,
    transform .32s ease!important;
}

/* Inner thin line */
#hero .rh-detail::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:5px!important;
  border:1px solid rgba(216,165,82,.42)!important;
  border-radius:0!important;
  background:transparent!important;
  pointer-events:none!important;
  z-index:2!important;
  transform:none!important;
  animation:none!important;
  transition:border-color .28s ease!important;
}

#hero .rh-detail::after{
  content:none!important;
  display:none!important;
}

#hero .rh-detail:hover{
  color:#10151c!important;
  border-color:#d8a552!important;

  background:
    linear-gradient(to right,#d8a552 0%,#d8a552 100%)
    no-repeat 0 0 / 100% 100%,
    rgba(8,12,18,.22)!important;

  transform:translateY(-2px)!important;
  box-shadow:0 11px 28px rgba(0,0,0,.20),0 5px 18px rgba(216,165,82,.12)!important;
}

#hero .rh-detail:hover::before{
  border-color:rgba(16,21,28,.28)!important;
}


/* ---------------- HEADER: REZERVASYON ---------------- */
.site-header .reserve{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;

  border:1px solid #d8a552!important;
  color:#d8a552!important;

  background:
    linear-gradient(to right,#d8a552 0%,#d8a552 100%)
    no-repeat -100% 0 / 100% 100%,
    rgba(8,12,18,.12)!important;

  transform:none!important;

  transition:
    background-position .48s cubic-bezier(.77,0,.175,1),
    color .28s ease,
    box-shadow .32s ease!important;
}

/* Inner thin line */
.site-header .reserve::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:4px!important;
  border:1px solid rgba(216,165,82,.42)!important;
  border-radius:0!important;
  background:transparent!important;
  pointer-events:none!important;
  z-index:2!important;
  transform:none!important;
  animation:none!important;
  transition:border-color .28s ease!important;
}

/* Disable the old conflicting fill layer */
.site-header .reserve::after{
  content:none!important;
  display:none!important;
  background:none!important;
  transform:none!important;
  animation:none!important;
}

.site-header .reserve:hover{
  color:#10151c!important;
  border-color:#d8a552!important;

  background:
    linear-gradient(to right,#d8a552 0%,#d8a552 100%)
    no-repeat 0 0 / 100% 100%,
    rgba(8,12,18,.12)!important;

  transform:none!important;
  box-shadow:0 9px 24px rgba(0,0,0,.18),0 4px 14px rgba(216,165,82,.10)!important;
}

.site-header .reserve:hover::before{
  border-color:rgba(16,21,28,.28)!important;
}

/* Keep labels visually above background */
#hero .rh-detail,
.site-header .reserve{
  z-index:1!important;
}


/* ==========================================================
   V44 — DEFINITIVE BUTTON FIX
   Uses a real label layer + one fill layer + one inner frame.
   ========================================================== */

/* Shared structure */
#hero .rh-detail,
.site-header .reserve{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:rgba(8,12,18,.18)!important;
  background-image:none!important;
  border:1px solid #d8a552!important;
  color:#d8a552!important;

  box-shadow:none!important;
  transform:none!important;
}

/* Text always stays above the animation */
#hero .rh-detail .btn-label,
.site-header .reserve .btn-label{
  position:relative!important;
  z-index:5!important;
  display:block!important;
  color:inherit!important;
  line-height:1!important;
  pointer-events:none!important;
}

/* Gold moving fill — only this element animates */
#hero .rh-detail::after,
.site-header .reserve::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#d8a552!important;
  border:0!important;
  transform:translateX(-101%)!important;
  transform-origin:left center!important;
  transition:transform .48s cubic-bezier(.77,0,.175,1)!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* Thin inner line requested by user */
#hero .rh-detail::before,
.site-header .reserve::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:5px!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  border:1px solid rgba(216,165,82,.48)!important;
  border-radius:0!important;
  transform:none!important;
  transition:border-color .28s ease!important;
  pointer-events:none!important;
  z-index:3!important;
}

/* Hero CTA dimensions */
#hero .rh-detail{
  min-width:188px!important;
  height:52px!important;
  padding:0 24px!important;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:.075em!important;
  transition:
    color .28s ease,
    border-color .28s ease,
    transform .32s ease,
    box-shadow .32s ease!important;
}

/* Header reservation dimensions */
.site-header .reserve{
  min-width:154px!important;
  height:46px!important;
  padding:0 20px!important;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:.06em!important;
  transition:
    color .28s ease,
    border-color .28s ease,
    box-shadow .32s ease!important;
}

/* Hover: complete fill, no broken rectangles/circles */
#hero .rh-detail:hover::after,
.site-header .reserve:hover::after{
  transform:translateX(0)!important;
}

#hero .rh-detail:hover,
.site-header .reserve:hover{
  background:rgba(8,12,18,.18)!important;
  background-image:none!important;
  color:#11161d!important;
  border-color:#d8a552!important;
}

#hero .rh-detail:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 11px 28px rgba(0,0,0,.20),0 5px 18px rgba(216,165,82,.12)!important;
}

.site-header .reserve:hover{
  transform:none!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}

/* Inner line becomes subtle dark line when gold fill arrives */
#hero .rh-detail:hover::before,
.site-header .reserve:hover::before{
  border-color:rgba(17,22,29,.30)!important;
}

/* Prevent old icon/arrow rules from reappearing */
#hero .rh-detail > span:not(.btn-label),
.site-header .reserve i{
  display:none!important;
}


/* ==========================================================
   V51 — ABOUT SECTION FROM USER REFERENCE
   Only #about is changed. Slider remains untouched.
   ========================================================== */

#about.about-shot{
  position:relative!important;
  min-height:890px!important;
  padding:96px 0 58px!important;
  overflow:hidden!important;
  background:#fbfaf7!important;
  color:#303541!important;
}

#about .about-shot-shell{
  position:relative;
  z-index:3;
  width:min(86%,1540px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(430px,.78fr) minmax(680px,1.22fr);
  align-items:center;
  gap:68px;
}

/* LEFT COPY */
#about .about-shot-copy{
  position:relative;
  z-index:5;
  padding-top:4px;
  max-width:570px;
  font-family:Roboto,Arial,sans-serif;
}

#about .about-shot-kicker{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:28px;
}

#about .about-shot-kicker span{
  width:54px;
  height:2px;
  background:#d39b3c;
  display:block;
}

#about .about-shot-kicker b{
  font-family:Roboto,Arial,sans-serif;
  font-weight:400;
  font-size:13px;
  letter-spacing:.34em;
  color:#c99034;
}

#about .about-shot-copy h2{
  margin:0!important;
  max-width:570px;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:clamp(39px,3.2vw,58px)!important;
  font-weight:300!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
  color:#283142!important;
}

#about .about-shot-script{
  margin:7px 0 34px;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;
  font-size:clamp(27px,2.15vw,39px);
  font-weight:400;
  line-height:1.25;
  color:#c99137;
  transform:rotate(-1deg);
}

#about .about-shot-text{
  max-width:550px;
}

#about .about-shot-text p{
  margin:0 0 22px!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.95!important;
  color:#4f5663!important;
}

/* FEATURE ICON ROW */
#about .about-shot-features{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  width:100%;
  max-width:550px;
  margin-top:54px;
}

#about .about-feature{
  position:relative;
  min-height:105px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  padding:0 13px;
  font-family:Roboto,Arial,sans-serif;
}

#about .about-feature:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:52px;
  width:1px;
  height:47px;
  background:rgba(201,145,55,.23);
}

#about .about-feature i{
  height:35px;
  margin-bottom:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d29b3f;
  font-size:31px;
  font-weight:400;
}

#about .about-feature span{
  color:#323947;
  font-size:13px;
  line-height:1.5;
}

/* RIGHT IMAGE COLLAGE */
#about .about-shot-media{
  position:relative;
  height:590px;
  min-width:0;
  z-index:4;
}

#about .about-shot-main{
  position:absolute;
  left:7%;
  top:39px;
  width:84%;
  height:545px;
  overflow:hidden;
  border-radius:10px;
  background:#ddd;
  box-shadow:
    0 33px 55px rgba(21,25,32,.20),
    0 14px 26px rgba(21,25,32,.12);
}

#about .about-shot-main img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}

#about .about-shot-small{
  position:absolute;
  overflow:hidden;
  z-index:6;
  padding:8px;
  background:#fbfaf7;
  border:1px solid rgba(31,36,43,.82);
  border-radius:12px;
  box-shadow:0 18px 33px rgba(21,25,32,.15);
}

#about .about-shot-small img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:5px;
}

#about .about-shot-small-top{
  right:0;
  top:0;
  width:37%;
  height:255px;
}

#about .about-shot-small-bottom{
  left:-5%;
  bottom:-1px;
  width:27%;
  height:137px;
}

/* RAMADA OUTLINE */
#about .about-shot-brand{
  position:absolute;
  z-index:1;
  left:12%;
  bottom:-12px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(138px,15vw,260px);
  font-weight:400;
  line-height:.82;
  letter-spacing:.02em;
  color:transparent;
  -webkit-text-stroke:1px rgba(203,151,64,.13);
  white-space:nowrap;
  user-select:none;
}

/* CENTER BOTTOM GOLD ORNAMENT */
#about .about-shot-ornament{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:0;
  width:18px;
  height:152px;
  transform:translateX(-50%);
}

#about .about-shot-ornament span{
  position:absolute;
  left:50%;
  top:0;
  width:1px;
  height:100%;
  background:linear-gradient(to bottom,rgba(199,143,48,.15),#c99137 35%,#c99137 75%,rgba(199,143,48,.2));
}

#about .about-shot-ornament i{
  position:absolute;
  left:50%;
  top:102px;
  width:12px;
  height:12px;
  border:1px solid #c99137;
  background:#fbfaf7;
  transform:translate(-50%,-50%) rotate(45deg);
}

/* SUBTLE BACKGROUND DRAWINGS */
#about .about-shot-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}

#about .about-ring{
  position:absolute;
  border:1px solid rgba(205,154,73,.10);
  border-radius:50%;
}

#about .about-ring-left{
  width:245px;
  height:245px;
  left:-155px;
  top:38px;
}

#about .about-ring-left::before,
#about .about-ring-left::after{
  content:"";
  position:absolute;
  border:1px solid rgba(205,154,73,.08);
  border-radius:50%;
}
#about .about-ring-left::before{ inset:25px; }
#about .about-ring-left::after{ inset:50px; }

#about .about-ring-right{
  width:370px;
  height:370px;
  right:-230px;
  bottom:10px;
}

#about .about-ring-right::before,
#about .about-ring-right::after{
  content:"";
  position:absolute;
  border:1px solid rgba(205,154,73,.07);
  border-radius:50%;
}
#about .about-ring-right::before{ inset:45px; }
#about .about-ring-right::after{ inset:90px; }

#about .about-map{
  position:absolute;
  width:260px;
  height:360px;
  opacity:.06;
  border:1px solid #67707b;
  clip-path:polygon(17% 6%, 37% 1%, 49% 12%, 64% 8%, 79% 20%, 72% 37%, 89% 50%, 76% 63%, 79% 82%, 58% 92%, 44% 83%, 30% 97%, 17% 83%, 3% 69%, 9% 52%, 0 37%, 12% 22%);
}

#about .about-map-left{
  left:-70px;
  top:8px;
}

#about .about-map-right{
  right:-98px;
  top:180px;
  transform:rotate(180deg);
  opacity:.035;
}

/* RESPONSIVE */
@media(max-width:1200px){
  #about .about-shot-shell{
    width:90%;
    grid-template-columns:42% 58%;
    gap:40px;
  }

  #about .about-shot-media{
    height:525px;
  }

  #about .about-shot-main{
    height:475px;
  }

  #about .about-shot-small-top{
    height:218px;
  }
}

@media(max-width:930px){
  #about.about-shot{
    min-height:0!important;
    padding:76px 0 110px!important;
  }

  #about .about-shot-shell{
    grid-template-columns:1fr;
    gap:46px;
  }

  #about .about-shot-copy{
    max-width:680px;
  }

  #about .about-shot-text{
    max-width:650px;
  }

  #about .about-shot-features{
    max-width:650px;
  }

  #about .about-shot-media{
    width:100%;
    height:530px;
  }

  #about .about-shot-brand{
    left:4%;
    font-size:140px;
  }
}

@media(max-width:640px){
  #about.about-shot{
    padding:64px 0 92px!important;
  }

  #about .about-shot-shell{
    width:90%;
  }

  #about .about-shot-copy h2{
    font-size:39px!important;
  }

  #about .about-shot-script{
    font-size:25px;
  }

  #about .about-shot-text p{
    font-size:14px!important;
    line-height:1.8!important;
  }

  #about .about-shot-features{
    grid-template-columns:repeat(2,1fr);
    row-gap:30px;
  }

  #about .about-feature:nth-child(2)::after{
    display:none;
  }

  #about .about-shot-media{
    height:395px;
  }

  #about .about-shot-main{
    left:5%;
    top:32px;
    width:90%;
    height:345px;
  }

  #about .about-shot-small-top{
    width:43%;
    height:155px;
  }

  #about .about-shot-small-bottom{
    left:-1%;
    width:35%;
    height:100px;
  }

  #about .about-shot-brand{
    font-size:94px;
    bottom:-5px;
  }

  #about .about-shot-ornament{
    display:none;
  }
}


/* ==========================================================
   V52 — ABOUT DETAIL REFINEMENTS ONLY
   Layout preserved; slider untouched.
   ========================================================== */

/* Overall composition: slightly smaller image block */
#about .about-shot-shell{
  grid-template-columns:minmax(430px,.84fr) minmax(620px,1.16fr)!important;
  gap:58px!important;
}

#about .about-shot-media{
  height:520px!important;
}

#about .about-shot-main{
  left:9%!important;
  top:44px!important;
  width:78%!important;
  height:465px!important;
}

/* Small images: remove white frame fill/padding but keep breathing room and soft line */
#about .about-shot-small{
  padding:4px!important;
  background:transparent!important;
  border:1px solid rgba(88,94,103,.42)!important;
  border-radius:10px!important;
  box-shadow:0 14px 28px rgba(21,25,32,.12)!important;
}

#about .about-shot-small img{
  border-radius:6px!important;
}

#about .about-shot-small-top{
  right:1%!important;
  top:4px!important;
  width:34%!important;
  height:225px!important;
}

#about .about-shot-small-bottom{
  left:-1%!important;
  bottom:2px!important;
  width:25%!important;
  height:125px!important;
}

/* Typography: smaller and tighter */
#about .about-shot-kicker{
  margin-bottom:20px!important;
}

#about .about-shot-copy h2{
  font-size:clamp(34px,2.75vw,50px)!important;
  line-height:1.04!important;
}

#about .about-shot-script{
  margin:5px 0 24px!important;
  font-size:clamp(23px,1.8vw,33px)!important;
  line-height:1.2!important;
}

#about .about-shot-text p{
  margin:0 0 14px!important;
  font-size:14px!important;
  line-height:1.72!important;
}

/* Feature row: closer to text */
#about .about-shot-features{
  margin-top:34px!important;
}

#about .about-feature{
  min-height:94px!important;
  padding:0 10px!important;
}

#about .about-feature:not(:last-child)::after{
  top:47px!important;
  height:39px!important;
}

/* Always-visible inline icons */
#about .about-feature-icon{
  display:block!important;
  width:34px!important;
  height:34px!important;
  margin:0 auto 10px!important;
  color:#d29b3f!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}

#about .about-feature span{
  font-size:12.5px!important;
  line-height:1.42!important;
}

/* Keep lower decorations balanced after image reduction */
#about .about-shot-brand{
  bottom:-5px!important;
}

@media(max-width:1200px){
  #about .about-shot-media{
    height:475px!important;
  }

  #about .about-shot-main{
    height:420px!important;
    width:80%!important;
  }

  #about .about-shot-small-top{
    height:198px!important;
  }
}

@media(max-width:930px){
  #about .about-shot-media{
    height:495px!important;
  }

  #about .about-shot-main{
    left:7%!important;
    width:82%!important;
    height:430px!important;
  }
}

@media(max-width:640px){
  #about .about-shot-copy h2{
    font-size:36px!important;
  }

  #about .about-shot-script{
    font-size:23px!important;
    margin-bottom:20px!important;
  }

  #about .about-shot-text p{
    font-size:13.5px!important;
    line-height:1.68!important;
    margin-bottom:12px!important;
  }

  #about .about-shot-media{
    height:365px!important;
  }

  #about .about-shot-main{
    left:7%!important;
    top:28px!important;
    width:86%!important;
    height:315px!important;
  }

  #about .about-shot-small-top{
    width:41%!important;
    height:145px!important;
  }

  #about .about-shot-small-bottom{
    width:34%!important;
    height:94px!important;
  }
}


/* ==========================================================
   V53 — ABOUT BRAND POSITION ONLY
   ========================================================== */

/* Ornament completely removed */
#about .about-shot-ornament{
  display:none!important;
}

/* RAMADA watermark: move upward so it sits behind the lower part
   of the OTELİMİZ/text + image composition, and make it clearer. */
#about .about-shot-brand{
  left:10%!important;
  right:auto!important;
  bottom:58px!important;
  z-index:1!important;

  font-size:clamp(130px,14vw,235px)!important;
  line-height:.82!important;
  letter-spacing:.015em!important;

  color:rgba(201,145,55,.018)!important;
  -webkit-text-stroke:1px rgba(201,145,55,.22)!important;
  opacity:1!important;
}

/* Content and image stay cleanly above the RAMADA outline */
#about .about-shot-copy,
#about .about-shot-media{
  position:relative!important;
  z-index:3!important;
}

@media(max-width:930px){
  #about .about-shot-brand{
    left:4%!important;
    bottom:42px!important;
    font-size:130px!important;
  }
}

@media(max-width:640px){
  #about .about-shot-brand{
    left:3%!important;
    bottom:28px!important;
    font-size:86px!important;
    -webkit-text-stroke:1px rgba(201,145,55,.18)!important;
  }
}

/* V54 — about-shot-brand completely removed */
#about .about-shot-brand{display:none!important;}


/* V55 — ONLY small About image border color */
#about .about-shot-small{
  border-color:#c99137!important;
}


/* V56 — ONLY About top/bottom spacing equalized */
#about.about-shot{
  padding-bottom:96px!important;
}

@media(max-width:930px){
  #about.about-shot{
    padding-bottom:76px!important;
  }
}

@media(max-width:640px){
  #about.about-shot{
    padding-bottom:64px!important;
  }
}


/* V57 — ONLY remove the extra bottom empty area in About */
#about.about-shot{
  min-height:0!important;
  height:auto!important;
  padding-top:96px!important;
  padding-bottom:96px!important;
}


/* ==========================================================
   V58 — ONLY ODALARIMIZ / POPULAR SECTION
   ========================================================== */
#popular .popular-intro{
  padding-top:64px!important;
}

#popular .popular-intro h2{
  font-size:46px!important;
  line-height:1.06!important;
  margin:10px 0 16px!important;
}

#popular .popular-desc{
  max-width:320px!important;
  margin:0 0 30px!important;
  color:rgba(255,255,255,.68)!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.65!important;
}

#popular .room-overlay h3{
  font-size:26px!important;
  line-height:1.15!important;
}

#popular .room-overlay p{
  font-size:13px!important;
  line-height:1.55!important;
}

#popular .room-icons span{
  font-size:10px!important;
}

#popular .room-overlay a{
  font-size:12px!important;
}

/* Requested removals */
#popular .dots,
#popular .heart,
#popular .plus{
  display:none!important;
}


/* ==========================================================
   V60 — ONLY ODALARIMIZ CAROUSEL MOVEMENT
   Existing design is preserved.
   ========================================================== */
#popular #popularCard1,
#popular #popularCard2,
#popular #popularPreview{
  will-change:transform,opacity;
}

#popular .rooms-slide-left{
  animation:popularRoomsOutLeft .32s cubic-bezier(.55,.085,.68,.53) both!important;
}

#popular .rooms-slide-right{
  animation:popularRoomsOutRight .32s cubic-bezier(.55,.085,.68,.53) both!important;
}

#popular .rooms-slide-in-right{
  animation:popularRoomsInRight .42s cubic-bezier(.23,1,.32,1) both!important;
}

#popular .rooms-slide-in-left{
  animation:popularRoomsInLeft .42s cubic-bezier(.23,1,.32,1) both!important;
}

@keyframes popularRoomsOutLeft{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(-36px)}
}
@keyframes popularRoomsOutRight{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(36px)}
}
@keyframes popularRoomsInRight{
  from{opacity:0;transform:translateX(44px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes popularRoomsInLeft{
  from{opacity:0;transform:translateX(-44px)}
  to{opacity:1;transform:translateX(0)}
}

@media (prefers-reduced-motion:reduce){
  #popular .rooms-slide-left,
  #popular .rooms-slide-right,
  #popular .rooms-slide-in-right,
  #popular .rooms-slide-in-left{
    animation:none!important;
  }
}


/* ==========================================================
   V61 — ONLY ODALARIMIZ ANIMATION
   Diamant-like smooth horizontal card transition.
   Existing dimensions/layout/design are untouched.
   ========================================================== */

#popular #popularCard1,
#popular #popularCard2,
#popular #popularPreview{
  transform-origin:center center;
  backface-visibility:hidden;
  will-change:transform,opacity,clip-path;
}

#popular #popularCard1 img,
#popular #popularCard2 img,
#popular #popularPreview img{
  will-change:transform;
}

/* NEXT: cards leave naturally to the left, staggered */
#popular .rooms-diamant-out-left{
  animation:diamantRoomOutLeft .46s cubic-bezier(.76,0,.24,1) var(--room-delay,0ms) both!important;
}
#popular .rooms-diamant-out-left img{
  animation:diamantRoomImageOut .46s cubic-bezier(.76,0,.24,1) var(--room-delay,0ms) both!important;
}

/* PREV: cards leave to the right */
#popular .rooms-diamant-out-right{
  animation:diamantRoomOutRight .46s cubic-bezier(.76,0,.24,1) var(--room-delay,0ms) both!important;
}
#popular .rooms-diamant-out-right img{
  animation:diamantRoomImageOut .46s cubic-bezier(.76,0,.24,1) var(--room-delay,0ms) both!important;
}

/* New room comes from opposite side with the same stagger */
#popular .rooms-diamant-in-right{
  animation:diamantRoomInRight .62s cubic-bezier(.16,1,.3,1) var(--room-delay,0ms) both!important;
}
#popular .rooms-diamant-in-left{
  animation:diamantRoomInLeft .62s cubic-bezier(.16,1,.3,1) var(--room-delay,0ms) both!important;
}

#popular .rooms-diamant-in-right img,
#popular .rooms-diamant-in-left img{
  animation:diamantRoomImageIn .78s cubic-bezier(.16,1,.3,1) var(--room-delay,0ms) both!important;
}

/* The motion is intentionally horizontal, not a fade-only swap */
@keyframes diamantRoomOutLeft{
  0%{
    opacity:1;
    transform:translate3d(0,0,0);
    clip-path:inset(0 0 0 0);
  }
  100%{
    opacity:.12;
    transform:translate3d(-82px,0,0);
    clip-path:inset(0 100% 0 0);
  }
}

@keyframes diamantRoomOutRight{
  0%{
    opacity:1;
    transform:translate3d(0,0,0);
    clip-path:inset(0 0 0 0);
  }
  100%{
    opacity:.12;
    transform:translate3d(82px,0,0);
    clip-path:inset(0 0 0 100%);
  }
}

@keyframes diamantRoomInRight{
  0%{
    opacity:.15;
    transform:translate3d(96px,0,0);
    clip-path:inset(0 0 0 100%);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
    clip-path:inset(0 0 0 0);
  }
}

@keyframes diamantRoomInLeft{
  0%{
    opacity:.15;
    transform:translate3d(-96px,0,0);
    clip-path:inset(0 100% 0 0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
    clip-path:inset(0 0 0 0);
  }
}

@keyframes diamantRoomImageOut{
  from{transform:scale(1)}
  to{transform:scale(1.055)}
}

@keyframes diamantRoomImageIn{
  0%{transform:scale(1.07)}
  100%{transform:scale(1)}
}

/* Disable the older V60 animations so only the new motion runs. */
#popular .rooms-slide-left,
#popular .rooms-slide-right,
#popular .rooms-slide-in-right,
#popular .rooms-slide-in-left{
  animation:none!important;
}

@media (prefers-reduced-motion:reduce){
  #popular .rooms-diamant-out-left,
  #popular .rooms-diamant-out-right,
  #popular .rooms-diamant-in-right,
  #popular .rooms-diamant-in-left,
  #popular .rooms-diamant-out-left img,
  #popular .rooms-diamant-out-right img,
  #popular .rooms-diamant-in-right img,
  #popular .rooms-diamant-in-left img{
    animation-duration:.01ms!important;
    animation-delay:0ms!important;
  }
}


/* ==========================================================
   V62 — ONLY ODALARIMIZ: TRUE CAROUSEL TRACK
   Cards now physically move together from right/left.
   ========================================================== */
#popular .popular-inner{
  grid-template-columns:1.02fr 3.22fr!important;
  gap:12px!important;
}

#popular .popular-carousel{
  min-width:0;
  position:relative;
  overflow:hidden;
  border-radius:7px;
}

#popular .popular-carousel-track{
  --visible-count:3;
  height:100%;
  display:flex;
  gap:12px;
  will-change:transform;
}

#popular .popular-carousel-card{
  flex:0 0 calc((100% - (12px * (var(--visible-count) - 1))) / var(--visible-count));
  height:100%;
  min-width:0;
}

#popular .popular-carousel-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(8,11,20,.88),rgba(8,11,20,.10) 60%);
}

#popular .popular-carousel-arrows{
  position:absolute!important;
  right:18px!important;
  top:18px!important;
  z-index:20!important;
}

#popular .popular-carousel-dots{
  position:absolute!important;
  right:22px!important;
  bottom:18px!important;
  z-index:20!important;
}

/* Old V60/V61 card-swap animations are disabled.
   The new movement is performed only by the carousel track. */
#popular .rooms-slide-left,
#popular .rooms-slide-right,
#popular .rooms-slide-in-right,
#popular .rooms-slide-in-left,
#popular .rooms-diamant-out-left,
#popular .rooms-diamant-out-right,
#popular .rooms-diamant-in-left,
#popular .rooms-diamant-in-right{
  animation:none!important;
}

@media(max-width:1100px){
  #popular .popular-inner{
    grid-template-columns:280px minmax(0,1fr)!important;
  }
  #popular .popular-carousel-track{
    --visible-count:2;
  }
}

@media(max-width:760px){
  #popular{
    height:auto!important;
    padding:20px 0!important;
  }
  #popular .popular-inner{
    display:block!important;
  }
  #popular .popular-intro{
    margin:0 20px 14px!important;
  }
  #popular .popular-carousel{
    height:430px!important;
    margin:0 20px!important;
  }
  #popular .popular-carousel-track{
    --visible-count:1;
  }
}

@media(prefers-reduced-motion:reduce){
  #popular .popular-carousel-track{
    transition-duration:.01ms!important;
  }
}


/* ==========================================================
   V63 — ONLY ODALARIMIZ requested typography / dots
   ========================================================== */

/* Noktaları kaldır */
#popular .popular-carousel-dots,
#popular #popularDots{
  display:none!important;
}

/* Detaylar */
#popular .room-overlay a{
  font-size:15px!important;
}

/* İkonlu açıklamalar */
#popular .room-icons span{
  font-size:15px!important;
}

/* Oda açıklaması */
#popular .room-overlay p{
  font-size:17px!important;
  line-height:1.55!important;
}

/* Oda isimleri: normal ağırlık */
#popular .room-overlay h3{
  font-weight:400!important;
}


/* V64 — ONLY ODALARIMIZ icon descriptions */
#popular .room-icons span{
  font-size:14px!important;
}


/* ==========================================================
   V79 — ONLY #privileges, isolated classes to avoid old CSS conflicts
   ========================================================== */
#privileges .privilege-cards-v79{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  perspective:1800px;
}

#privileges .priv-card-v79{
  position:relative;
  height:410px;
  min-width:0;
  perspective:1400px;
  cursor:pointer;
  outline:none;
  font-family:Roboto,Arial,sans-serif;
}

#privileges .priv-flip-v79{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .82s cubic-bezier(.2,.7,.2,1);
}

@media (hover:hover) and (pointer:fine){
  #privileges .priv-card-v79:hover .priv-flip-v79{
    transform:rotateY(180deg);
  }
}

#privileges .priv-card-v79.is-flipped-v79 .priv-flip-v79{
  transform:rotateY(180deg);
}

#privileges .priv-face-v79{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:8px;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  box-shadow:0 14px 30px rgba(18,23,33,.15);
}

#privileges .priv-front-v79{
  background:#171c2d;
  transform:rotateY(0deg);
}

#privileges .priv-front-v79::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(8,11,18,.22),rgba(8,11,18,.42) 45%,rgba(8,11,18,.72));
}

#privileges .priv-front-v79 > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.92) contrast(1.04) brightness(.84);
  transition:transform .9s cubic-bezier(.16,1,.3,1);
}

#privileges .priv-card-v79:hover .priv-front-v79 > img{
  transform:scale(1.045);
}

#privileges .priv-frame-v79{
  position:absolute;
  inset:14px;
  z-index:2;
  border:1px solid rgba(207,163,87,.62);
  border-radius:9px;
  pointer-events:none;
}

#privileges .priv-front-copy-v79{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:42px 28px 72px;
  text-align:center;
}

#privileges .priv-line-v79{
  width:50px;
  height:1px;
  margin-bottom:20px;
  background:#d0a357;
}

#privileges .priv-front-copy-v79 h3,
#privileges .priv-back-v79 h3{
  margin:0 0 12px;
  color:#fff;
  font-family:Roboto,Arial,sans-serif;
  font-size:27px;
  line-height:1.15;
  font-weight:400;
}

#privileges .priv-front-copy-v79 p{
  margin:0;
  color:#fff;
  font-family:Roboto,Arial,sans-serif;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
}

#privileges .priv-icon-v79{
  width:38px;
  height:38px;
  margin-top:24px;
  color:#d0a357;
}

#privileges .priv-no-v79{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:27px;
  transform:translateX(-50%);
  color:#d0a357;
  font-family:Roboto,Arial,sans-serif;
  font-size:18px;
  font-weight:400;
}

#privileges .priv-back-v79{
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:48px 42px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 36%,rgba(53,62,92,.25),transparent 40%),
    linear-gradient(145deg,#11182a,#1a1f32);
  transform:rotateY(180deg);
}

#privileges .priv-back-icon-v79{
  width:58px;
  height:58px;
  margin-bottom:20px;
  color:#d0a357;
}

#privileges .priv-back-v79 h3{
  margin-bottom:17px;
}

#privileges .priv-back-v79 .priv-line-v79{
  margin-bottom:22px;
}

#privileges .priv-back-v79 p{
  max-width:360px;
  margin:0;
  color:rgba(255,255,255,.9);
  font-family:Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1.7;
  font-weight:400;
}

#privileges .priv-dots-v79{
  position:absolute;
  left:50%;
  bottom:25px;
  transform:translateX(-50%);
  color:#d0a357;
  font-size:18px;
  letter-spacing:4px;
}

#privileges .priv-card-v79:focus-visible{
  outline:2px solid #d0a357;
  outline-offset:4px;
}

@media(max-width:980px){
  #privileges .privilege-cards-v79{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  #privileges .privilege-cards-v79{
    grid-template-columns:1fr;
  }
  #privileges .priv-card-v79{
    height:390px;
  }
}

@media(prefers-reduced-motion:reduce){
  #privileges .priv-flip-v79,
  #privileges .priv-front-v79 > img{
    transition:none;
  }
}


/* ==========================================================
   V81 — ONLY LOWER HAKKIMIZDA / #story
   Upper #about remains exactly as in v79.
   ========================================================== */

#story.story-v81{
  position:relative;
  overflow:hidden;
  background:#f7f6f2;
  font-family:Roboto,Arial,sans-serif;
}

#story .story-v81-hero{
  position:relative;
  min-height:325px;
  background:
    url("assets/remote-images/set_001fName_20161221121441394.jpg")
    center 46% / cover no-repeat;
}

#story .story-v81-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(16,18,26,.74),rgba(20,22,31,.62) 50%,rgba(16,18,26,.72));
}

#story .story-v81-hero-inner{
  position:relative;
  z-index:2;
  min-height:325px;
  padding:72px 0 108px;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:60px;
  align-items:start;
}

#story .story-v81-heading{
  text-align:center;
  color:#fff;
}

#story .story-v81-kicker{
  position:relative;
  display:inline-block;
  margin-bottom:18px;
  color:#d2a65f;
  font-size:10px;
  font-weight:600;
  letter-spacing:.1em;
}

#story .story-v81-kicker::before{
  content:"";
  position:absolute;
  top:-17px;
  left:50%;
  width:28px;
  height:1px;
  background:#d2a65f;
  transform:translateX(-50%);
}

#story .story-v81-heading h2{
  margin:0;
  color:#fff;
  font-family:Roboto,Arial,sans-serif;
  font-size:29px;
  font-weight:400;
  line-height:1.28;
  letter-spacing:-.02em;
}

#story .story-v81-brands{
  margin-top:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  color:rgba(255,255,255,.72);
  font-size:15px;
  font-weight:500;
}

#story .story-v81-overlap{
  position:relative;
  z-index:5;
  margin-top:-68px;
  padding-bottom:78px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}

#story .story-v81-info{
  padding:22px;
  background:#fff;
  border-radius:8px 0 0 8px;
  box-shadow:0 22px 48px rgba(20,24,34,.11);
}

#story .story-v81-info-inner{
  height:100%;
  min-height:330px;
  padding:31px 30px 28px;
  border:1px solid #ece8df;
  border-radius:6px;
}

#story .story-v81-small{
  display:block;
  margin-bottom:11px;
  color:#c28f43;
  font-size:10px;
  font-weight:500;
  letter-spacing:.04em;
}

#story .story-v81-info h3{
  margin:0 0 19px;
  color:#2d3140;
  font-size:22px;
  line-height:1.25;
  font-weight:400;
}

#story .story-v81-info p{
  margin:0 0 12px;
  color:#5b5f68;
  font-size:13px;
  line-height:1.72;
}

#story .story-v81-dropcap::first-letter{
  float:left;
  margin:3px 8px 0 0;
  color:#c89a52;
  font-size:48px;
  line-height:.82;
  font-weight:300;
}

#story .story-v81-manager{
  margin-top:24px;
  padding-top:15px;
  border-top:1px solid #ece8df;
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:13px;
  align-items:center;
}

#story .story-v81-avatar{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#252a38;
  color:#d1a45c;
  font-size:18px;
  font-weight:500;
}

#story .story-v81-manager strong{
  display:block;
  color:#313644;
  font-size:13px;
  font-weight:500;
}

#story .story-v81-manager span{
  display:block;
  margin-top:3px;
  color:#c28f43;
  font-size:9px;
  letter-spacing:.04em;
}

#story .story-v81-sign{
  color:#4a4f59;
  font-size:18px;
  font-style:italic;
  opacity:.75;
}

#story .story-v81-media{
  position:relative;
  min-height:374px;
  overflow:hidden;
  border-radius:0 8px 8px 0;
  background:#171b2a;
  box-shadow:0 22px 48px rgba(20,24,34,.11);
}

#story .story-v81-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

#story .story-v81-media-shade{
  position:absolute;
  inset:0;
  background:rgba(17,20,31,.58);
}

#story .story-v81-media-frame{
  position:absolute;
  inset:19px;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:5px;
  pointer-events:none;
}

#story .story-v81-play{
  position:absolute;
  z-index:3;
  left:50%;
  top:47%;
  width:58px;
  height:58px;
  border:0;
  border-radius:50%;
  background:#d0a45e;
  transform:translate(-50%,-50%);
  cursor:pointer;
  box-shadow:0 0 0 14px rgba(255,255,255,.12);
  transition:transform .35s ease,box-shadow .35s ease;
}

#story .story-v81-play:hover{
  transform:translate(-50%,-50%) scale(1.07);
  box-shadow:0 0 0 18px rgba(255,255,255,.10);
}

#story .story-v81-play span{
  display:block;
  width:0;
  height:0;
  margin:auto;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:10px solid #fff;
  transform:translateX(2px);
}

#story .story-v81-video-label{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:115px;
  transform:translateX(-50%);
  color:#fff;
  white-space:nowrap;
  font-size:13px;
  font-weight:500;
}

#story .story-v81-video-line{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:91px;
  width:38px;
  height:1px;
  background:#d0a45e;
  transform:translateX(-50%);
}

@media(max-width:900px){
  #story .story-v81-hero-inner{
    grid-template-columns:1fr;
    gap:24px;
    padding-bottom:100px;
  }

  #story .story-v81-brands{
    margin-top:8px;
    justify-content:center;
    flex-wrap:wrap;
  }

  #story .story-v81-overlap{
    grid-template-columns:1fr;
  }

  #story .story-v81-info{
    border-radius:8px 8px 0 0;
  }

  #story .story-v81-media{
    border-radius:0 0 8px 8px;
  }
}

@media(max-width:640px){
  #story .story-v81-hero-inner{
    padding-top:64px;
  }

  #story .story-v81-heading h2{
    font-size:25px;
  }

  #story .story-v81-overlap{
    margin-top:-52px;
  }

  #story .story-v81-info{
    padding:14px;
  }

  #story .story-v81-info-inner{
    padding:25px 22px;
  }

  #story .story-v81-manager{
    grid-template-columns:44px 1fr;
  }

  #story .story-v81-sign{
    display:none;
  }
}


/* ==========================================================
   V82 — ONLY LOWER HAKKIMIZDA / #story
   Approved reference layout. Upper About is untouched.
   ========================================================== */

#story.story-v82{
  position:relative;
  overflow:hidden;
  background:#f8f7f4;
  font-family:Roboto,Arial,sans-serif;
}

/* LARGE BACKGROUND IMAGE */
#story .story-v82-hero{
  position:relative;
  min-height:420px;
  background:
    url("assets/ramada-unye-ai-about-hero-clean.jpg")
    center center / cover no-repeat;
}

#story .story-v82-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(11,13,20,.66),rgba(11,13,20,.61)),
    linear-gradient(90deg,rgba(9,11,18,.18),transparent 42%,rgba(9,11,18,.18));
}

#story .story-v82-hero-content{
  position:relative;
  z-index:2;
  max-width:820px;
  margin:0 auto;
  padding:62px 0 118px;
  text-align:center;
  color:#fff;
}

#story .story-v82-kicker{
  position:relative;
  display:inline-block;
  margin-bottom:20px;
  color:#d1a45b;
  font-size:12px;
  font-weight:500;
  letter-spacing:.08em;
}

#story .story-v82-kicker::before{
  content:"";
  position:absolute;
  left:50%;
  top:-22px;
  width:34px;
  height:1px;
  background:#d1a45b;
  transform:translateX(-50%);
}

#story .story-v82-hero-content h2{
  max-width:820px;
  margin:0 auto;
  color:#fff;
  font-family:Roboto,Arial,sans-serif;
  font-size:42px;
  line-height:1.12;
  font-weight:400;
  letter-spacing:-.035em;
}

#story .story-v82-ornament{
  margin:27px auto 24px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
}

#story .story-v82-ornament i{
  width:66px;
  height:1px;
  background:rgba(209,164,91,.62);
}

#story .story-v82-ornament span{
  width:13px;
  height:13px;
  border:1px solid #d1a45b;
  transform:rotate(45deg);
}

#story .story-v82-hero-content > p{
  max-width:720px;
  margin:0 auto;
  color:rgba(255,255,255,.90);
  font-size:15px;
  line-height:1.8;
  font-weight:400;
}

/* OVERLAPPING WHITE + IMAGE PANEL */
#story .story-v82-panel{
  position:relative;
  z-index:5;
  margin-top:-126px;
  padding-bottom:82px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}

#story .story-v82-copy{
  position:relative;
  padding:22px;
  background:#fff;
  border-radius:10px 0 0 10px;
  box-shadow:0 20px 50px rgba(22,26,35,.12);
}

#story .story-v82-copy-inner{
  min-height:386px;
  height:100%;
  padding:34px 32px 28px;
  border:1px solid #ebe7de;
  border-radius:7px;
}

#story .story-v82-small{
  display:block;
  margin-bottom:13px;
  color:#c48f41;
  font-size:11px;
  line-height:1;
  font-weight:500;
  letter-spacing:.07em;
}

#story .story-v82-small::after{
  content:"";
  display:block;
  width:37px;
  height:1px;
  margin-top:11px;
  background:#cfa35d;
}

#story .story-v82-copy h3{
  margin:0 0 20px;
  color:#343844;
  font-family:Roboto,Arial,sans-serif;
  font-size:25px;
  line-height:1.25;
  font-weight:400;
}

#story .story-v82-copy p{
  margin:0 0 14px;
  color:#565b65;
  font-family:Roboto,Arial,sans-serif;
  font-size:13px;
  line-height:1.75;
  font-weight:400;
}

#story .story-v82-dropcap::first-letter{
  float:left;
  margin:4px 9px 0 0;
  color:#ca9950;
  font-size:56px;
  line-height:.78;
  font-weight:300;
}

#story .story-v82-note{
  color:#3e434d!important;
  font-weight:500!important;
}

#story .story-v82-signature{
  margin-top:24px;
  padding-top:17px;
  border-top:1px solid #ebe7de;
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:14px;
  align-items:center;
}

#story .story-v82-signmark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#202634;
  color:#d1a45b;
  font-size:20px;
  font-weight:400;
}

#story .story-v82-signature strong{
  display:block;
  color:#343844;
  font-size:14px;
  font-weight:500;
}

#story .story-v82-signature span{
  display:block;
  margin-top:4px;
  color:#c48f41;
  font-size:9px;
  letter-spacing:.08em;
}

#story .story-v82-script{
  color:#4f535b;
  font-size:20px;
  font-style:italic;
  opacity:.72;
}

/* RIGHT VISUAL */
#story .story-v82-media{
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:0 10px 10px 0;
  background:#151925;
  box-shadow:0 20px 50px rgba(22,26,35,.12);
}

#story .story-v82-media > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

#story .story-v82-media-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(11,14,22,.30),rgba(11,14,22,.50));
}

#story .story-v82-media-frame{
  position:absolute;
  inset:22px;
  border:1px dashed rgba(255,255,255,.26);
  border-radius:6px;
  pointer-events:none;
}

#story .story-v82-play{
  position:absolute;
  z-index:3;
  left:50%;
  top:51%;
  width:68px;
  height:68px;
  border:0;
  border-radius:50%;
  background:#d0a45d;
  transform:translate(-50%,-50%);
  cursor:pointer;
  box-shadow:0 0 0 14px rgba(255,255,255,.10);
  transition:transform .35s ease,box-shadow .35s ease;
}

#story .story-v82-play:hover{
  transform:translate(-50%,-50%) scale(1.07);
  box-shadow:0 0 0 18px rgba(255,255,255,.09);
}

#story .story-v82-play span{
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:12px solid #fff;
  transform:translate(-36%,-50%);
}

#story .story-v82-video-title{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:118px;
  transform:translateX(-50%);
  color:#fff;
  white-space:nowrap;
  font-family:Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:500;
}

#story .story-v82-video-line{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:91px;
  width:42px;
  height:1px;
  background:#d0a45d;
  transform:translateX(-50%);
}

/* responsive */
@media(max-width:920px){
  #story .story-v82-hero{
    min-height:390px;
  }

  #story .story-v82-hero-content h2{
    font-size:36px;
  }

  #story .story-v82-panel{
    grid-template-columns:1fr;
    margin-top:-95px;
  }

  #story .story-v82-copy{
    border-radius:10px 10px 0 0;
  }

  #story .story-v82-media{
    min-height:390px;
    border-radius:0 0 10px 10px;
  }
}

@media(max-width:640px){
  #story .story-v82-hero{
    min-height:360px;
  }

  #story .story-v82-hero-content{
    width:min(100% - 32px,820px);
    padding-top:58px;
  }

  #story .story-v82-hero-content h2{
    font-size:30px;
  }

  #story .story-v82-hero-content > p{
    font-size:14px;
  }

  #story .story-v82-panel{
    width:min(100% - 28px,1200px);
    margin-top:-72px;
  }

  #story .story-v82-copy{
    padding:14px;
  }

  #story .story-v82-copy-inner{
    min-height:0;
    padding:27px 22px;
  }

  #story .story-v82-signature{
    grid-template-columns:44px 1fr;
  }

  #story .story-v82-script{
    display:none;
  }

  #story .story-v82-media{
    min-height:350px;
  }
}


/* V84 — #story image placement correction only */
#story .story-v82-hero{
  background-position:center 52%!important;
  background-size:cover!important;
}

#story .story-v82-shade{
  background:
    linear-gradient(180deg,rgba(9,12,19,.56),rgba(9,12,19,.66)),
    linear-gradient(90deg,rgba(9,11,18,.20),transparent 45%,rgba(9,11,18,.18))!important;
}

#story .story-v82-media > img{
  object-fit:cover!important;
  object-position:center center!important;
}

#story .story-v82-media-shade{
  background:linear-gradient(180deg,rgba(10,13,20,.12),rgba(10,13,20,.33))!important;
}


/* ==========================================================
   V85 — ONLY #story visual geometry / no clipping / no gradient
   ========================================================== */

#story.story-v82{
  overflow:visible!important;
  background:#f8f7f4!important;
}

/* Hero image is shown as one uninterrupted visual */
#story .story-v82-hero{
  min-height:470px!important;
  height:auto!important;
  overflow:hidden!important;
  background-image:url("assets/ramada-unye-ai-about-hero-clean.jpg")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}

/* Remove the color/gradient transition over the hero */
#story .story-v82-shade{
  background:rgba(8,11,17,.38)!important;
}

/* Give the centered title enough room so it cannot be cut */
#story .story-v82-hero-content{
  min-height:470px!important;
  box-sizing:border-box!important;
  padding:70px 24px 155px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

#story .story-v82-kicker{
  margin-top:0!important;
}

#story .story-v82-hero-content h2{
  margin-top:0!important;
}

/* Keep the lower card fully inside the section instead of clipping */
#story .story-v82-panel{
  margin-top:-118px!important;
  padding-bottom:90px!important;
  align-items:stretch!important;
  overflow:visible!important;
}

/* Both card halves use the same full height */
#story .story-v82-copy,
#story .story-v82-media{
  min-height:455px!important;
  height:auto!important;
}

#story .story-v82-copy{
  display:flex!important;
}

#story .story-v82-copy-inner{
  width:100%!important;
  min-height:100%!important;
  box-sizing:border-box!important;
}

/* Right AI visual fills the complete panel, with no crop gap */
#story .story-v82-media{
  position:relative!important;
  overflow:hidden!important;
}

#story .story-v82-media > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

/* No extra dark gradient on the right image */
#story .story-v82-media-shade{
  background:rgba(10,13,20,.18)!important;
}

/* Prevent any old pseudo/overlay rule from drawing a band */
#story .story-v82-hero::before,
#story .story-v82-hero::after,
#story .story-v82-panel::before,
#story .story-v82-panel::after{
  content:none!important;
  display:none!important;
}

@media(max-width:920px){
  #story .story-v82-hero{
    min-height:430px!important;
  }

  #story .story-v82-hero-content{
    min-height:430px!important;
    padding:62px 24px 135px!important;
  }

  #story .story-v82-panel{
    margin-top:-88px!important;
  }

  #story .story-v82-copy,
  #story .story-v82-media{
    min-height:400px!important;
  }
}

@media(max-width:640px){
  #story .story-v82-hero{
    min-height:410px!important;
  }

  #story .story-v82-hero-content{
    min-height:410px!important;
    padding:54px 18px 120px!important;
  }

  #story .story-v82-panel{
    margin-top:-62px!important;
    padding-bottom:62px!important;
  }

  #story .story-v82-copy,
  #story .story-v82-media{
    min-height:360px!important;
  }
}


/* ==========================================================
   V86 — ONLY the transition from #story to #amenities
   Fixes the first amenity row being hidden behind Hakkımızda.
   ========================================================== */

#story.story-v82{
  height:auto!important;
  min-height:0!important;
  padding-bottom:0!important;
}

/* Let the Hakkımızda panel define the real section height */
#story .story-v82-panel{
  position:relative!important;
  margin-bottom:0!important;
}

/* Amenities must start after the Hakkımızda section, never underneath it */
#amenities.amenities{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
  margin-top:0!important;
  padding-top:78px!important;
}

/* Keep all 8 service boxes fully visible */
#amenities .amenity-grid{
  position:relative!important;
  z-index:2!important;
}

#amenities .amenity-grid article{
  overflow:visible!important;
}

@media(max-width:800px){
  #story.story-v82{
    height:auto!important;
    padding-bottom:0!important;
  }

  #amenities.amenities{
    padding-top:58px!important;
  }
}


/* V88 — ONLY 01–08 hizmet kutuları yazı boyutları */
#amenities .amenity-grid article h3{
  font-size:17px!important;
}
#amenities .amenity-grid article p{
  font-size:15px!important;
  line-height:1.35!important;
}


/* V90 — ONLY story story-v82 background color removed */
#story.story-v82{
  background:transparent!important;
}


/* V91 — ONLY hizmetler sağ üst 01–08 numaraları */
#amenities .amenity-grid article .amenity-no{
  font-size:18px!important;
  font-weight:400!important;
  color:rgba(201,145,55,.48)!important;
  letter-spacing:.02em!important;
}


/* ==========================================================
   V92 — ONLY Toplantı & Etkinlik + Restaurant tanıtım alanı
   Diamant "Our restaurant" yaklaşımından esinlenen iki slaytlı yapı
   ========================================================== */
.events-v92{
  position:relative;
  padding:0!important;
  background:#111725!important;
  color:#fff;
  overflow:hidden;
  font-family:Roboto,Arial,sans-serif;
}

.events-v92 .event-v92-shell{
  position:relative;
  width:100%;
  min-height:620px;
}

.events-v92 .event-v92-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:43% 57%;
  min-height:620px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(35px);
  transition:opacity .65s ease,transform .8s cubic-bezier(.16,1,.3,1),visibility .65s;
}

.events-v92 .event-v92-slide.active{
  position:relative;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0);
}

.events-v92 .event-v92-copy{
  position:relative;
  display:flex;
  align-items:center;
  padding:46px 48px 74px;
  background:
    radial-gradient(circle at 50% 10%,rgba(45,53,78,.32),transparent 40%),
    #111725;
}

.events-v92 .event-v92-copy::before{
  content:"";
  position:absolute;
  inset:18px 10px 18px 18px;
  border:1px solid rgba(207,163,87,.32);
  border-radius:9px;
  pointer-events:none;
}

.events-v92 .event-v92-copy-inner{
  position:relative;
  z-index:2;
  width:min(100%,560px);
  margin:0 auto;
  text-align:center;
}

.events-v92 .event-v92-kicker{
  display:inline-block;
  position:relative;
  margin-bottom:22px;
  color:#d5a65f;
  font-family:Georgia,serif;
  font-size:18px;
  font-style:italic;
  font-weight:400;
}

.events-v92 .event-v92-kicker::before{
  content:"•  •  •  •  •";
  display:block;
  margin-bottom:35px;
  color:#d5a65f;
  font-family:Arial,sans-serif;
  font-size:9px;
  font-style:normal;
  letter-spacing:10px;
}

.events-v92 .event-v92-copy h2{
  margin:0;
  color:#fff;
  font-family:Roboto,Arial,sans-serif;
  font-size:43px;
  line-height:1.12;
  font-weight:300;
  letter-spacing:.01em;
}

.events-v92 .event-v92-copy h2 em{
  display:inline-block;
  margin-top:6px;
  color:#d5a65f;
  font-style:normal;
  font-weight:300;
}

.events-v92 .event-v92-line{
  display:block;
  width:70px;
  height:1px;
  margin:25px auto 25px;
  background:#d5a65f;
}

.events-v92 .event-v92-copy p{
  max-width:550px;
  margin:0 auto;
  color:rgba(255,255,255,.88);
  font-size:15px;
  line-height:1.7;
  font-weight:400;
}

.events-v92 .event-v92-meta{
  margin:35px 0 34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

.events-v92 .event-v92-meta span{
  min-height:92px;
  padding:20px 11px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-right:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:11px;
  line-height:1.35;
  font-weight:500;
  text-transform:uppercase;
}

.events-v92 .event-v92-meta span:last-child{
  border-right:0;
}

.events-v92 .event-v92-meta i{
  color:#d5a65f;
  font-size:25px;
}

.events-v92 .event-v92-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:0 23px;
  border:1px solid #d5a65f;
  color:#d5a65f;
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
  transition:background .3s ease,color .3s ease,transform .3s ease;
}

.events-v92 .event-v92-cta:hover{
  background:#d5a65f;
  color:#111725;
  transform:translateY(-2px);
}

.events-v92 .event-v92-visual{
  position:relative;
  min-height:620px;
  overflow:hidden;
  margin:18px 18px 18px 0;
  border-radius:9px;
  background:#171c29;
}

.events-v92 .event-v92-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(5,8,14,.05),rgba(5,8,14,.22));
}

.events-v92 .event-v92-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform 6s ease;
}

.events-v92 .event-v92-slide.active .event-v92-visual img{
  transform:scale(1.035);
}

.events-v92 .event-v92-frame{
  position:absolute;
  z-index:2;
  inset:20px;
  border:1px solid rgba(213,166,95,.50);
  border-radius:7px;
  pointer-events:none;
}

.events-v92 .event-v92-image-label{
  position:absolute;
  z-index:3;
  left:48px;
  bottom:45px;
  padding-left:18px;
  border-left:2px solid #d5a65f;
  text-shadow:0 2px 16px rgba(0,0,0,.55);
}

.events-v92 .event-v92-image-label small{
  display:block;
  margin-bottom:6px;
  color:#d5a65f;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
}

.events-v92 .event-v92-image-label strong{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1.15;
  font-weight:400;
}

.events-v92 .event-v92-controls{
  position:absolute;
  z-index:8;
  left:21.5%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
}

.events-v92 .event-v92-arrow,
.events-v92 .event-v92-dot{
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
}

.events-v92 .event-v92-arrow{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.60);
  font-size:11px;
  transition:color .25s ease,transform .25s ease;
}

.events-v92 .event-v92-arrow:hover{
  color:#d5a65f;
  transform:scale(1.12);
}

.events-v92 .event-v92-dot{
  width:38px;
  height:38px;
  border:1px solid rgba(213,166,95,.24);
  border-radius:50%;
  color:rgba(255,255,255,.55);
  font-size:10px;
  transition:.3s ease;
}

.events-v92 .event-v92-dot.active{
  width:46px;
  height:46px;
  border:1px dotted #d5a65f;
  color:#d5a65f;
}

@media(max-width:980px){
  .events-v92 .event-v92-shell{
    min-height:auto;
  }

  .events-v92 .event-v92-slide{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .events-v92 .event-v92-copy{
    padding:60px 35px 85px;
  }

  .events-v92 .event-v92-copy::before{
    inset:15px;
  }

  .events-v92 .event-v92-visual{
    min-height:480px;
    margin:0 15px 15px;
  }

  .events-v92 .event-v92-controls{
    left:50%;
    bottom:auto;
    top:555px;
  }
}

@media(max-width:640px){
  .events-v92 .event-v92-copy{
    padding:52px 23px 82px;
  }

  .events-v92 .event-v92-copy h2{
    font-size:34px;
  }

  .events-v92 .event-v92-copy p{
    font-size:14px;
  }

  .events-v92 .event-v92-meta{
    grid-template-columns:1fr;
  }

  .events-v92 .event-v92-meta span{
    min-height:68px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .events-v92 .event-v92-meta span:last-child{
    border-bottom:0;
  }

  .events-v92 .event-v92-visual{
    min-height:390px;
  }

  .events-v92 .event-v92-image-label{
    left:34px;
    bottom:34px;
  }

  .events-v92 .event-v92-controls{
    top:670px;
  }
}


/* ==========================================================
   V93 — ONLY v92 left-side typography
   Match "OTELİMİZ HAKKINDA / Ramada Resort..." heading language
   ========================================================== */

.events-v92 .event-v92-copy-inner{
  text-align:center!important;
}

.events-v92 .event-v92-kicker{
  position:relative!important;
  display:inline-block!important;
  margin:0 0 20px!important;
  color:#d1a45b!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.events-v92 .event-v92-kicker::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-22px!important;
  width:34px!important;
  height:1px!important;
  margin:0!important;
  background:#d1a45b!important;
  transform:translateX(-50%)!important;
}

.events-v92 .event-v92-copy h2{
  max-width:570px!important;
  margin:0 auto!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:42px!important;
  line-height:1.12!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}

.events-v92 .event-v92-copy h2 em{
  display:inline!important;
  margin:0!important;
  color:#fff!important;
  font-style:normal!important;
  font-weight:400!important;
}

.events-v92 .event-v92-line{
  position:relative!important;
  display:block!important;
  width:176px!important;
  height:13px!important;
  margin:27px auto 24px!important;
  background:transparent!important;
}

.events-v92 .event-v92-line::before,
.events-v92 .event-v92-line::after{
  content:""!important;
  position:absolute!important;
  top:6px!important;
  width:66px!important;
  height:1px!important;
  background:rgba(209,164,91,.62)!important;
}

.events-v92 .event-v92-line::before{
  left:0!important;
}

.events-v92 .event-v92-line::after{
  right:0!important;
}

.events-v92 .event-v92-line{
  border:0!important;
}

.events-v92 .event-v92-line{
  box-shadow:none!important;
}

.events-v92 .event-v92-line:empty{
  background:
    linear-gradient(45deg,transparent 43%,#d1a45b 44%,#d1a45b 56%,transparent 57%)
    center / 13px 13px no-repeat!important;
}

.events-v92 .event-v92-copy p{
  max-width:570px!important;
  margin:0 auto!important;
  color:rgba(255,255,255,.90)!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.7!important;
  font-weight:400!important;
}

@media(max-width:640px){
  .events-v92 .event-v92-copy h2{
    font-size:30px!important;
  }

  .events-v92 .event-v92-kicker{
    font-size:11px!important;
  }
}


/* ==========================================================
   V94 — Toplantı & Etkinlik yazı karakterleri
   OTELİMİZ bölümünün tipografisiyle birebir aynı karakter dili
   ========================================================== */

/* küçük üst başlık */
.events-v92 .event-v92-kicker{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#d1a45b!important;
}

/* ana başlık */
.events-v92 .event-v92-copy h2,
.events-v92 .event-v92-copy h2 em{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:42px!important;
  line-height:1.12!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  color:#fff!important;
}

/* açıklama */
.events-v92 .event-v92-copy p{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.8!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:0!important;
  color:rgba(255,255,255,.90)!important;
}

/* özellik yazıları da aynı Roboto karakterinde */
.events-v92 .event-v92-meta span{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

/* buton */
.events-v92 .event-v92-cta{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.04em!important;
}

@media(max-width:640px){
  .events-v92 .event-v92-copy h2,
  .events-v92 .event-v92-copy h2 em{
    font-size:30px!important;
  }
}


/* V95 — ONLY 01 / 02 slider numbers: remove surrounding frames */
.events-v92 .event-v92-dot,
.events-v92 .event-v92-dot.active{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:4px 7px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.events-v92 .event-v92-dot{
  color:rgba(255,255,255,.45)!important;
  font-size:12px!important;
}

.events-v92 .event-v92-dot.active{
  color:#d5a65f!important;
}

.events-v92 .event-v92-dot::before,
.events-v92 .event-v92-dot::after{
  content:none!important;
  display:none!important;
}


/* ==========================================================
   V96 — ONLY #roomList / Diamant room-card inspired design
   ========================================================== */
#roomList.room-list-v96{
  position:relative;
  padding:94px 0 88px!important;
  background:#fff!important;
  overflow:hidden;
}

#roomList .room-v96-title{
  margin-bottom:44px!important;
}

#roomList .room-v96-title .kicker{
  margin-bottom:12px!important;
  color:#c99a54!important;
  font-size:12px!important;
  letter-spacing:.14em!important;
}

#roomList .room-v96-title h2{
  margin:0!important;
  color:#202331!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:42px!important;
  line-height:1.12!important;
  font-weight:500!important;
}

#roomList .room-v96-title > p:last-child{
  max-width:700px!important;
  margin:15px auto 0!important;
  color:#777b84!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.6!important;
}

#roomList .room-v96-carousel{
  position:relative;
  max-width:1480px!important;
  padding:0 52px!important;
}

#roomList .room-v96-viewport{
  overflow:hidden!important;
}

#roomList .room-v96-track{
  display:flex!important;
  gap:24px!important;
  transition:transform .75s cubic-bezier(.16,1,.3,1)!important;
  will-change:transform!important;
}

#roomList .room-v96-card{
  flex:0 0 calc((100% - 48px)/3)!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #e5e0d7!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(29,32,41,.05)!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;
}

#roomList .room-v96-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(201,154,84,.48)!important;
  box-shadow:0 18px 38px rgba(29,32,41,.10)!important;
}

#roomList .room-v96-image{
  position:relative!important;
  height:245px!important;
  overflow:hidden!important;
  background:#eee!important;
}

#roomList .room-v96-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .85s cubic-bezier(.16,1,.3,1)!important;
}

#roomList .room-v96-card:hover .room-v96-image img{
  transform:scale(1.045)!important;
}

#roomList .room-v96-image-frame{
  position:absolute!important;
  inset:0!important;
  border-bottom:1px solid rgba(201,154,84,.18)!important;
  pointer-events:none!important;
}

#roomList .room-v96-body{
  padding:28px 30px 24px!important;
}

#roomList .room-v96-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

#roomList .room-v96-heading h3{
  margin:0!important;
  color:#2b2730!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:27px!important;
  line-height:1.15!important;
  font-weight:400!important;
}

#roomList .room-v96-plus{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ece7df!important;
  border-radius:4px!important;
  color:#c99a54!important;
  background:#fff!important;
  font-size:13px!important;
  transition:.3s ease!important;
}

#roomList .room-v96-plus:hover{
  color:#fff!important;
  background:#c99a54!important;
  border-color:#c99a54!important;
}

#roomList .room-v96-body > p{
  min-height:52px!important;
  margin:19px 0 22px!important;
  color:#6f7178!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.65!important;
}

#roomList .room-v96-features{
  min-height:82px!important;
  padding:17px 0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px 18px!important;
  border-top:1px solid #eee9e2!important;
  border-bottom:1px solid #eee9e2!important;
}

#roomList .room-v96-features span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#4b4d55!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.3!important;
}

#roomList .room-v96-features i{
  width:17px!important;
  color:#c99a54!important;
  font-size:14px!important;
  text-align:center!important;
}

#roomList .room-v96-footer{
  padding-top:19px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}

#roomList .room-v96-note{
  color:#c99a54!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
  font-style:italic!important;
}

#roomList .room-v96-detail{
  min-height:39px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #ece7df!important;
  color:#343740!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  transition:.3s ease!important;
}

#roomList .room-v96-detail i{
  color:#c99a54!important;
  font-size:10px!important;
}

#roomList .room-v96-detail:hover{
  color:#fff!important;
  background:#202634!important;
  border-color:#202634!important;
}

#roomList .room-v96-nav{
  position:absolute!important;
  z-index:6!important;
  top:50%!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dfd8cd!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#b88848!important;
  cursor:pointer!important;
  transform:translateY(-50%)!important;
  box-shadow:0 8px 20px rgba(20,24,33,.08)!important;
  transition:.3s ease!important;
}

#roomList .room-v96-nav:hover{
  color:#fff!important;
  background:#c99a54!important;
  border-color:#c99a54!important;
}

#roomList .room-v96-nav.prev{
  left:0!important;
}

#roomList .room-v96-nav.next{
  right:0!important;
}

#roomList .room-v96-dots{
  margin-top:30px!important;
  display:flex!important;
  justify-content:center!important;
  gap:9px!important;
}

#roomList .room-v96-dots button{
  width:20px!important;
  height:2px!important;
  padding:0!important;
  border:0!important;
  background:#ddd5c9!important;
  cursor:pointer!important;
  transition:.3s ease!important;
}

#roomList .room-v96-dots button.active{
  width:38px!important;
  background:#c99a54!important;
}

@media(max-width:1050px){
  #roomList .room-v96-card{
    flex-basis:calc((100% - 24px)/2)!important;
  }
}

@media(max-width:700px){
  #roomList.room-list-v96{
    padding:70px 0!important;
  }

  #roomList .room-v96-title h2{
    font-size:34px!important;
  }

  #roomList .room-v96-carousel{
    padding:0 38px!important;
  }

  #roomList .room-v96-card{
    flex-basis:100%!important;
  }

  #roomList .room-v96-image{
    height:230px!important;
  }

  #roomList .room-v96-body{
    padding:24px 22px 22px!important;
  }

  #roomList .room-v96-heading h3{
    font-size:24px!important;
  }

  #roomList .room-v96-features{
    grid-template-columns:1fr!important;
  }

  #roomList .room-v96-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  #roomList .room-v96-nav{
    width:34px!important;
    height:34px!important;
  }
}


/* V97 — ONLY Odalarımız bölümündeki oda kart başlıkları */
#roomList .room-v96-heading h3{
  font-family:Roboto,Arial,sans-serif!important;
  font-weight:400!important;
}


/* ==========================================================
   V99 — GLOBAL TYPOGRAPHY: ROBOTO
   Font Awesome/icon glyphs are intentionally excluded.
   ========================================================== */
html,
body,
button,
input,
select,
textarea,
a,
p,
span,
strong,
small,
label,
h1,
h2,
h3,
h4,
h5,
h6,
li,
td,
th,
div:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands){
  font-family:Roboto,Arial,sans-serif!important;
}

/* Previously serif/script text areas */
.room-v96-heading h3,
.room-v96-note,
.event-v92-kicker,
.story-v82-script,
.about-ref-v80-sign{
  font-family:Roboto,Arial,sans-serif!important;
}

/* Keep icon font families intact */
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"]{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands"!important;
}


/* ==========================================================
   V100 — RESTORE ONLY LOCKED OTELİMİZ SCRIPT TYPOGRAPHY
   The rest of the V99 Roboto typography stays untouched.
   ========================================================== */
#about .about-shot-script{
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive!important;
}


/* V101 — ONLY Odalarımız & Suitlerimiz: remove hover shadow */
#roomList .room-v96-card:hover{
  box-shadow:none!important;
}


/* V105 — ONLY story-v82: signature removed, copy area uses freed space */
#story.story-v82 .story-v82-copy{
  padding-bottom:34px!important;
}

/* V108 — ONLY Hakkımızda paragraph typography; right visual preserved from V105 */
#story.story-v82 .story-v82-copy-inner > p{
  margin:18px 0 0!important;
  font-size:14px!important;
  line-height:1.75!important;
}

/* V114 — Hakkımızda: eski üst Spa açıklamasını kaldır, sağ görseli değiştirme */
#story.story-v82 .story-v82-hero p,
#story.story-v82 .story-v82-hero-copy p,
#story.story-v82 .story-v82-intro p{
  display:none!important;
}

/* V115 — ONLY story hero subtitle under main heading */
#story.story-v82 .story-v115-hero-subtitle{
  display:block!important;
  max-width:760px!important;
  margin:18px auto 0!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:400!important;
  text-align:center!important;
}

/* V116 — exact visible paragraph below Hakkımızda main heading */
#story.story-v82 .story-v82-hero .story-v116-hero-text{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:5!important;
  max-width:760px!important;
  margin:20px auto 0!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:400!important;
  text-align:center!important;
}


/* ==========================================================
   V117 — ONLY GALLERY / Diamant one-page-slider inspired
   ========================================================== */
#gallery.gallery-v117{
  height:auto!important;
  min-height:540px!important;
  padding:18px 0!important;
  background:#151724!important;
  color:#fff!important;
  overflow:hidden!important;
}
#gallery .gallery-v117-inner{
  width:100%!important;
  min-height:504px!important;
  display:grid!important;
  grid-template-columns:24.5% 75.5%!important;
  gap:0!important;
}
#gallery .gallery-v117-copy{
  position:relative!important;
  min-height:504px!important;
  margin-left:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.012)!important;
}
#gallery .gallery-v117-topdots{
  position:absolute!important;
  top:-4px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:9px!important;
  z-index:3!important;
}
#gallery .gallery-v117-topdots span{
  width:3px!important;height:3px!important;border-radius:50%!important;background:#d3a45c!important;
}
#gallery .gallery-v117-motif{
  position:absolute!important;
  inset:70px 34px 38px!important;
  color:rgba(209,164,92,.11)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
}
#gallery .gallery-v117-motif svg{width:88%!important;height:auto!important}
#gallery .gallery-v117-copycontent{
  position:relative!important;
  z-index:2!important;
  height:100%!important;
  min-height:504px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:52px 32px!important;
  text-align:center!important;
}
#gallery .gallery-v117-line{
  width:42px!important;height:1px!important;background:#b98b48!important;margin-bottom:18px!important;
}
#gallery .gallery-v117-script{
  margin:0 0 16px!important;
  color:#d4a45b!important;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-style:italic!important;
}
#gallery .gallery-v117-copy h2{
  margin:0!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:39px!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
}
#gallery .gallery-v117-orn{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:26px 0 18px!important;
}
#gallery .gallery-v117-orn span{width:58px!important;height:1px!important;background:rgba(255,255,255,.42)!important}
#gallery .gallery-v117-orn i{
  width:12px!important;height:12px!important;border:1px solid #c8964b!important;transform:rotate(45deg)!important;
}
#gallery .gallery-v117-desc{
  max-width:255px!important;
  margin:0 0 26px!important;
  color:rgba(255,255,255,.56)!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.65!important;
}
#gallery .gallery-v117-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:18px!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.04em!important;
  text-decoration:none!important;
  padding-bottom:7px!important;
  border-bottom:1px solid #c8964b!important;
}
#gallery .gallery-v117-link i{font-size:10px!important;color:#c8964b!important}

#gallery .gallery-v117-stage{
  min-width:0!important;
  min-height:504px!important;
  display:grid!important;
  grid-template-columns:17% 66% 17%!important;
  gap:10px!important;
  padding:0 12px 0 22px!important;
}
#gallery .gallery-v117-stage figure{
  position:relative!important;
  min-width:0!important;
  height:504px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#0d0f18!important;
}
#gallery .gallery-v117-side-left{border-radius:4px 0 0 4px!important}
#gallery .gallery-v117-main{border-radius:9px!important}
#gallery .gallery-v117-side-right{border-radius:0 4px 4px 0!important}
#gallery .gallery-v117-stage img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.002)!important;
  transition:opacity .48s ease,transform 1.05s cubic-bezier(.2,.7,.2,1),filter .55s ease!important;
}
#gallery .gallery-v117-side img{
  filter:saturate(.87) brightness(.92)!important;
}
#gallery .gallery-v117-main::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(7,9,15,.03),rgba(7,9,15,.10) 64%,rgba(7,9,15,.26))!important;
  z-index:1!important;
}
#gallery.gallery-switching .gallery-v117-stage img{
  opacity:.25!important;
  transform:scale(1.045)!important;
  filter:blur(2px) brightness(.75)!important;
}
#gallery .gallery-v117-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:4!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.46)!important;
  background:rgba(26,28,41,.80)!important;
  color:#fff!important;
  transform:translateY(-50%)!important;
  backdrop-filter:blur(4px)!important;
  transition:background .25s ease,border-color .25s ease,transform .25s ease!important;
  cursor:pointer!important;
}
#gallery .gallery-v117-arrow:hover{
  background:#c8954b!important;
  border-color:#c8954b!important;
  transform:translateY(-50%) scale(1.06)!important;
}
#gallery .gallery-v117-arrow.prev{left:18px!important}
#gallery .gallery-v117-arrow.next{right:18px!important}
#gallery .gallery-v117-dots{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  bottom:20px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 15px!important;
  border-radius:22px!important;
  background:rgba(22,24,37,.76)!important;
  backdrop-filter:blur(6px)!important;
}
#gallery .gallery-v117-dots button{
  width:5px!important;height:5px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:#fff!important;
  position:relative!important;cursor:pointer!important;
}
#gallery .gallery-v117-dots button.active{
  background:#d4a45b!important;
}
#gallery .gallery-v117-dots button.active::after{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  border:1px solid #d4a45b!important;
  border-radius:50%!important;
}

@media(max-width:1200px){
  #gallery .gallery-v117-inner{grid-template-columns:30% 70%!important}
  #gallery .gallery-v117-stage{grid-template-columns:20% 80%!important}
  #gallery .gallery-v117-side-right{display:none!important}
}
@media(max-width:800px){
  #gallery.gallery-v117{padding:16px!important}
  #gallery .gallery-v117-inner{display:block!important}
  #gallery .gallery-v117-copy{
    margin:0 0 14px!important;
    min-height:330px!important;
  }
  #gallery .gallery-v117-copycontent{min-height:330px!important;padding:40px 25px!important}
  #gallery .gallery-v117-stage{
    display:block!important;
    min-height:360px!important;
    padding:0!important;
  }
  #gallery .gallery-v117-main{height:360px!important}
  #gallery .gallery-v117-side{display:none!important}
  #gallery .gallery-v117-copy h2{font-size:34px!important}
  #gallery .gallery-v117-arrow{width:42px!important;height:42px!important}
}


/* ==========================================================
   V118 — ONLY GALLERY: fix legacy .gallery grid collision
   ========================================================== */
#gallery.gallery-v117{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  box-sizing:border-box!important;
}
#gallery.gallery-v117 .gallery-v117-inner{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
#gallery.gallery-v117 .gallery-v117-copy,
#gallery.gallery-v117 .gallery-v117-stage{
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
#gallery.gallery-v117 .gallery-v117-stage{
  width:100%!important;
}
#gallery.gallery-v117 .gallery-v117-stage figure{
  width:100%!important;
  max-width:none!important;
}
#gallery.gallery-v117 .gallery-v117-main,
#gallery.gallery-v117 .gallery-v117-side{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Desktop proportions closer to Diamant reference */
@media(min-width:1201px){
  #gallery.gallery-v117 .gallery-v117-inner{
    grid-template-columns:24% 76%!important;
  }
  #gallery.gallery-v117 .gallery-v117-stage{
    grid-template-columns:17% 66% 17%!important;
  }
}


/* ==========================================================
   V128 — ONLY FOTO GALERİ
   Uses the same carousel movement logic as #roomList.
   ========================================================== */
#gallery.gallery-v128{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:540px!important;
  padding:18px 0!important;
  background:#151724!important;
  color:#fff!important;
  overflow:hidden!important;
}
#gallery.gallery-v128 .gallery-v128-inner{
  display:grid!important;
  grid-template-columns:24.5% 75.5%!important;
  width:100%!important;
  min-height:504px!important;
}
#gallery.gallery-v128 .gallery-v117-copy{
  min-width:0!important;
  max-width:none!important;
}
#gallery.gallery-v128 .gallery-v128-carousel{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:504px!important;
  padding:0 12px 0 22px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#gallery.gallery-v128 .gallery-v128-viewport{
  position:relative!important;
  width:100%!important;
  height:504px!important;
  overflow:hidden!important;
}
#gallery.gallery-v128 .gallery-v128-track{
  display:flex!important;
  align-items:stretch!important;
  gap:10px!important;
  height:504px!important;
  transform:translateX(0px);
  transition:transform .75s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform!important;
}
#gallery.gallery-v128 .gallery-v128-card{
  flex:0 0 calc(66% - 5px)!important;
  width:calc(66% - 5px)!important;
  height:504px!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:7px!important;
  background:#0d0f18!important;
}
#gallery.gallery-v128 .gallery-v128-card img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
#gallery.gallery-v128 .gallery-v128-nav{
  position:absolute!important;
  top:50%!important;
  z-index:20!important;
  width:46px!important;
  height:46px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.42)!important;
  background:rgba(27,29,42,.88)!important;
  color:#fff!important;
  transform:translateY(-50%)!important;
  cursor:pointer!important;
}
#gallery.gallery-v128 .gallery-v128-nav.prev{left:6%!important}
#gallery.gallery-v128 .gallery-v128-nav.next{right:6%!important}

#gallery.gallery-v128 .gallery-v128-dots{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  z-index:20!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:10px 15px!important;
  transform:translateX(-50%)!important;
  border-radius:24px!important;
  background:rgba(22,24,37,.76)!important;
}
#gallery.gallery-v128 .gallery-v128-dots button{
  position:relative!important;
  width:5px!important;
  height:5px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  cursor:pointer!important;
}
#gallery.gallery-v128 .gallery-v128-dots button.active{
  background:#d1a15a!important;
}
#gallery.gallery-v128 .gallery-v128-dots button.active::after{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  border:1px solid #d1a15a!important;
  border-radius:50%!important;
}

@media(max-width:1200px){
  #gallery.gallery-v128 .gallery-v128-inner{
    grid-template-columns:30% 70%!important;
  }
  #gallery.gallery-v128 .gallery-v128-card{
    flex-basis:78%!important;
    width:78%!important;
  }
}
@media(max-width:800px){
  #gallery.gallery-v128{
    padding:16px!important;
  }
  #gallery.gallery-v128 .gallery-v128-inner{
    display:block!important;
  }
  #gallery.gallery-v128 .gallery-v117-copy{
    margin:0 0 14px!important;
    min-height:330px!important;
  }
  #gallery.gallery-v128 .gallery-v128-carousel,
  #gallery.gallery-v128 .gallery-v128-viewport,
  #gallery.gallery-v128 .gallery-v128-track,
  #gallery.gallery-v128 .gallery-v128-card{
    height:360px!important;
  }
  #gallery.gallery-v128 .gallery-v128-carousel{
    padding:0!important;
  }
  #gallery.gallery-v128 .gallery-v128-card{
    flex:0 0 100%!important;
    width:100%!important;
  }
  #gallery.gallery-v128 .gallery-v128-nav.prev{left:14px!important}
  #gallery.gallery-v128 .gallery-v128-nav.next{right:14px!important}
}


/* ==========================================================
   V129 — ONLY #activities
   Diamant "Meet Our Team" visual language + carousel
   ========================================================== */
#activities.activities-v129{
  position:relative!important;
  width:100%!important;
  padding:76px 0 52px!important;
  background:#fff!important;
  overflow:hidden!important;
  color:#242431!important;
}
#activities.activities-v129 .activities-v129-head{
  width:min(1180px,calc(100% - 48px))!important;
  margin:0 auto 34px!important;
  text-align:center!important;
}
#activities.activities-v129 .activities-v129-script{
  display:block!important;
  margin-bottom:8px!important;
  color:#c79752!important;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive!important;
  font-size:18px!important;
  line-height:1.45!important;
}
#activities.activities-v129 .activities-v129-head h2{
  margin:0!important;
  color:#242431!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:38px!important;
  line-height:1.1!important;
  font-weight:400!important;
}
#activities.activities-v129 .activities-v129-ornament{
  width:115px!important;
  margin:20px auto 0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
#activities.activities-v129 .activities-v129-ornament span{
  flex:1!important;
  height:1px!important;
  background:#ddd!important;
}
#activities.activities-v129 .activities-v129-ornament i{
  width:11px!important;
  height:11px!important;
  border:1px solid #c79752!important;
  transform:rotate(45deg)!important;
}

#activities.activities-v129 .activities-v129-shell{
  position:relative!important;
  width:min(1280px,calc(100% - 116px))!important;
  margin:0 auto!important;
  padding:24px!important;
  border:1px solid #e4e4e4!important;
  border-radius:8px!important;
  background:#f8f8f8!important;
}
#activities.activities-v129 .activities-v129-frame{
  padding:22px!important;
  border:1px solid #e3e3e3!important;
  border-radius:8px!important;
  background:#fff!important;
  overflow:hidden!important;
}
#activities.activities-v129 .activities-v129-viewport{
  width:100%!important;
  overflow:hidden!important;
}
#activities.activities-v129 .activities-v129-track{
  display:flex!important;
  align-items:stretch!important;
  gap:22px!important;
  transform:translateX(0)!important;
  transition:transform .72s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform!important;
}
#activities.activities-v129 .activities-v129-card{
  flex:0 0 calc((100% - 44px)/3)!important;
  width:calc((100% - 44px)/3)!important;
  margin:0!important;
  border:1px solid #e3e3e3!important;
  border-radius:8px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
#activities.activities-v129 .activities-v129-card img{
  display:block!important;
  width:100%!important;
  height:266px!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .65s ease!important;
}
#activities.activities-v129 .activities-v129-card:hover img{
  transform:scale(1.035)!important;
}
#activities.activities-v129 .activities-v129-card-body{
  min-height:168px!important;
  padding:25px 24px 16px!important;
  text-align:center!important;
}
#activities.activities-v129 .activities-v129-card h3{
  margin:0 0 8px!important;
  color:#c79752!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:21px!important;
  line-height:1.2!important;
  font-weight:400!important;
}
#activities.activities-v129 .activities-v129-card-body>span{
  display:block!important;
  margin-bottom:16px!important;
  color:#1d1d25!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}
#activities.activities-v129 .activities-v129-card p{
  max-width:330px!important;
  margin:0 auto!important;
  color:#666!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.65!important;
}
#activities.activities-v129 .activities-v129-dotsline{
  margin-top:18px!important;
  color:#d2a15d!important;
  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  letter-spacing:4px!important;
}
#activities.activities-v129 .activities-v129-nav{
  position:absolute!important;
  top:50%!important;
  z-index:10!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid #e1c28f!important;
  background:#fff!important;
  color:#c79752!important;
  transform:translateY(-50%)!important;
  cursor:pointer!important;
}
#activities.activities-v129 .activities-v129-nav.prev{
  left:-60px!important;
}
#activities.activities-v129 .activities-v129-nav.next{
  right:-60px!important;
}
#activities.activities-v129 .activities-v129-nav i{
  font-size:10px!important;
}
#activities.activities-v129 .activities-v129-nav::before,
#activities.activities-v129 .activities-v129-nav::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:44px!important;
  height:1px!important;
  background:#e8e8e8!important;
}
#activities.activities-v129 .activities-v129-nav.prev::before{
  right:100%!important;
  margin-right:10px!important;
}
#activities.activities-v129 .activities-v129-nav.prev::after{
  left:100%!important;
  margin-left:10px!important;
}
#activities.activities-v129 .activities-v129-nav.next::before{
  right:100%!important;
  margin-right:10px!important;
}
#activities.activities-v129 .activities-v129-nav.next::after{
  left:100%!important;
  margin-left:10px!important;
}
#activities.activities-v129 .activities-v129-pager{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:22px!important;
}
#activities.activities-v129 .activities-v129-pager button{
  width:5px!important;
  height:5px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#d6d6d6!important;
  cursor:pointer!important;
}
#activities.activities-v129 .activities-v129-pager button.active{
  background:#c79752!important;
}

@media(max-width:1100px){
  #activities.activities-v129 .activities-v129-shell{
    width:calc(100% - 70px)!important;
  }
  #activities.activities-v129 .activities-v129-card{
    flex-basis:calc((100% - 22px)/2)!important;
    width:calc((100% - 22px)/2)!important;
  }
  #activities.activities-v129 .activities-v129-nav.prev{left:-42px!important}
  #activities.activities-v129 .activities-v129-nav.next{right:-42px!important}
}
@media(max-width:700px){
  #activities.activities-v129{
    padding:58px 0 42px!important;
  }
  #activities.activities-v129 .activities-v129-shell{
    width:calc(100% - 30px)!important;
    padding:12px!important;
  }
  #activities.activities-v129 .activities-v129-frame{
    padding:12px!important;
  }
  #activities.activities-v129 .activities-v129-card{
    flex:0 0 100%!important;
    width:100%!important;
  }
  #activities.activities-v129 .activities-v129-card img{
    height:260px!important;
  }
  #activities.activities-v129 .activities-v129-nav{
    top:auto!important;
    bottom:-48px!important;
    transform:none!important;
  }
  #activities.activities-v129 .activities-v129-nav.prev{
    left:calc(50% - 44px)!important;
  }
  #activities.activities-v129 .activities-v129-nav.next{
    right:calc(50% - 44px)!important;
  }
  #activities.activities-v129 .activities-v129-nav::before,
  #activities.activities-v129 .activities-v129-nav::after{
    display:none!important;
  }
  #activities.activities-v129 .activities-v129-pager{
    margin-top:60px!important;
  }
}


/* ==========================================================
   V130 — ONLY #activities
   Carousel fix + remove outer frames + Roboto typography
   ========================================================== */
#activities.activities-v129 .activities-v129-shell{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
#activities.activities-v129 .activities-v129-frame{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}

/* Roboto for ALL text in activities section */
#activities.activities-v129,
#activities.activities-v129 .activities-v129-script,
#activities.activities-v129 .activities-v129-head h2,
#activities.activities-v129 .activities-v129-card h3,
#activities.activities-v129 .activities-v129-card-body>span,
#activities.activities-v129 .activities-v129-card p,
#activities.activities-v129 .activities-v129-dotsline{
  font-family:Roboto,Arial,sans-serif!important;
}


/* V131 — ONLY #activities carousel movement fix */
#activities.activities-v129 .activities-v129-track{
  transition:transform .72s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform!important;
}


/* ==========================================================
   V133 — ONLY SPA & WELLNESS
   AI visual + Roboto typography + meeting-style CTA + stronger slogan
   ========================================================== */
#spa.spa-master,
#spa.spa-master .spa-master-copy,
#spa.spa-master .spa-master-kicker,
#spa.spa-master .spa-master-copy h2,
#spa.spa-master .spa-master-lead,
#spa.spa-master .spa-master-dropcap,
#spa.spa-master .spa-master-list,
#spa.spa-master .spa-master-list span,
#spa.spa-master .spa-master-btn,
#spa.spa-master .spa-master-testimonial,
#spa.spa-master .spa-master-testimonial b,
#spa.spa-master .spa-master-testimonial p,
#spa.spa-master .spa-master-testimonial span{
  font-family:Roboto,Arial,sans-serif!important;
}

/* Toplantı & Etkinlik bölümündeki CTA ile aynı görsel dil */
#spa.spa-master .spa-master-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:48px!important;
  padding:0 23px!important;
  border:1px solid #d5a65f!important;
  background:transparent!important;
  color:#d5a65f!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  box-shadow:none!important;
  transition:background .3s ease,color .3s ease,transform .3s ease!important;
}
#spa.spa-master .spa-master-btn:hover{
  background:#d5a65f!important;
  color:#111725!important;
  transform:translateY(-2px)!important;
}

/* More prominent testimonial slogan */
#spa.spa-master .spa-master-testimonial{
  padding:30px 30px 28px!important;
}
#spa.spa-master .spa-master-testimonial b{
  font-size:38px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#d5a65f!important;
}
#spa.spa-master .spa-master-testimonial p{
  margin:8px 0 20px!important;
  font-size:20px!important;
  line-height:1.42!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  color:#fff!important;
}
#spa.spa-master .spa-master-testimonial span{
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:#d5a65f!important;
}

/* Generated spa visual framing */
#spa.spa-master .spa-master-photo img{
  object-fit:cover!important;
  object-position:center!important;
}


/* ==========================================================
   V134 — ONLY SPA & WELLNESS
   Working carousel + clean photo framing + no title line
   ========================================================== */
#spa.spa-master .spa-master-line{
  display:none!important;
}
#spa.spa-master .spa-master-carousel{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
#spa.spa-master .spa-master-track{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  transform:translate3d(0,0,0)!important;
  transition:transform .75s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform!important;
}
#spa.spa-master .spa-master-slide{
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
#spa.spa-master .spa-master-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.01)!important;
  transition:transform 1s ease!important;
}
#spa.spa-master .spa-master-slide.active img{
  transform:scale(1)!important;
}
#spa.spa-master .spa-master-dots{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  transform:translateX(-50%)!important;
  padding:9px 13px!important;
  border-radius:20px!important;
  background:rgba(32,34,49,.72)!important;
}
#spa.spa-master .spa-master-dots button{
  width:6px!important;
  height:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  opacity:.85!important;
  cursor:pointer!important;
}
#spa.spa-master .spa-master-dots button.active{
  background:#d5a65f!important;
  opacity:1!important;
}
#spa.spa-master .spa-master-testimonial{
  padding:34px 30px!important;
}
#spa.spa-master .spa-master-testimonial p{
  margin:0!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:21px!important;
  line-height:1.42!important;
  font-weight:500!important;
  color:#fff!important;
}


/* ==========================================================
   V136 — ONLY SPA
   HTML slogan directly over image, no play icon, no dark card
   ========================================================== */
#spa.spa-master .spa-master-play{
  display:none!important;
}

/* remove the former dark testimonial box completely */
#spa.spa-master .spa-master-testimonial.spa-master-slogan{
  position:absolute!important;
  left:auto!important;
  right:42px!important;
  bottom:54px!important;
  z-index:18!important;
  width:min(500px,68%)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  pointer-events:none!important;
}

/* real HTML handwritten slogan */
#spa.spa-master .spa-master-testimonial.spa-master-slogan p{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  background:transparent!important;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive!important;
  font-size:34px!important;
  line-height:1.35!important;
  font-weight:400!important;
  text-align:right!important;
  letter-spacing:0!important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.88),
    0 5px 18px rgba(0,0,0,.65)!important;
}

/* ensure no old quote/signature elements can return */
#spa.spa-master .spa-master-testimonial.spa-master-slogan b,
#spa.spa-master .spa-master-testimonial.spa-master-slogan span{
  display:none!important;
}

@media(max-width:900px){
  #spa.spa-master .spa-master-testimonial.spa-master-slogan{
    right:24px!important;
    bottom:48px!important;
    width:72%!important;
  }
  #spa.spa-master .spa-master-testimonial.spa-master-slogan p{
    font-size:27px!important;
  }
}
@media(max-width:600px){
  #spa.spa-master .spa-master-testimonial.spa-master-slogan{
    left:22px!important;
    right:22px!important;
    bottom:50px!important;
    width:auto!important;
  }
  #spa.spa-master .spa-master-testimonial.spa-master-slogan p{
    font-size:23px!important;
    text-align:left!important;
  }
}


/* V137 — ONLY SPA slogan: thin handwritten typography matching reference */
#spa.spa-master .spa-master-testimonial.spa-master-slogan{
  right:54px!important;
  bottom:62px!important;
  width:min(560px,72%)!important;
}
#spa.spa-master .spa-master-testimonial.spa-master-slogan p{
  font-family:"Segoe Print","Bradley Hand","Segoe Script","Lucida Handwriting",cursive!important;
  font-size:37px!important;
  line-height:1.28!important;
  font-weight:300!important;
  font-style:italic!important;
  letter-spacing:-.8px!important;
  color:#fff!important;
  text-align:right!important;
  text-shadow:0 2px 8px rgba(0,0,0,.75),0 5px 22px rgba(0,0,0,.42)!important;
}
@media(max-width:900px){
  #spa.spa-master .spa-master-testimonial.spa-master-slogan p{
    font-size:30px!important;
    font-weight:300!important;
  }
}
@media(max-width:600px){
  #spa.spa-master .spa-master-testimonial.spa-master-slogan p{
    font-size:24px!important;
    line-height:1.3!important;
    font-weight:300!important;
  }
}


/* ==========================================================
   V138 — ONLY SPA slogan / reference match
   ========================================================== */
#spa.spa-master .spa-master-testimonial.spa-master-slogan{
  right:70px!important;
  bottom:62px!important;
  width:min(600px,72%)!important;
  padding:0 0 14px!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

#spa.spa-master .spa-master-slogan-text{
  position:relative!important;
  display:block!important;
  margin:0!important;
  padding:0 0 20px!important;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive!important;
  font-size:39px!important;
  line-height:1.22!important;
  font-weight:300!important;
  font-style:normal!important;
  letter-spacing:-1px!important;
  text-align:right!important;
  color:#fff!important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.72),
    0 7px 22px rgba(0,0,0,.48)!important;
}

#spa.spa-master .spa-master-slogan-text span{
  display:block!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:300!important;
}

#spa.spa-master .spa-master-slogan-text span.gold{
  color:#d9a652!important;
  margin-top:2px!important;
}

/* gold handwritten underline under the slogan */
#spa.spa-master .spa-master-slogan-text::after{
  content:""!important;
  display:block!important;
  width:78%!important;
  height:3px!important;
  margin:12px 0 0 auto!important;
  background:#d9a652!important;
  border-radius:50%!important;
  transform:rotate(-2deg)!important;
  opacity:.95!important;
}

/* keep carousel dots clearly below text */
#spa.spa-master .spa-master-dots{
  bottom:16px!important;
  z-index:20!important;
}

@media(max-width:1000px){
  #spa.spa-master .spa-master-testimonial.spa-master-slogan{
    right:36px!important;
    bottom:58px!important;
    width:76%!important;
  }
  #spa.spa-master .spa-master-slogan-text{
    font-size:31px!important;
  }
}

@media(max-width:650px){
  #spa.spa-master .spa-master-testimonial.spa-master-slogan{
    left:24px!important;
    right:24px!important;
    bottom:54px!important;
    width:auto!important;
  }
  #spa.spa-master .spa-master-slogan-text{
    font-size:24px!important;
    line-height:1.25!important;
    text-align:left!important;
  }
  #spa.spa-master .spa-master-slogan-text::after{
    margin-left:0!important;
    margin-right:auto!important;
    width:70%!important;
  }
}


/* ==========================================================
   V139 — ONLY SPA
   Fix hidden slogan + distinct high-quality generated visuals
   ========================================================== */

/* Older V136 rule hid all spans inside the slogan.
   This stronger selector explicitly restores the real HTML lines. */
#spa.spa-master
.spa-master-testimonial.spa-master-slogan
.spa-master-slogan-text > span{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:300!important;
  font-style:normal!important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.78),
    0 6px 20px rgba(0,0,0,.50)!important;
}

#spa.spa-master
.spa-master-testimonial.spa-master-slogan
.spa-master-slogan-text > span.gold{
  display:block!important;
  color:#d9a652!important;
  visibility:visible!important;
  opacity:1!important;
}

/* place slogan clearly in the lower-right image area */
#spa.spa-master .spa-master-testimonial.spa-master-slogan{
  right:58px!important;
  bottom:56px!important;
  width:min(610px,76%)!important;
  z-index:30!important;
}

#spa.spa-master .spa-master-slogan-text{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font-size:38px!important;
  line-height:1.20!important;
}

/* keep images crisp and fully covering slider without stretching */
#spa.spa-master .spa-master-slide img{
  image-rendering:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  width:100%!important;
  height:100%!important;
}


/* ==========================================================
   V142 — ONLY SPA
   official hosted images + no S + slogan 24px
   ========================================================== */
#spa.spa-master .spa-master-dropcap{
  display:none!important;
}

#spa.spa-master .spa-master-lead{
  padding-left:0!important;
  text-indent:0!important;
}

/* İstenen HTML slogan boyutu */
#spa.spa-master .spa-master-slogan-text,
#spa.spa-master .spa-master-slogan-text > span{
  font-size:24px!important;
  line-height:1.32!important;
  font-weight:300!important;
}

/* Görsellerin üstünde gömülü HTML dışı metin/ikon yok;
   yalnızca orijinal Ramada Ünye dosyaları gösterilir. */
#spa.spa-master .spa-master-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}


/* ==========================================================
   V143 — ONLY STATS
   Diamant one-page-slider inspired, 4-column stats
   ========================================================== */
#stats.stats-v143{
  position:relative!important;
  width:100%!important;
  height:392px!important;
  min-height:392px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#11131d!important;
  color:#fff!important;
}
#stats.stats-v143 .stats-v143-bg{
  position:absolute!important;
  inset:0!important;
  background:url("assets/ramada-unye-stats-diamant-bg.jpg") center 52%/cover no-repeat!important;
}
#stats.stats-v143 .stats-v143-overlay{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(12,14,24,.78),rgba(19,17,25,.58),rgba(12,14,24,.74))!important;
}
#stats.stats-v143 .stats-v143-frame{
  position:absolute!important;
  inset:24px 24px 30px!important;
  border:1px dashed rgba(255,255,255,.22)!important;
  border-radius:0 0 24px 24px!important;
  pointer-events:none!important;
}
#stats.stats-v143 .stats-v143-inner{
  position:relative!important;
  z-index:2!important;
  width:min(1480px,calc(100% - 80px))!important;
  height:100%!important;
  margin:0 auto!important;
  padding:42px 0 30px!important;
  box-sizing:border-box!important;
}
#stats.stats-v143 .stats-v143-kicker{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:15px!important;
  margin-bottom:24px!important;
  text-align:center!important;
}
#stats.stats-v143 .stats-v143-diamond{
  width:10px!important;
  height:10px!important;
  border:1px solid #d2a45d!important;
  transform:rotate(45deg)!important;
}
#stats.stats-v143 .stats-v143-kicker strong{
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.08em!important;
  color:#fff!important;
}
#stats.stats-v143 .stats-v143-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:center!important;
  width:100%!important;
  min-height:205px!important;
}
#stats.stats-v143 .stats-v143-item{
  position:relative!important;
  min-width:0!important;
  min-height:205px!important;
  padding:8px 32px 0!important;
  text-align:center!important;
}
#stats.stats-v143 .stats-v143-item:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:22px!important;
  width:1px!important;
  height:145px!important;
  background:rgba(255,255,255,.24)!important;
}
#stats.stats-v143 .stats-v143-item>i{
  display:block!important;
  margin:0 auto 10px!important;
  color:#d6aa65!important;
  font-size:28px!important;
  line-height:1!important;
}
#stats.stats-v143 .stats-v143-number{
  display:block!important;
  margin:0 0 14px!important;
  color:#d6aa65!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:54px!important;
  line-height:.95!important;
  font-weight:400!important;
}
#stats.stats-v143 .stats-v143-item>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:3px!important;
  background:rgba(20,21,31,.22)!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:600!important;
}
#stats.stats-v143 .stats-v143-item>em{
  display:block!important;
  margin-top:19px!important;
  color:#d6aa65!important;
  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  font-style:normal!important;
  letter-spacing:5px!important;
}
#stats.stats-v143 .stats-v143-pager{
  position:absolute!important;
  left:50%!important;
  bottom:20px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:10px!important;
}
#stats.stats-v143 .stats-v143-pager i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#fff!important;
  opacity:.9!important;
}
#stats.stats-v143 .stats-v143-pager i.active{
  background:#d6aa65!important;
}

@media(max-width:900px){
  #stats.stats-v143{
    height:auto!important;
    min-height:620px!important;
  }
  #stats.stats-v143 .stats-v143-inner{
    width:calc(100% - 40px)!important;
    padding:50px 0 46px!important;
  }
  #stats.stats-v143 .stats-v143-grid{
    grid-template-columns:1fr 1fr!important;
    gap:22px 0!important;
  }
  #stats.stats-v143 .stats-v143-item{
    min-height:190px!important;
  }
  #stats.stats-v143 .stats-v143-item:nth-child(2)::after{
    display:none!important;
  }
}
@media(max-width:560px){
  #stats.stats-v143{
    min-height:920px!important;
  }
  #stats.stats-v143 .stats-v143-grid{
    grid-template-columns:1fr!important;
  }
  #stats.stats-v143 .stats-v143-item::after{
    display:none!important;
  }
  #stats.stats-v143 .stats-v143-number{
    font-size:46px!important;
  }
  #stats.stats-v143 .stats-v143-frame{
    inset:18px 14px 24px!important;
  }
}


/* ==========================================================
   V144 — ONLY STATS
   cleaner look / brighter image / 20% smaller typography
   no dots / no frame
   ========================================================== */

/* Arka plan daha belirgin */
#stats.stats-v143 .stats-v143-overlay{
  background:
    linear-gradient(90deg,
      rgba(12,14,24,.48),
      rgba(19,17,25,.36),
      rgba(12,14,24,.46)
    )!important;
}

/* Çerçeve kaldırıldı */
#stats.stats-v143 .stats-v143-frame{
  display:none!important;
}

/* Alt noktalar kaldırıldı */
#stats.stats-v143 .stats-v143-pager{
  display:none!important;
}

/* Genel alanı biraz daha ferahlaştır */
#stats.stats-v143{
  height:360px!important;
  min-height:360px!important;
}
#stats.stats-v143 .stats-v143-inner{
  padding:40px 0 22px!important;
}

/* %20 daha küçük yazılar */
#stats.stats-v143 .stats-v143-kicker strong{
  font-size:9px!important;
}

#stats.stats-v143 .stats-v143-item>i{
  font-size:22px!important;
  margin-bottom:9px!important;
}

#stats.stats-v143 .stats-v143-number{
  font-size:43px!important;
  margin-bottom:12px!important;
}

#stats.stats-v143 .stats-v143-item>span{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:10px!important;
}

/* Daha zarif görünüm */
#stats.stats-v143 .stats-v143-item{
  min-height:185px!important;
  padding:10px 30px 0!important;
}

#stats.stats-v143 .stats-v143-grid{
  min-height:185px!important;
}

#stats.stats-v143 .stats-v143-item:not(:last-child)::after{
  top:18px!important;
  height:132px!important;
  background:rgba(255,255,255,.18)!important;
}

/* Alt küçük dekor noktaları da kaldır */
#stats.stats-v143 .stats-v143-item>em{
  display:none!important;
}

/* Label kutularını daha hafif yap */
#stats.stats-v143 .stats-v143-item>span{
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(12,14,24,.14)!important;
  backdrop-filter:blur(2px)!important;
}

/* Arka plan görselini daha canlı göster */
#stats.stats-v143 .stats-v143-bg{
  filter:brightness(1.08) saturate(1.02)!important;
}

@media(max-width:900px){
  #stats.stats-v143{
    min-height:560px!important;
  }
  #stats.stats-v143 .stats-v143-number{
    font-size:38px!important;
  }
}

@media(max-width:560px){
  #stats.stats-v143{
    min-height:820px!important;
  }
  #stats.stats-v143 .stats-v143-number{
    font-size:36px!important;
  }
}


/* ==========================================================
   V145 — ONLY STATS
   Supplied reference match: room background + 4 columns
   ========================================================== */
#stats.stats-v145{
  position:relative!important;
  width:100%!important;
  height:392px!important;
  min-height:392px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#171925!important;
  color:#fff!important;
}

#stats.stats-v145 .stats-v145-bg{
  position:absolute!important;
  inset:0!important;
  background:
    url("assets/remote-images/set_001fName_20161221103628649.jpg")
    center 52%/cover no-repeat!important;
  filter:saturate(.82) contrast(1.04)!important;
}

#stats.stats-v145 .stats-v145-overlay{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,
      rgba(17,20,34,.63) 0%,
      rgba(23,24,37,.57) 38%,
      rgba(19,20,34,.63) 100%
    )!important;
}

#stats.stats-v145 .stats-v145-grid{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:center!important;
  width:min(1440px,calc(100% - 110px))!important;
  height:100%!important;
  margin:0 auto!important;
  padding:84px 0 56px!important;
  box-sizing:border-box!important;
}

#stats.stats-v145 .stats-v145-item{
  position:relative!important;
  min-width:0!important;
  height:245px!important;
  padding:18px 54px 0!important;
  text-align:center!important;
  box-sizing:border-box!important;
}

/* thin separator like reference */
#stats.stats-v145 .stats-v145-item:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:42px!important;
  width:1px!important;
  height:52px!important;
  background:rgba(255,255,255,.25)!important;
}

#stats.stats-v145 .stats-v145-item strong{
  display:block!important;
  margin:0 0 30px!important;
  color:#d4a75f!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:52px!important;
  line-height:.95!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
  text-shadow:0 2px 15px rgba(0,0,0,.18)!important;
}

#stats.stats-v145 .stats-v145-item span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.23)!important;
  border-radius:4px!important;
  background:rgba(24,26,39,.17)!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  box-sizing:border-box!important;
}

#stats.stats-v145 .stats-v145-item em{
  display:block!important;
  margin-top:25px!important;
  color:#d4a75f!important;
  font-family:Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1!important;
  font-style:normal!important;
  letter-spacing:5px!important;
}

/* dashed bottom contour from reference */
#stats.stats-v145 .stats-v145-bottom-frame{
  position:absolute!important;
  z-index:2!important;
  left:22px!important;
  right:22px!important;
  bottom:20px!important;
  height:58px!important;
  border-left:1px dashed rgba(255,255,255,.38)!important;
  border-right:1px dashed rgba(255,255,255,.38)!important;
  border-bottom:1px dashed rgba(255,255,255,.38)!important;
  border-radius:0 0 25px 25px!important;
  pointer-events:none!important;
}

@media(max-width:900px){
  #stats.stats-v145{
    height:auto!important;
    min-height:620px!important;
  }
  #stats.stats-v145 .stats-v145-grid{
    grid-template-columns:1fr 1fr!important;
    width:calc(100% - 50px)!important;
    padding:52px 0 70px!important;
  }
  #stats.stats-v145 .stats-v145-item{
    height:220px!important;
    padding:20px 28px!important;
  }
  #stats.stats-v145 .stats-v145-item:nth-child(2)::after{
    display:none!important;
  }
}

@media(max-width:560px){
  #stats.stats-v145{
    min-height:900px!important;
  }
  #stats.stats-v145 .stats-v145-grid{
    grid-template-columns:1fr!important;
  }
  #stats.stats-v145 .stats-v145-item{
    height:195px!important;
  }
  #stats.stats-v145 .stats-v145-item::after{
    display:none!important;
  }
  #stats.stats-v145 .stats-v145-item strong{
    font-size:44px!important;
  }
}


/* ==========================================================
   V146 — ONLY STATS
   Reference corner lines + slightly smaller numbers
   ========================================================== */

/* Eski tam alt dashed çerçeveyi kaldır */
#stats.stats-v145 .stats-v145-bottom-frame{
  display:none!important;
}

/* Referanstaki gibi sadece 4 köşede ince kesik çizgiler */
#stats.stats-v145::before,
#stats.stats-v145::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  bottom:20px!important;
  width:245px!important;
  height:64px!important;
  pointer-events:none!important;
}

#stats.stats-v145::before{
  left:22px!important;
  border-left:1px dashed rgba(255,255,255,.42)!important;
  border-bottom:1px dashed rgba(255,255,255,.42)!important;
  border-radius:0 0 0 24px!important;
}

#stats.stats-v145::after{
  right:22px!important;
  border-right:1px dashed rgba(255,255,255,.42)!important;
  border-bottom:1px dashed rgba(255,255,255,.42)!important;
  border-radius:0 0 24px 0!important;
}

/* Üst sol ve üst sağ köşe çizgileri */
#stats.stats-v145 .stats-v145-grid::before,
#stats.stats-v145 .stats-v145-grid::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  top:18px!important;
  width:245px!important;
  height:55px!important;
  pointer-events:none!important;
}

#stats.stats-v145 .stats-v145-grid::before{
  left:-33px!important;
  border-left:1px dashed rgba(255,255,255,.42)!important;
  border-top:1px dashed rgba(255,255,255,.42)!important;
  border-radius:24px 0 0 0!important;
}

#stats.stats-v145 .stats-v145-grid::after{
  right:-33px!important;
  border-right:1px dashed rgba(255,255,255,.42)!important;
  border-top:1px dashed rgba(255,255,255,.42)!important;
  border-radius:0 24px 0 0!important;
}

/* Rakamları biraz daha küçült */
#stats.stats-v145 .stats-v145-item strong{
  font-size:46px!important;
}

@media(max-width:900px){
  #stats.stats-v145::before,
  #stats.stats-v145::after,
  #stats.stats-v145 .stats-v145-grid::before,
  #stats.stats-v145 .stats-v145-grid::after{
    width:130px!important;
  }
  #stats.stats-v145 .stats-v145-item strong{
    font-size:41px!important;
  }
}

@media(max-width:560px){
  #stats.stats-v145::before,
  #stats.stats-v145::after,
  #stats.stats-v145 .stats-v145-grid::before,
  #stats.stats-v145 .stats-v145-grid::after{
    display:none!important;
  }
  #stats.stats-v145 .stats-v145-item strong{
    font-size:38px!important;
  }
}


/* V148 — ONLY SPA slogan font size */
#spa.spa-master .spa-master-slogan-text,
#spa.spa-master .spa-master-slogan-text > span{
  font-size:24px!important;
}


/* V149 — ONLY SPA: exact selector override */
html body #spa.spa-master
.spa-master-testimonial.spa-master-slogan
p.spa-master-slogan-text{
  font-size:24px!important;
  line-height:1.32!important;
}

html body #spa.spa-master
.spa-master-testimonial.spa-master-slogan
p.spa-master-slogan-text > span{
  font-size:24px!important;
  line-height:1.32!important;
}


/* ==========================================================
   V150 — ONLY FOOTER: larger typography
   ========================================================== */
footer,
.footer{
  font-family:Roboto,Arial,sans-serif!important;
}

/* Column headings */
footer h3,
footer h4,
footer .footer-title,
.footer h3,
.footer h4,
.footer .footer-title{
  font-size:15px!important;
  line-height:1.3!important;
}

/* Normal footer copy / links / contact information */
footer p,
footer a,
footer li,
footer address,
footer label,
footer .footer-contact,
footer .footer-link,
.footer p,
.footer a,
.footer li,
.footer address,
.footer label,
.footer .footer-contact,
.footer .footer-link{
  font-size:13px!important;
  line-height:1.55!important;
}

/* Newsletter input/button */
footer input,
footer button,
.footer input,
.footer button{
  font-size:12px!important;
}

/* Bottom copyright / back to top */
footer .copyright,
footer .footer-bottom,
footer .back-to-top,
.footer .copyright,
.footer .footer-bottom,
.footer .back-to-top{
  font-size:12px!important;
}


/* ==========================================================
   V154 — ONLY FOOTER
   no logo + 3 equal columns
   ========================================================== */
footer .footer-grid,
.footer .footer-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:64px!important;
  align-items:start!important;
}

/* If the project uses footer-main as the grid wrapper */
footer .footer-main,
.footer .footer-main{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Hide any residual footer-only logo/brand element */
footer .footer-logo,
footer .footer-brand,
footer .brand-logo,
.footer .footer-logo,
.footer .footer-brand,
.footer .brand-logo{
  display:none!important;
}

@media(max-width:900px){
  footer .footer-grid,
  .footer .footer-grid,
  footer .footer-main,
  .footer .footer-main{
    grid-template-columns:1fr 1fr!important;
    gap:38px!important;
  }
}
@media(max-width:600px){
  footer .footer-grid,
  .footer .footer-grid,
  footer .footer-main,
  .footer .footer-main{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   V155 — ONLY FOOTER
   social icons / no ornament / copyright left
   ========================================================== */
footer .footer-ornament,
.footer .footer-ornament{
  display:none!important;
}

footer .footer-socials-v155{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:18px!important;
}

footer .footer-socials-v155 a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(213,166,95,.35)!important;
  border-radius:50%!important;
  color:#d5a65f!important;
  font-size:13px!important;
  text-decoration:none!important;
  transition:border-color .25s ease,background .25s ease,color .25s ease!important;
}

footer .footer-socials-v155 a:hover{
  border-color:#d5a65f!important;
  background:#d5a65f!important;
  color:#111725!important;
}

/* Copyright sola yaslı */
footer .footer-bottom,
.footer .footer-bottom{
  text-align:left!important;
}

footer .footer-bottom .shell,
footer .footer-bottom .container,
.footer .footer-bottom .shell,
.footer .footer-bottom .container{
  text-align:left!important;
}

footer .copyright,
.footer .copyright{
  text-align:left!important;
  margin-left:0!important;
  margin-right:auto!important;
}


/* ==========================================================
   V157 — ALL ORNAMENT DECORATIONS REMOVED
   ========================================================== */
[class*="ornament"],
[class*="-ornament"],
.story-ornament,
.spa-mini-ornament,
.footer-ornament{
  display:none!important;
}


/* ==========================================================
   V158 — ONLY SLIDER CTA + RESERVATION BUTTON
   event-v92-cta visual language
   ========================================================== */

/* Slider: DETAYLARI KEŞFEDİN */
.hero .rh-cta-row a,
.hero .rh-cta-row button,
.rh-cta-row a,
.rh-cta-row button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:0 24px!important;
  border:1px solid #c99a52!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:background .3s ease,color .3s ease,border-color .3s ease!important;
}

.hero .rh-cta-row a:hover,
.hero .rh-cta-row button:hover,
.rh-cta-row a:hover,
.rh-cta-row button:hover{
  background:#c99a52!important;
  border-color:#c99a52!important;
  color:#111725!important;
}

/* Header reservation button — same event-v92-cta language */
header .reservation-btn,
header .reserve-btn,
header .booking-btn,
header a[href*="rezerv"],
header a[href*="reservation"],
.header .reservation-btn,
.header .reserve-btn,
.header .booking-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:0 24px!important;
  border:1px solid #c99a52!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:background .3s ease,color .3s ease,border-color .3s ease!important;
}

header .reservation-btn:hover,
header .reserve-btn:hover,
header .booking-btn:hover,
header a[href*="rezerv"]:hover,
header a[href*="reservation"]:hover,
.header .reservation-btn:hover,
.header .reserve-btn:hover,
.header .booking-btn:hover{
  background:#c99a52!important;
  border-color:#c99a52!important;
  color:#111725!important;
}


/* ==========================================================
   V159 — ONLY REQUESTED DECORATIVE LINES REMOVED
   ========================================================== */
.gallery-v117-orn,
.event-v92-line{
  display:none!important;
}

.event-v92-kicker::before,
.story-v82-small::after,
.story-v82-kicker::before{
  content:none!important;
  display:none!important;
}

/* about-shot-kicker içindeki çizgi span */
.about-shot-kicker > span{
  display:none!important;
}


/* V160 — requested decorative lines physically removed / pseudo-lines disabled */
.events-v92 .event-v92-kicker::before,
#story .story-v82-small::after,
#story .story-v82-kicker::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
}


/* ==========================================================
   V162 — EXACT EVENT-V92-CTA FOR HERO + HEADER RESERVATION
   Old slider/reservation button layers are explicitly disabled.
   ========================================================== */

#hero .rh-detail.event-v92-cta,
.site-header .reserve.event-v92-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:0!important;
  width:auto!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 23px!important;
  margin:0!important;

  border:1px solid #d5a65f!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;

  color:#d5a65f!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  text-decoration:none!important;

  overflow:visible!important;
  isolation:auto!important;
  transform:none!important;
  transition:background .3s ease,color .3s ease,transform .3s ease!important;
}

/* Remove the old double-border / animated fill layers completely */
#hero .rh-detail.event-v92-cta::before,
#hero .rh-detail.event-v92-cta::after,
.site-header .reserve.event-v92-cta::before,
.site-header .reserve.event-v92-cta::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Keep label exactly like the event CTA, no extra layer styling */
#hero .rh-detail.event-v92-cta .btn-label,
.site-header .reserve.event-v92-cta .btn-label{
  position:static!important;
  z-index:auto!important;
  display:inline!important;
  color:inherit!important;
  line-height:1!important;
}

/* Arrow copied from event CTA usage */
#hero .rh-detail.event-v92-cta > i,
.site-header .reserve.event-v92-cta > i{
  font-size:10px!important;
  color:inherit!important;
  transition:none!important;
}

/* Exact event-v92-cta hover */
#hero .rh-detail.event-v92-cta:hover,
.site-header .reserve.event-v92-cta:hover{
  background:#d5a65f!important;
  background-image:none!important;
  border-color:#d5a65f!important;
  color:#111725!important;
  transform:translateY(-2px)!important;
  box-shadow:none!important;
}

/* Header reservation uses the same event button dimensions now */
.site-header .reserve.event-v92-cta{
  min-width:0!important;
  height:48px!important;
  padding:0 23px!important;
}


/* ==========================================================
   V163 — ONLY HERO "DETAYLARI KEŞFEDİN" BUTTON SIZE
   ========================================================== */
#hero .rh-cta-row .rh-detail.event-v92-cta{
  width:auto!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
  gap:9px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.03em!important;
}

#hero .rh-cta-row .rh-detail.event-v92-cta .btn-label{
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.03em!important;
}

#hero .rh-cta-row .rh-detail.event-v92-cta > i{
  font-size:9px!important;
}


/* ==========================================================
   V165 — EXACT REQUESTED CTA ICONS + BUTTON STYLE
   Logo untouched.
   ========================================================== */

/* Icons beside text */
.site-header .reserve.event-v92-cta > i,
#hero .rh-detail.event-v92-cta > i,
.v165-cta > i{
  margin-left:3px!important;
  font-size:10px!important;
  line-height:1!important;
  color:inherit!important;
}

/* "TÜM ODALARI GÖR" + "TÜM GALERİYİ GÖR"
   Same compact visual language as the fixed hero CTA */
.v165-cta.event-v92-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
  margin:0!important;
  border:1px solid #d5a65f!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#d5a65f!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.03em!important;
  text-transform:none!important;
  text-decoration:none!important;
  overflow:visible!important;
  transform:none!important;
  transition:background .3s ease,color .3s ease,transform .3s ease!important;
}

.v165-cta.event-v92-cta::before,
.v165-cta.event-v92-cta::after{
  content:none!important;
  display:none!important;
}

.v165-cta.event-v92-cta:hover{
  background:#d5a65f!important;
  border-color:#d5a65f!important;
  color:#111725!important;
  transform:translateY(-2px)!important;
}

/* Keep their icon compact */
.v165-cta.event-v92-cta > i{
  font-size:10px!important;
}


/* ==========================================================
   V166 — CTA ICON VISIBILITY + TOP NAV GOLD UNDERLINE
   ========================================================== */

/* Requested button icons: clearly visible beside text */
.site-header .reserve.event-v92-cta > i,
#hero .rh-detail.event-v92-cta > i,
.v165-cta.event-v92-cta > i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  margin-left:7px!important;
  font-family:"Font Awesome 6 Free"!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:13px!important;
  line-height:1!important;
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Keep the compact hero CTA while making icon readable */
#hero .rh-cta-row .rh-detail.event-v92-cta{
  gap:0!important;
}

/* Top menu underline: Ramada palette gold, center-out animation */
.site-header .top-nav a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:5px!important;
  width:0!important;
  height:1px!important;
  background:#d5a65f!important;
  opacity:0!important;
  transform:translateX(-50%)!important;
  transform-origin:center!important;
  transition:
    width .38s cubic-bezier(.22,.61,.36,1),
    opacity .22s ease!important;
}

.site-header .top-nav a.active::after,
.site-header .top-nav a:hover::after{
  left:50%!important;
  right:auto!important;
  width:100%!important;
  opacity:1!important;
  transform:translateX(-50%)!important;
}


/* ==========================================================
   V167 — REQUESTED BUTTONS = SPA-MASTER-BTN VISUAL SYSTEM
   ========================================================== */

#hero .rh-detail.ramada-spa-cta,
.site-header .reserve.ramada-spa-cta,
.popular .outline-btn.ramada-spa-cta,
.gallery .gallery-v117-link.ramada-spa-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;

  width:auto!important;
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 23px!important;
  margin:0!important;

  border:1px solid #d5a65f!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;

  color:#d5a65f!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  text-decoration:none!important;

  overflow:visible!important;
  transform:none!important;
  transition:background .3s ease,color .3s ease,transform .3s ease!important;
}

/* Remove old button layers/effects from the four CTAs only */
#hero .rh-detail.ramada-spa-cta::before,
#hero .rh-detail.ramada-spa-cta::after,
.site-header .reserve.ramada-spa-cta::before,
.site-header .reserve.ramada-spa-cta::after,
.popular .outline-btn.ramada-spa-cta::before,
.popular .outline-btn.ramada-spa-cta::after,
.gallery .gallery-v117-link.ramada-spa-cta::before,
.gallery .gallery-v117-link.ramada-spa-cta::after{
  content:none!important;
  display:none!important;
}

/* Text */
#hero .rh-detail.ramada-spa-cta .btn-label,
.site-header .reserve.ramada-spa-cta .btn-label,
.popular .outline-btn.ramada-spa-cta > span,
.gallery .gallery-v117-link.ramada-spa-cta > span{
  position:static!important;
  display:inline-block!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Icons — explicit Font Awesome family so they always render */
#hero .rh-detail.ramada-spa-cta > i,
.site-header .reserve.ramada-spa-cta > i,
.popular .outline-btn.ramada-spa-cta > i,
.gallery .gallery-v117-link.ramada-spa-cta > i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  width:14px!important;
  height:14px!important;
  color:inherit!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Exact spa-master-btn hover language */
#hero .rh-detail.ramada-spa-cta:hover,
.site-header .reserve.ramada-spa-cta:hover,
.popular .outline-btn.ramada-spa-cta:hover,
.gallery .gallery-v117-link.ramada-spa-cta:hover{
  background:#d5a65f!important;
  background-image:none!important;
  border-color:#d5a65f!important;
  color:#111725!important;
  transform:translateY(-2px)!important;
  box-shadow:none!important;
}

/* Header reservation remains proportional in the existing header */
.site-header .reserve.ramada-spa-cta{
  min-width:126px!important;
}

/* Mobile: keep the same styling, just slightly tighter */
@media(max-width:700px){
  #hero .rh-detail.ramada-spa-cta,
  .site-header .reserve.ramada-spa-cta,
  .popular .outline-btn.ramada-spa-cta,
  .gallery .gallery-v117-link.ramada-spa-cta{
    min-height:44px!important;
    height:44px!important;
    padding:0 18px!important;
    gap:10px!important;
  }
}


/* ==========================================================
   V168 — BUTTONS = CURRENT SPA-MASTER-BTN
   + FOOTER SPACING ONLY
   ========================================================== */

/* Four requested buttons use the CURRENT final spa-master-btn shape */
html body #hero a.rh-detail.ramada-spa-cta,
html body header.site-header a.reserve.ramada-spa-cta,
html body #popular a.outline-btn.ramada-spa-cta,
html body #gallery a.gallery-v117-link.ramada-spa-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:auto!important;
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 23px!important;
  margin:0!important;

  border:1px solid #d5a65f!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;

  color:#d5a65f!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  text-decoration:none!important;

  overflow:visible!important;
  transform:none!important;
  transition:background .3s ease,color .3s ease,transform .3s ease!important;
}

/* Remove old button pseudo-effects */
html body #hero a.rh-detail.ramada-spa-cta::before,
html body #hero a.rh-detail.ramada-spa-cta::after,
html body header.site-header a.reserve.ramada-spa-cta::before,
html body header.site-header a.reserve.ramada-spa-cta::after,
html body #popular a.outline-btn.ramada-spa-cta::before,
html body #popular a.outline-btn.ramada-spa-cta::after,
html body #gallery a.gallery-v117-link.ramada-spa-cta::before,
html body #gallery a.gallery-v117-link.ramada-spa-cta::after{
  content:none!important;
  display:none!important;
}

/* Text + icon alignment */
html body #hero a.rh-detail.ramada-spa-cta .btn-label,
html body header.site-header a.reserve.ramada-spa-cta .btn-label,
html body #popular a.outline-btn.ramada-spa-cta > span,
html body #gallery a.gallery-v117-link.ramada-spa-cta > span{
  position:static!important;
  display:inline-block!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
}

html body #hero a.rh-detail.ramada-spa-cta > i,
html body header.site-header a.reserve.ramada-spa-cta > i,
html body #popular a.outline-btn.ramada-spa-cta > i,
html body #gallery a.gallery-v117-link.ramada-spa-cta > i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  color:inherit!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}

html body #hero a.rh-detail.ramada-spa-cta:hover,
html body header.site-header a.reserve.ramada-spa-cta:hover,
html body #popular a.outline-btn.ramada-spa-cta:hover,
html body #gallery a.gallery-v117-link.ramada-spa-cta:hover{
  background:#d5a65f!important;
  border-color:#d5a65f!important;
  color:#111725!important;
  transform:translateY(-2px)!important;
}

/* Keep reservation button naturally proportioned */
html body header.site-header a.reserve.ramada-spa-cta{
  min-width:126px!important;
}

/* ==========================================================
   FOOTER — spacing refinement only
   ========================================================== */

footer.footer{
  height:auto!important;
  padding-top:42px!important;
}

footer .footer-grid,
.footer .footer-grid{
  height:auto!important;
  padding:0 0 38px!important;
  gap:72px!important;
  align-items:start!important;
}

/* More breathing room under headings */
footer .footer-grid section h3,
.footer .footer-grid section h3{
  margin:0 0 18px!important;
}

/* Paragraph width/spacing */
footer .footer-grid section > p,
.footer .footer-grid section > p{
  margin:0 0 18px!important;
  max-width:390px!important;
}

/* Contact rows */
footer .contact-grid,
.footer .contact-grid{
  gap:14px 20px!important;
}

footer .contact-grid > div,
.footer .contact-grid > div{
  padding-bottom:10px!important;
}

/* Quick links less cramped */
footer .footer-links,
.footer .footer-links{
  gap:8px 22px!important;
}

/* Social icons separated from copy */
footer .footer-socials-v155,
.footer .footer-socials-v155{
  margin-top:22px!important;
}

/* Bottom bar spacing and left aligned copyright */
footer .footer-bottom,
.footer .footer-bottom{
  min-height:66px!important;
  height:auto!important;
  padding:18px 4.5vw!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

footer .footer-bottom > span,
.footer .footer-bottom > span{
  margin-left:0!important;
  margin-right:auto!important;
}

@media(max-width:900px){
  footer.footer{
    padding-top:34px!important;
  }

  footer .footer-grid,
  .footer .footer-grid{
    gap:42px!important;
    padding-bottom:32px!important;
  }
}

@media(max-width:600px){
  footer.footer{
    padding-top:30px!important;
  }

  footer .footer-grid,
  .footer .footer-grid{
    gap:34px!important;
    padding-bottom:28px!important;
  }

  footer .footer-bottom,
  .footer .footer-bottom{
    padding:16px 18px!important;
  }
}


/* ==========================================================
   V169 — ONLY HEADER RESERVATION BUTTON
   proportioned to the navigation
   ========================================================== */
html body header.site-header a.reserve.ramada-spa-cta{
  min-width:0!important;
  width:auto!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 16px!important;
  gap:8px!important;

  border:1px solid rgba(213,166,95,.9)!important;
  background:transparent!important;

  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
  color:#d5a65f!important;
}

html body header.site-header a.reserve.ramada-spa-cta .btn-label{
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
}

html body header.site-header a.reserve.ramada-spa-cta > i{
  width:12px!important;
  height:12px!important;
  font-size:11px!important;
  margin:0!important;
}

html body header.site-header a.reserve.ramada-spa-cta:hover{
  background:#d5a65f!important;
  border-color:#d5a65f!important;
  color:#111725!important;
  transform:none!important;
}

@media(max-width:1100px){
  html body header.site-header a.reserve.ramada-spa-cta{
    height:36px!important;
    min-height:36px!important;
    padding:0 13px!important;
    gap:7px!important;
    font-size:10px!important;
  }

  html body header.site-header a.reserve.ramada-spa-cta .btn-label{
    font-size:10px!important;
  }
}


/* ==========================================================
   V170 — ONLY HERO MOUSE ICON
   Remove the extra round/icon layer; preserve original mouse.
   ========================================================== */
#hero .mouse i,
#hero .mouse-icon i,
#hero .scroll-mouse i,
#hero [class*="mouse"] > i.fa,
#hero [class*="mouse"] > i.fa-solid,
#hero [class*="mouse"] > i.fa-regular{
  display:none!important;
}

/* Remove only decorative circular pseudo layer if one was added */
#hero .mouse::after,
#hero .mouse-icon::after,
#hero .scroll-mouse::after{
  content:none!important;
  display:none!important;
}


/* ==========================================================
   V171 — ONLY RESERVATION BUTTON ICON + COLOR
   ========================================================== */
html body header.site-header a.reserve.ramada-spa-cta{
  border-color:#d5a65f!important;
  background:rgba(17,23,37,.34)!important;
  color:#f0c77f!important;
}

html body header.site-header a.reserve.ramada-spa-cta > i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:13px!important;
  height:13px!important;
  margin-left:2px!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  color:#d5a65f!important;
  opacity:1!important;
  visibility:visible!important;
}

html body header.site-header a.reserve.ramada-spa-cta:hover{
  background:#d5a65f!important;
  border-color:#d5a65f!important;
  color:#111725!important;
}

html body header.site-header a.reserve.ramada-spa-cta:hover > i{
  color:#111725!important;
}


/* ==========================================================
   V172 — HERO MOUSE FEATURE DISABLED COMPLETELY
   ========================================================== */
#hero .mouse,
#hero .mouse-icon,
#hero .scroll-mouse,
#hero [class*="mouse-scroll"],
#hero [class*="scroll-mouse"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* ==========================================================
   V173 — RESERVATION BUTTON FINAL + MOUSE FULLY REMOVED
   ========================================================== */

/* Custom cursor and hero mouse are no longer in HTML; keep hard-disable safety */
.mouse-cursor,
#hero .rh-mouse{
  display:none!important;
}

/* Reservation: compact and proportional with menu */
html body header.site-header a.reserve.ramada-spa-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  width:auto!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 15px!important;
  margin:0!important;

  border:1px solid #d5a65f!important;
  border-radius:0!important;
  outline:0!important;
  background:#d5a65f!important;
  background-image:none!important;
  box-shadow:none!important;

  color:#111725!important;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;

  transform:none!important;
  transition:background .25s ease,color .25s ease,border-color .25s ease!important;
}

/* Kill every old pseudo-layer on reservation */
html body header.site-header a.reserve.ramada-spa-cta::before,
html body header.site-header a.reserve.ramada-spa-cta::after{
  content:none!important;
  display:none!important;
}

/* Label */
html body header.site-header a.reserve.ramada-spa-cta .btn-label{
  position:static!important;
  display:inline-block!important;
  color:inherit!important;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.025em!important;
}

/* Calendar icon — explicitly visible */
html body header.site-header a.reserve.ramada-spa-cta > i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  margin:0!important;
  color:#111725!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Hover: inverse, still site palette */
html body header.site-header a.reserve.ramada-spa-cta:hover{
  background:transparent!important;
  border-color:#d5a65f!important;
  color:#d5a65f!important;
  transform:none!important;
}

html body header.site-header a.reserve.ramada-spa-cta:hover > i{
  color:#d5a65f!important;
}

@media(max-width:1100px){
  html body header.site-header a.reserve.ramada-spa-cta{
    height:36px!important;
    min-height:36px!important;
    padding:0 13px!important;
    gap:7px!important;
  }
}


/* ==========================================================
   FINAL RESPONSIVE SAFEGUARDS
   Desktop design untouched. These rules apply only to
   tablet/mobile widths and prevent overflow/layout breakage.
   ========================================================== */

html, body{
  max-width:100%;
  overflow-x:hidden;
}

img, video, iframe{
  max-width:100%;
}

/* ---------- TABLET ---------- */
@media (max-width:1100px){

  .shell{
    width:min(100% - 40px, 1180px)!important;
  }

  /* Header: preserve desktop design, reduce spacing */
  .site-header .top-nav{
    gap:16px!important;
  }

  .site-header .top-nav a{
    font-size:14px!important;
  }

  /* Hero copy stays inside viewport */
  #hero .rh-content,
  #hero .hero-content{
    max-width:calc(100vw - 80px)!important;
  }

  #hero h1{
    max-width:100%!important;
  }

  /* Generic two-column content safety */
  #about .about-shot-grid,
  #story .story-v82-grid,
  #spa .spa-master-shell{
    column-gap:42px!important;
  }

  /* Footer */
  footer .footer-grid,
  .footer .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:42px!important;
  }
}

/* ---------- MOBILE / SMALL TABLET ---------- */
@media (max-width:820px){

  .shell{
    width:calc(100% - 32px)!important;
  }

  /* Header: desktop navigation yields to existing hamburger */
  .site-header .top-nav{
    display:none!important;
  }

  .site-header .header-inner,
  .site-header .nav-wrap{
    min-width:0!important;
  }

  .site-header .logo img{
    max-width:150px!important;
    height:auto!important;
  }

  html body header.site-header a.reserve.ramada-spa-cta{
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;
    gap:7px!important;
    font-size:10px!important;
  }

  /* Hero */
  #hero .rh-content,
  #hero .hero-content{
    width:auto!important;
    max-width:calc(100vw - 40px)!important;
    left:20px!important;
    right:20px!important;
  }

  #hero h1{
    font-size:clamp(34px,7vw,45px)!important;
    line-height:1.06!important;
    white-space:normal!important;
  }

  #hero .rh-copy,
  #hero .hero-copy{
    max-width:600px!important;
  }

  /* About / Story / Spa: stack only on mobile */
  #about .about-shot-grid,
  #story .story-v82-grid,
  #spa .spa-master-shell{
    grid-template-columns:1fr!important;
  }

  #about .about-shot-copy,
  #story .story-v82-copy,
  #spa .spa-master-copy{
    width:100%!important;
    max-width:none!important;
  }

  #about .about-shot-media,
  #story .story-v82-media,
  #spa .spa-master-media{
    width:100%!important;
    max-width:none!important;
  }

  /* Carousels: preserve JS engine, only size cards for viewport */
  #popular .popular-card,
  #roomList .room-card,
  #activities .activities-v129-card{
    min-width:min(78vw,420px)!important;
  }

  /* Event section */
  #meetingRestaurant .event-v92-slide,
  #meetingRestaurant .events-v92-slide{
    grid-template-columns:1fr!important;
  }

  /* Gallery */
  #gallery .gallery-v128-shell,
  #gallery .gallery-v117-shell{
    grid-template-columns:1fr!important;
  }

  /* Stats: 2 x 2 */
  #stats .stats-v145-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  /* Footer */
  footer .footer-grid,
  .footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
}

/* ---------- PHONE ---------- */
@media (max-width:600px){

  .shell{
    width:calc(100% - 28px)!important;
  }

  /* Header */
  .site-header .logo img{
    max-width:126px!important;
  }

  html body header.site-header a.reserve.ramada-spa-cta{
    height:34px!important;
    min-height:34px!important;
    padding:0 10px!important;
    gap:6px!important;
  }

  html body header.site-header a.reserve.ramada-spa-cta .btn-label{
    font-size:9px!important;
  }

  html body header.site-header a.reserve.ramada-spa-cta > i{
    width:11px!important;
    height:11px!important;
    font-size:10px!important;
  }

  /* Hero keeps accepted look but fits phone */
  #hero .rh-content,
  #hero .hero-content{
    max-width:calc(100vw - 28px)!important;
    left:14px!important;
    right:14px!important;
  }

  #hero h1{
    font-size:clamp(30px,9vw,40px)!important;
  }

  #hero .rh-subtitle,
  #hero .hero-subtitle{
    font-size:clamp(20px,6vw,28px)!important;
  }

  #hero .rh-copy,
  #hero .hero-copy{
    font-size:13px!important;
    line-height:1.55!important;
  }

  #hero .rh-thumbs{
    max-width:calc(100vw - 28px)!important;
    overflow:hidden!important;
  }

  /* Content headings */
  #about h2,
  #story h2,
  #spa h2,
  #gallery h2{
    font-size:clamp(30px,8vw,42px)!important;
    line-height:1.08!important;
  }

  /* Cards/carousels */
  #popular .popular-card,
  #roomList .room-card,
  #activities .activities-v129-card{
    min-width:84vw!important;
  }

  /* Stats become one column to avoid compressed labels */
  #stats .stats-v145-grid{
    grid-template-columns:1fr!important;
  }

  #stats .stats-v145-item{
    min-height:150px!important;
  }

  /* Spa image responsive, carousel logic untouched */
  #spa .spa-master-photo,
  #spa .spa-master-carousel{
    width:100%!important;
    max-width:100%!important;
  }

  /* Footer */
  footer .footer-grid,
  .footer .footer-grid{
    gap:30px!important;
  }

  footer .footer-bottom,
  .footer .footer-bottom{
    flex-wrap:wrap!important;
    gap:12px!important;
    padding:16px 14px!important;
  }
}

/* ---------- VERY SMALL PHONES ---------- */
@media (max-width:390px){
  .shell{
    width:calc(100% - 22px)!important;
  }

  .site-header .logo img{
    max-width:112px!important;
  }

  html body header.site-header a.reserve.ramada-spa-cta{
    padding:0 8px!important;
  }

  #hero .rh-content,
  #hero .hero-content{
    left:11px!important;
    right:11px!important;
    max-width:calc(100vw - 22px)!important;
  }
}