.detail-header{background:#142019}.detail-header .header-slot{height:106px}.detail-header .header{background:#142019}
.detail-hero{position:relative;min-height:620px;padding:70px max(7vw,24px) 75px;background:#18201B;overflow:hidden;display:flex;align-items:center}
.detail-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102018ef 0%,#102018b0 44%,#10201830 100%),url('/assets/photos/hamam-genel.webp') center/cover}
.detail-hero-content{position:relative;max-width:720px}.detail-breadcrumb{font-size:10px;color:#d0c5b1;letter-spacing:1px;margin-bottom:55px}.detail-breadcrumb a{border-bottom:1px solid #bc995d66}
.detail-label{font-size:10px;letter-spacing:2.4px;color:#d1b882;text-transform:uppercase}.detail-hero h1{font-size:clamp(65px,7vw,110px);line-height:1;letter-spacing:-2px;margin:23px 0 25px}.detail-hero h1 em{color:#d8ba7f;font-weight:600}.detail-lead{font-size:14px;line-height:1.9;max-width:390px;color:#d3d6c9}.detail-hero .cta{width:max-content;margin-top:30px}.detail-image-note{position:absolute;right:30px;bottom:25px;font-size:9px;color:#e8dec9;letter-spacing:1px}
.detail-overview{background:#F6F2EA;color:#18201B;padding:105px max(7vw,24px);display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.detail-overview figure{margin:0;position:relative;padding-bottom:40px}.detail-overview img{width:100%;height:480px;object-fit:cover;border-radius:2px 70px 2px 2px}.detail-photo-caption{position:absolute;bottom:0;right:-20px;background:#18201B;color:#d5bd88;padding:24px 32px;font:600 29px Cormorant,Georgia,serif}.detail-overview h2,.detail-gallery h2,.detail-faq h2,.detail-booking h2{font:600 clamp(40px,4.5vw,64px)/1.08 Cormorant,Georgia,serif;letter-spacing:-1px;margin:18px 0 25px}.detail-overview h2 em{color:#9c7a40}.detail-overview p{font-size:13px;line-height:1.95;color:#5c645b;max-width:460px}.detail-info{margin-top:30px;border-top:1px solid #bc995d66}.detail-info div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #bc995d44;font-size:11px}.detail-info strong{font-weight:400;color:#737b6e;text-align:right}
.detail-gallery{padding:95px max(7vw,24px);background:#18201B}.detail-gallery-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.detail-gallery-heading p{max-width:280px;font-size:12px;line-height:1.8;color:#bdc5b7}.detail-gallery-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-top:40px;align-items:start}.detail-gallery figure{margin:0}.detail-gallery figure+figure{padding-top:60px}.detail-gallery button{display:block;width:100%;border:0;background:transparent;padding:0;overflow:hidden;border-radius:3px 3px 50px 3px}.detail-gallery img{display:block;width:100%;height:360px;object-fit:cover;transition:transform .7s}.detail-gallery button:hover img{transform:scale(1.04)}.detail-gallery figcaption{font-size:10px;color:#c9ba9a;margin-top:15px;letter-spacing:1px}
.detail-faq{background:#EAE2D5;color:#18201B;padding:90px max(7vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.detail-faq details{border-bottom:1px solid #bc995d55;padding:24px 0}.detail-faq summary{cursor:pointer;font-size:15px;line-height:1.6}.detail-faq details p{font-size:12px;line-height:1.9;color:#596254}.detail-booking{background:#DCCCB0;color:#18201B;padding:75px max(7vw,24px);display:flex;justify-content:space-between;gap:45px;align-items:center}.detail-booking h2{max-width:650px;margin:12px 0}.detail-booking .cta{background:#18201B;color:#f6f2ea;flex-shrink:0}.detail-booking p{font-size:12px;line-height:1.8;color:#515b4d}.detail-lightbox{border:1px solid #bc995d66;background:#101811;padding:10px;max-width:90vw}.detail-lightbox::backdrop{background:#000b}.detail-lightbox img{display:block;max-width:85vw;max-height:80vh}.detail-lightbox button{display:block;margin:0 0 10px auto;background:none;border:0;color:#f6f2ea;font-size:14px;padding:8px}
@media(max-width:760px){.detail-header .header-slot{height:86px}.detail-hero{min-height:560px;padding-top:35px}.detail-breadcrumb{margin-bottom:45px}.detail-overview{grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:60px}.detail-overview img{height:330px}.detail-photo-caption{right:0;font-size:24px;padding:20px}.detail-gallery{padding-top:60px;padding-bottom:60px}.detail-gallery-heading{display:block}.detail-gallery-grid{grid-template-columns:1fr;gap:30px}.detail-gallery figure+figure{padding-top:0}.detail-gallery img{height:280px}.detail-faq{grid-template-columns:1fr;gap:15px;padding-top:60px;padding-bottom:60px}.detail-booking{display:block;padding-top:55px;padding-bottom:55px}.detail-booking .cta{margin-top:25px;width:max-content}.detail-image-note{right:24px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.detail-gallery button:hover img{transform:none}}

.detail-gallery-grid{grid-template-columns:1.55fr 1fr;grid-template-rows:repeat(2,210px);gap:24px;align-items:stretch}
.detail-gallery-grid figure:first-child{grid-row:1/3}.detail-gallery-grid figure+figure{padding-top:0}
.detail-gallery-grid figure{position:relative;min-height:0}.detail-gallery-grid button{height:100%}.detail-gallery-grid img{height:100%;width:100%;object-fit:cover}.detail-gallery-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 20px 16px;background:linear-gradient(transparent,#101811d9);margin:0;pointer-events:none}
.detail-gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:28px;color:#d7ba83;font-size:11px;letter-spacing:2px}.detail-gallery-controls>div{display:flex;gap:12px}.detail-gallery-controls button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #bc995d66;border-radius:50%;color:#d7ba83;background:transparent;font-size:20px;margin:0}.detail-gallery-controls button:hover{background:#bc995d22}
.detail-lightbox{width:min(1050px,94vw)}.detail-lightbox>img{width:100%;height:65vh;object-fit:contain;max-width:none}.detail-lightbox .detail-gallery-controls{margin:15px 10px 5px}
@media(max-width:760px){.detail-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 140px;gap:14px}.detail-gallery-grid figure:first-child{grid-column:1/-1;grid-row:1}.detail-gallery-grid figcaption{font-size:8px;padding:22px 12px 12px;letter-spacing:.5px}.detail-lightbox>img{height:55svh}}

/* Photo-first fullscreen viewer. */
.detail-lightbox{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:0;background:#080c0bf5;overflow:hidden;color:#f6f2ea}
.detail-lightbox::backdrop{background:#080c0b}
.detail-lightbox>img{position:absolute;inset:32px 72px 44px;width:calc(100% - 144px);height:calc(100% - 76px);max-width:none;max-height:none;object-fit:contain}
.detail-lightbox [data-lightbox-close]{position:absolute;z-index:2;top:18px;right:22px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#161d1bb3;color:#eee;font:300 32px/1 Arial;display:grid;place-items:center}
.detail-lightbox .detail-gallery-controls{position:absolute;inset:0;margin:0;pointer-events:none}
.detail-lightbox .detail-gallery-controls button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:46px;height:58px;border:0;border-radius:3px;background:#161d1b99;color:#fff;font-size:26px}
.detail-lightbox [data-lightbox-prev]{left:12px}.detail-lightbox [data-lightbox-next]{right:12px}
.detail-lightbox [data-lightbox-count]{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);font-size:10px;letter-spacing:2px;color:#b4bcb7}
@media(max-width:760px){.detail-lightbox>img{inset:65px 8px 60px;width:calc(100% - 16px);height:calc(100% - 125px)}.detail-lightbox [data-lightbox-close]{top:12px;right:12px}.detail-lightbox .detail-gallery-controls button{top:auto;bottom:8px;transform:none;width:44px;height:44px;background:transparent}.detail-lightbox [data-lightbox-count]{bottom:24px}}

/* Consistent, readable primary navigation. */
.nav{font-size:15px;gap:28px}.nav .chevron{font-size:12px}
@media(min-width:761px) and (max-width:1100px){.nav{font-size:14px;gap:18px}}
@media(max-width:760px){.nav{font-size:16px;gap:23px}}

/* Footer navigation legibility. */
.footer-nav{font-size:14px;line-height:1.6;gap:12px;color:#d2d8cb}.footer-title{font-size:11px;letter-spacing:1.5px}.footer-socials svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
@media(max-width:760px){.footer-nav{font-size:13px}.footer-title{font-size:10px}}