/* Tuna Atelier — cinematic premium experience */
:root{--tuna-gold:#c8a875;--tuna-ink:#101a1b;--tuna-cream:#f8f5ef}
html{scroll-behavior:smooth}body{overflow-x:hidden}
.hero{isolation:isolate;overflow:hidden;background:#111d1e}
.hero-bg{background-image:none!important;z-index:-3!important}
.tuna-slides{position:absolute;inset:0;z-index:-2;pointer-events:none}
.tuna-slide{position:absolute;inset:0;opacity:0;background-size:cover;background-position:center;transform:scale(1.09);transition:opacity 1.5s ease,transform 7s ease}
.tuna-slide.active{opacity:1;transform:scale(1)}
.hero-tint{background:linear-gradient(90deg,rgba(9,18,19,.76),rgba(9,18,19,.32) 65%,rgba(9,18,19,.42))!important;z-index:-1!important}
.hero-content{position:relative;z-index:2}.hero-title{letter-spacing:-.045em;text-shadow:0 8px 35px #0005}
.hero-title em{color:#e4c89d!important}.btn-primary{background:#c8a875!important;color:#162020!important;border-color:#c8a875!important}
.btn-primary:hover{background:#e8d2ae!important;transform:translateY(-3px)}
.tuna-slide-controls{position:absolute;bottom:94px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:12px}
.tuna-slide-dot{width:28px;height:3px;background:#ffffff75;border:0;cursor:pointer;transition:.3s;padding:0}.tuna-slide-dot.active{width:54px;background:#e4c89d}
.rooms-grid{display:flex!important;gap:24px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:12px 4px 26px!important;grid-template-columns:none!important}
.rooms-grid::-webkit-scrollbar{display:none}.rooms-grid>.room-card{flex:0 0 min(390px,85vw)!important;scroll-snap-align:start;transition:transform .4s,box-shadow .4s!important}.rooms-grid>.room-card:hover{transform:translateY(-9px)!important;box-shadow:0 22px 50px #0002}
.room-img{overflow:hidden}.room-img img{transition:transform .8s!important}.room-card:hover .room-img img{transform:scale(1.09)}
.tuna-room-controls{display:flex;gap:10px;justify-content:flex-end;margin:0 0 16px}.tuna-room-arrow{height:44px;width:44px;border:1px solid #c8a875;background:transparent;color:#a28050;border-radius:50%;cursor:pointer;font-size:22px;transition:.25s}.tuna-room-arrow:hover{background:#c8a875;color:#172020}
@media(max-width:700px){.tuna-slide-controls{bottom:105px}.hero-title{font-size:clamp(42px,10vw,70px)!important}.rooms-grid>.room-card{flex-basis:85vw!important}}
@media(prefers-reduced-motion:reduce){.tuna-slide,.room-img img{transition:none!important}html{scroll-behavior:auto}}

/* Premium black & gold refresh — real hotel photography preserved */
:root{--tuna-gold:#d6ab57;--tuna-ink:#0a0b0d;--tuna-cream:#f7f2e8}
body{background:#0b0b0d!important;color:#eae5db}
.hero{min-height:92vh!important;background:#080809!important;align-items:flex-start!important}
.hero-content{margin-left:clamp(24px,5vw,100px);text-align:left!important;max-width:680px;padding:130px 20px 130px 0!important}
.hero-title{color:#fff!important;font-family:Georgia,serif!important;font-weight:500!important;font-size:clamp(55px,7vw,108px)!important;line-height:1.03!important;letter-spacing:-.03em!important}
.hero-title em{color:#e4b85f!important;font-style:normal!important}
.hero-eyebrow{color:#e4b85f!important;letter-spacing:.24em!important}
.hero-sub{color:#f1e8d8!important}
.hero-tint{display:block!important;background:linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.58) 32%,rgba(0,0,0,.08) 74%),linear-gradient(0deg,rgba(0,0,0,.30),transparent 55%)!important;z-index:-1!important}
.tuna-slide{background-position:center center!important}
.hero-badges{position:relative!important;z-index:3!important}
.hero-badge{color:#e8c37a!important}
.btn-primary{background:linear-gradient(120deg,#eac16d,#bd8a37)!important;color:#101010!important;border:1px solid #e8c77f!important}
.btn-outline{border-color:#c9a254!important;color:#f5dfb1!important}
.room-name,.room-type,.section-title,.section-tag{color:#d9ae60!important}
.room-card{background:#161618!important;border:1px solid #9c783f55!important;color:#f2ece1!important}
.room-desc,.section-lead{color:#cfc9bd!important}
.rooms-grid{margin-top:38px!important}
#odalar{padding-top:115px!important}
.tuna-slide-controls{bottom:30px!important}
@media(max-width:700px){.hero{min-height:90svh!important}.hero-content{margin-left:20px!important;padding:110px 12px 100px 0!important}.hero-title{font-size:clamp(46px,12vw,70px)!important}.hero-tint{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.26))!important}}