/* Tuna Butik Otel — onaylanan siyah/altın görünüm */
:root{--gold:#efbc55;--dark:#0b0a09}
body{background:#100e0c!important;color:#f5eee4}
.nav{background:rgba(10,9,8,.94)!important;border-bottom:1px solid rgba(239,188,85,.22)}
.nav-logo-main,.section-title,.hero-title{color:#fff!important}
.nav-reserve,.btn-primary{background:linear-gradient(110deg,#f8d47d,#e8ad41)!important;color:#18120b!important}
.hero{min-height:92vh;background:#100e0c}
.hero-bg{background:linear-gradient(90deg,rgba(5,5,5,.89) 0%,rgba(5,5,5,.60) 33%,rgba(5,5,5,.03) 75%),url('/images/tuna-kokteyl-bar-hero.jpg') center / cover no-repeat!important}
.hero-sun,.sun-reflection,.sparkles,.waves,.sea-base,.sailboat{display:none!important}
.hero-title em{color:#f3c66a!important}
.hero-badge{color:#f6e9d0!important}
.lux-intro,.lux-explore,.booking-bar,.section.rooms,.amenities,.reviews,.faq,.section{background:#14110f!important;color:#f5eee4!important}
.section-title,.lux-intro h2,.lux-explore h2{color:#fff!important}
.lux-intro p,.lux-explore p{color:#cbbfb0!important}
#odalar{display:none!important}
.tablet-rooms{padding:90px 5vw 110px;background:radial-gradient(ellipse at 65% 50%,#30241b 0%,#17120f 45%,#0b0a09 100%);color:#f8f2e9}
.tablet-wrap{max-width:1380px;margin:auto;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.65fr);gap:5%;align-items:center}
.tablet-eyebrow{color:#e7b34c;font-size:13px;letter-spacing:.22em;text-transform:uppercase}
.tablet-rooms h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:500;margin:15px 0 16px}
.tablet-intro{color:#c9bdad;line-height:1.8;margin-bottom:30px}
.room-choice{width:100%;display:flex;gap:14px;align-items:center;text-align:left;background:#201a16;border:1px solid #55442b;color:#fff;border-radius:13px;padding:12px;margin:12px 0;cursor:pointer;transition:.25s}
.room-choice.active,.room-choice:hover{border-color:#f0b94e;box-shadow:0 0 17px #c8953844}
.room-choice img{width:94px;height:70px;object-fit:cover;border-radius:8px}
.room-choice b{display:block;font-size:18px}.room-choice small{color:#c7bcae;display:block;margin-top:7px}
.room-choice .arrow{margin-left:auto;color:#f1bc57;font-size:25px}
.tablet-device{background:#050505;border:3px solid #7f766a;box-shadow:0 28px 80px #000b,0 0 0 7px #0c0b0b;border-radius:32px;padding:20px;display:grid;grid-template-columns:1.7fr 1fr;gap:20px;transform:translateY(90px);opacity:0;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s;min-width:0}
.tablet-device.visible{transform:translateY(0);opacity:1}
.tablet-main{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:13px}
.tablet-photo{position:relative}.tablet-photo button{position:absolute;top:45%;background:#111e;color:#ffd071;border:1px solid #e5af49;border-radius:50%;height:40px;width:40px;cursor:pointer;font-size:22px}
.tablet-photo .prev{left:10px}.tablet-photo .next{right:10px}
.tablet-thumbs{display:flex;gap:8px;margin-top:10px}.tablet-thumbs img{width:24%;aspect-ratio:1.6;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent}.tablet-thumbs img.active{border-color:#e7b34c}
.tablet-info{display:flex;flex-direction:column;justify-content:center}.tablet-info h3{font:36px Georgia,serif;margin:0 0 20px;color:#fff}.tablet-info p{color:#eee2d0;padding:7px 0;border-bottom:1px solid #4c3d2d}.tablet-info strong{color:#f4c361}.tablet-book{display:block;text-align:center;text-decoration:none;background:#f2bf57;color:#19140c!important;font-weight:700;padding:15px;border-radius:10px;margin-top:25px}
@media(max-width:900px){.tablet-wrap{grid-template-columns:1fr}.tablet-device{grid-template-columns:1fr 1fr}.tablet-rooms{padding:65px 5vw}}
@media(max-width:600px){.tablet-device{grid-template-columns:1fr;padding:12px;border-radius:20px}.tablet-info h3{font-size:28px}.tablet-info p{padding:4px 0}.hero{min-height:80vh}.tablet-device{transform:translateY(50px)}}
@media(prefers-reduced-motion:reduce){.tablet-device{transition:none;transform:none;opacity:1}}

/* Approved hotel exterior is the sole homepage image. */
.hero .tuna-slide{background-position:center center!important}
.hero .tuna-slide-controls{display:none!important}
/* Hero framing fix: show the whole exterior, terrace and bar without zoom cropping. */
@media (min-width: 901px) {
  .hero { min-height: 0!important; height: min(49vw, 790px)!important; }
  .hero-bg { background-size: 100% 100%!important; background-position: center center!important; }
  .hero-content { max-width: 780px; }
}
@media (max-width: 900px) {
  .hero-bg { background-size: cover!important; background-position: 42% center!important; }
}
/* Mask accidental baked-in caption on the lower-left of the source artwork. */
.hero-bg::after { display:block!important; content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,4,3,.86) 0%,rgba(5,4,3,.69) 24%,rgba(5,4,3,.15) 48%,transparent 72%)!important; }

/* 2026-11-11: actual hero rendering fix; overrides earlier cover/zoom rules. */
.hero {height:auto!important;min-height:min(78vw,760px)!important;max-height:none!important;background:#100e0c!important;overflow:hidden!important;}
.hero .hero-bg {position:absolute!important;inset:0!important;background-image:linear-gradient(90deg,rgba(5,5,5,.79) 0%,rgba(5,5,5,.55) 27%,rgba(5,5,5,.03) 64%),url('/images/tuna-kokteyl-bar-hero.jpg')!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;background-color:#100e0c!important;animation:none!important;transform:none!important;will-change:auto!important;}
.hero .hero-bg::after{display:none!important;}
.hero .hero-content{position:relative!important;z-index:5!important;}
@media(min-width:901px){.hero{min-height:clamp(600px,54vw,900px)!important;height:auto!important;}.hero .hero-bg{background-size:contain!important;}}
@media(max-width:900px){.hero{min-height:650px!important;height:auto!important;}.hero .hero-bg{background-size:contain!important;background-position:center center!important;}}


/* FINAL: correct full-frame exterior. No cover cropping, no zoom, no stretching. */
.hero#anasayfa{height:auto!important;min-height:0!important;aspect-ratio:1170 / 716!important;max-height:none!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;background:#0b0908!important}
.hero#anasayfa .hero-bg{position:absolute!important;inset:0!important;background-image:url('/images/tuna-kokteyl-bar-hero.jpg')!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;transform:none!important;animation:none!important;will-change:auto!important;z-index:0!important}
.hero#anasayfa .hero-bg:before,.hero#anasayfa .hero-bg:after{display:none!important}
.hero#anasayfa .hero-tint{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.54) 28%,rgba(0,0,0,.12) 56%,transparent 80%)!important}
.hero#anasayfa .hero-content{position:relative!important;z-index:3!important;padding:12px 0!important;margin:0 0 0 clamp(24px,5vw,90px)!important;max-width:min(550px,43vw)!important;transform:none!important}
.hero#anasayfa .hero-title{font-size:clamp(40px,5.5vw,90px)!important}
.hero#anasayfa .hero-scroll{z-index:4!important}
/* The supplied background is a screenshot containing accidental text and slide controls.
   Cover only those embedded pixels until a clean source image is supplied. */
.hero#anasayfa:after{content:''!important;position:absolute!important;left:0!important;bottom:0!important;width:11%!important;height:38%!important;background:linear-gradient(90deg,#090807 0%,rgba(9,8,7,.98) 65%,transparent 100%)!important;pointer-events:none!important;z-index:2!important}
.hero#anasayfa:before{content:''!important;position:absolute!important;left:22%!important;bottom:0!important;width:15%!important;height:5%!important;background:linear-gradient(90deg,transparent,#161311 25%,#161311 75%,transparent)!important;pointer-events:none!important;z-index:2!important}
@media(max-width:700px){.hero#anasayfa{aspect-ratio:auto!important;min-height:660px!important}.hero#anasayfa .hero-bg{background-size:cover!important;background-position:47% center!important}.hero#anasayfa .hero-content{max-width:90%!important;margin-left:20px!important}.hero#anasayfa .hero-title{font-size:clamp(42px,11vw,64px)!important}.hero#anasayfa:after{width:22%!important}}

/* Verified hero override — preserve image ratio and avoid CSS collisions */
@media(min-width:901px){
  body .hero#anasayfa{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1170/716!important;max-height:none!important}
  body .hero#anasayfa .hero-bg{background-image:url('/images/tuna-hero-clean.jpg')!important;background-size:100% auto!important;background-position:center center!important;background-repeat:no-repeat!important}
}
@media(max-width:900px){
  body .hero#anasayfa .hero-bg{background-image:url('/images/tuna-hero-clean.jpg')!important;background-size:cover!important;background-position:55% center!important}
}
body .hero#anasayfa::before,body .hero#anasayfa::after{display:none!important;content:none!important}
body .hero#anasayfa .hero-bg::before,body .hero#anasayfa .hero-bg::after{display:none!important}
body .hero#anasayfa .hero-tint{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.38) 34%,transparent 70%)!important}

/* ONAYLANAN TASARIM — sade, gerçek otel fotoğrafı; bar eklenmedi */
:root{--gold:#f2bf57;--turq-lt:#f2bf57}
html{overflow-x:hidden}body{background:#100e0c!important;overflow-x:hidden}
.hero#anasayfa{aspect-ratio:3/2!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#100e0c!important}
body .hero#anasayfa .hero-bg{background-image:url('/images/tuna-gercek-dis-cephe.jpg')!important;background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;transform:none!important;animation:none!important}
body .hero#anasayfa .hero-tint{background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.48) 31%,rgba(0,0,0,.03) 70%)!important}
.hero#anasayfa .hero-content{max-width:min(570px,44vw)!important;z-index:5!important}
.hero#anasayfa::after,.hero#anasayfa::before{display:none!important}
.tablet-rooms,.lux-intro,.lux-explore,.section,.amenities,.faq,.reviews,.booking-bar{background-color:#14110f!important;color:#f6eee2!important}
@media(max-width:700px){.hero#anasayfa{aspect-ratio:auto!important;min-height:640px!important}.hero#anasayfa .hero-bg{background-size:cover!important;background-position:52% center!important}.hero#anasayfa .hero-content{max-width:90%!important}}