/* Essens Spa — tasarım v4 (Ekim 2026)
   Mevcut style.css + typography-v3.css üzerine yüklenir; içerik ve işlevlere dokunmaz.
   Düzen: üst bilgi şeridi, program kısayolları, adımlı program kartları, bölünmüş çift alanı,
   ziyaret avantajları, galeri şeridi, kemerli detay görseli, koyu alt bilgi, kapsül iletişim butonları. */
:root{--sand:#d9c6a2;--stone:#ecebe2;--card:#fffdf8;--deep:#1d302a}
html{scroll-padding-top:120px}

/* Üst bilgi şeridi */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:9px 4%;background:var(--ink);color:#e7e9e0;font:400 12px/1.4 var(--sans);letter-spacing:.03em}
.topbar span,.topbar a{display:inline-flex;align-items:center;gap:8px;min-width:0}
.topbar .icon{width:14px;height:14px;color:var(--sand);flex:0 0 auto}
.topbar a:hover{color:#fff;text-decoration:underline}
.topbar span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Başlık */
.site-header{height:92px;gap:22px}
.site-header.scrolled{height:76px}
.site-header nav{margin-left:auto;gap:28px}
.site-header nav a{font-size:14px;letter-spacing:.01em}
.header-actions{gap:16px}
.header-actions .button.small{border-radius:0;padding:12px 18px;gap:14px}

/* Hero */
.hero{height:calc(100svh - 128px);min-height:640px;max-height:860px}
.hero-shade{background:linear-gradient(90deg,rgba(15,30,25,.86) 0%,rgba(15,30,25,.55) 46%,rgba(15,30,25,.08) 100%),linear-gradient(0deg,rgba(12,24,20,.5),transparent 42%)}
.hero-content{padding-top:clamp(80px,11vh,150px)}
.hero h1{font-size:clamp(54px,6vw,90px)}
.hero-buttons .button.cream{background:var(--sand);border-color:var(--sand);color:var(--deep)}
.hero-buttons .button.cream:hover{background:#e6d7bb}
.hero-bottom{border-top:0;padding-top:0}
.hero-bottom a{width:46px;height:46px}

.intro-strip{background:var(--card)}

/* Program kısayolları */
.program-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:34px;padding-bottom:6px}
.program-shortcuts>a{display:flex;align-items:center;gap:14px;min-height:78px;padding:16px 22px;background:var(--stone);border:1px solid #dcdacd;transition:background .2s,transform .2s,border-color .2s}
.program-shortcuts>a:hover{background:#e3e2d6;border-color:#c9c7b8;transform:translateY(-2px)}
.program-shortcuts>a>span:first-child{font-size:12px;color:var(--accent);letter-spacing:.08em}
.program-shortcuts strong{font:400 23px/1.15 var(--serif);letter-spacing:-.01em}
.program-shortcuts>a>span:last-child{margin-left:auto;display:grid;place-items:center}
.program-shortcuts .icon{width:18px;height:18px}

/* Program bölümleri */
.program-section{padding-top:80px;padding-bottom:40px;scroll-margin-top:110px}
.program-section+.program-section{border-top:1px solid var(--line)}
.program-section .section-heading{margin-bottom:38px}
.program-section .section-heading .eyebrow{margin-bottom:16px}
.program-section .group-description{font-size:16px;color:var(--muted);margin:16px 0 0;max-width:560px}
.program-section .section-heading>div:first-child{max-width:none}
.program-section .cards{align-items:stretch}
.services-groups .program-section:first-child{padding-top:50px}

/* Program kartı */
.program-card{display:flex;flex-direction:column;background:var(--card)}
.program-card .card-image img{aspect-ratio:1.32}
.program-card .card-content{display:flex;flex-direction:column;flex:1;padding:24px 24px 24px}
.card-meta{display:flex;justify-content:space-between;gap:12px;font:500 11px/1.4 var(--sans);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}
.card-meta span:last-child{color:var(--muted)}
.program-card h3{font-size:31px;line-height:1.08;min-height:0;margin-bottom:12px}
.program-card .card-content>p{font-size:15px;line-height:1.75;color:var(--muted);min-height:0;margin-bottom:18px}
.card-steps{list-style:none;counter-reset:step;padding:0;margin:0 0 22px;border-top:1px solid var(--line)}
.card-steps li{counter-increment:step;display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;color:#3f5149}
.card-steps li:before{content:counter(step,decimal-leading-zero);font-size:10px;letter-spacing:.08em;color:var(--accent);flex:0 0 20px}
.card-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.card-price{font:400 31px/1 var(--serif)}
.card-price small{display:block;font:400 11px/1.4 var(--sans);color:var(--muted);margin-top:6px;letter-spacing:.02em}
.card-book{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 18px;background:var(--ink);color:#fff;font:500 13px/1.2 var(--sans);letter-spacing:.02em;transition:background .2s,transform .2s}
.card-book:hover{background:#3b544b;transform:translateY(-1px)}
.card-book .icon{width:16px;height:16px}

/* Giriş bölümü (iki sütun) */
.intro-split{padding-top:100px;padding-bottom:70px}
.split{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}
.split h2{margin:0}
.split p{font-size:17px;color:var(--muted)}

/* Hakkımızda bölümü */
.about-section{background:var(--stone)}
.about-photo>img{border-radius:0 240px 0 0}

/* Masaj listesi */
.massage-section{padding-top:100px;scroll-margin-top:110px}

/* Çiftler — bölünmüş koyu alan */
.couple-banner.couple-feature{display:grid;grid-template-columns:1fr 1fr;min-height:0;background:var(--ink);overflow:hidden}
.couple-banner.couple-feature:after{content:none}
.couple-banner.couple-feature>img{position:static;width:100%;height:100%;min-height:600px;max-height:720px;object-fit:cover}
.couple-banner.couple-feature .couple-copy{margin:0;max-width:none;padding:80px clamp(40px,7vw,110px);align-self:center}
.couple-feature .couple-copy h2{font-size:clamp(42px,4.4vw,62px)}
.couple-feature .eyebrow.light{color:var(--sand)}
.couple-feature .couple-copy>p:not(.eyebrow){color:#c9d2ca;max-width:440px}
.couple-feature .button.cream{background:var(--sand);border-color:var(--sand);color:var(--deep)}

/* Ziyaret avantajları */
.visit-section{padding-bottom:70px}
.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.benefits article{border-top:1px solid #c9c8ba;padding-top:20px}
.benefits article>span{font-size:12px;letter-spacing:.1em;color:var(--accent)}
.benefits h3{font-size:27px;line-height:1.12;margin:20px 0 14px}
.benefits p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}

/* Galeri şeridi */
.gallery-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gallery-strip a{position:relative;display:block;overflow:hidden}
.gallery-strip img{width:100%;height:320px;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.gallery-strip a:hover img{transform:scale(1.05)}
.gallery-strip span{position:absolute;left:16px;bottom:14px;background:#f7f5efe8;padding:5px 11px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}

/* SSS */
.faq-section{padding-top:60px}

/* Kapanış */
.closing-cta{background:transparent;color:var(--ink);border-top:1px solid var(--line);padding:85px 0 105px}
.closing-cta .eyebrow.light{color:var(--accent)}
.closing-cta h2{font-size:clamp(40px,4.6vw,64px)}
.closing-cta .button.cream{background:var(--ink);border-color:var(--ink);color:#fff}
.closing-cta .button.cream:hover{background:#3b544b}

/* Alt bilgi */
footer{background:var(--ink);color:#e7e9e0;padding:70px 0 26px}
footer .footer-logo{filter:brightness(0) invert(1);opacity:.94}
.footer-grid p{color:#b9c4bc}
.footer-grid .eyebrow{color:var(--sand)}
.footer-grid>div>a:not(:first-child):hover,.social-links a:hover{color:#fff;text-decoration:underline}
.social-links{color:#dfe3da}
.social-links a{display:inline-flex;align-items:center;gap:7px}
.social-links .icon{width:16px;height:16px}
.footer-bottom{border-top-color:#ffffff22;color:#b9c4bc;align-items:center}
.footer-bottom a:hover,.footer-link-button:hover{color:#fff}
.alemodijital{color:var(--sand)}

/* Sayfa başlıkları */
.page-heading{max-width:none;text-align:left;padding-top:70px;padding-bottom:42px}
.page-heading h1{margin:0 0 22px;max-width:960px}
.page-heading>p:not(.eyebrow){margin:0;max-width:660px}
.page-services .page-heading{padding-bottom:10px}
.discount-note{text-align:left;max-width:none;margin:18px auto 0;color:var(--muted)}

/* Hizmet detayı */
.breadcrumbs{padding:26px 0}
.detail-grid{gap:80px;padding-top:10px;padding-bottom:40px}
.detail-photo img{aspect-ratio:.9;border-radius:260px 260px 0 0}
.option-list>a{transition:background .2s,padding .2s}
.option-list>a:hover{background:var(--stone);padding-inline:12px}
.included-panel{background:#ebe9df;border-top:3px solid var(--accent)}
.detail-body{padding-top:40px}

/* Blog */
.post-card .card-image img{transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.article-image img{height:460px}

/* Galeri, iletişim, rezervasyon */
.gallery-item img{transition:filter .4s,transform .9s}
.contact-photo>img{border-radius:0 0 0 220px}
.booking-main{background:#fff;border:1px solid #dddcd0;padding:34px}
.booking-summary{background:#ebe9df}

/* Kapsül iletişim butonları */
.floating-stack{right:22px;bottom:22px;gap:12px}
.floating-stack .assistant-launch,.floating-stack .floating-wa{min-height:52px;border-radius:999px;padding:0 22px;gap:10px;font:500 14px/1 var(--sans);box-shadow:0 8px 28px #0b1d172e;white-space:nowrap;transition:background .2s,transform .2s}
.floating-stack .assistant-launch{min-width:170px;justify-content:center;background:var(--ink)}
.floating-stack .assistant-launch:hover{background:#34504a;transform:translateY(-1px)}
.floating-stack .floating-wa{min-width:132px;justify-content:center;background:#1fc365}
.floating-stack .floating-wa:hover{background:#18a957;transform:translateY(-1px)}
.floating-stack .floating-wa span{display:inline}

/* Duyarlı düzen */
@media(max-width:1100px){
 .program-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .split{gap:50px}
 .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
 .couple-banner.couple-feature .couple-copy{padding:56px 40px}
 .program-card .card-content{padding:22px 20px}
 .program-card h3{font-size:28px}
 .site-header nav{gap:16px}
 .site-header nav a{font-size:13px}
}
@media(max-width:850px){
 .topbar span:first-child{display:none}
 .topbar{justify-content:center;gap:22px}
 .site-header{height:80px}
 .site-header nav{margin-left:0}
 .header-actions{margin-left:auto}
 .hero{height:calc(90svh - 112px);min-height:620px}
 .split{grid-template-columns:1fr;gap:20px}
 .intro-split{padding-top:70px;padding-bottom:40px}
 .couple-banner.couple-feature>img{min-height:480px}
 .gallery-strip{grid-template-columns:repeat(2,1fr)}
 .gallery-strip img{height:260px}
 .card-actions{align-items:flex-start;flex-direction:column}
 .card-book{width:100%}
 .detail-photo img{border-radius:200px 200px 0 0}
 .booking-main{padding:26px}
}
@media(max-width:600px){
 .topbar{font-size:11px;padding:8px 14px}
 .topbar span:nth-child(2){display:none}
 .site-header{height:72px}
 .site-header.scrolled{height:66px}
 .hero{height:calc(100svh - 156px);min-height:600px}
 .program-shortcuts{grid-template-columns:1fr;gap:8px;padding-top:20px}
 .program-shortcuts>a{min-height:58px;padding:12px 16px}
 .program-shortcuts strong{font-size:21px}
 .program-section{padding-top:48px;padding-bottom:28px}
 .program-section .section-heading{margin-bottom:26px}
 .program-section .group-description{font-size:15px}
 .program-card h3{font-size:30px}
 .card-actions{flex-direction:row;align-items:center}
 .card-book{width:auto}
 .intro-split{padding-top:55px;padding-bottom:20px}
 .split p{font-size:16px}
 .about-photo>img{border-radius:0 140px 0 0}
 .massage-section{padding-top:60px}
 .couple-banner.couple-feature{grid-template-columns:1fr}
 .couple-banner.couple-feature>img{min-height:0;height:340px}
 .couple-banner.couple-feature .couple-copy{padding:46px 20px 54px}
 .couple-feature .couple-copy h2{font-size:40px}
 .benefits{grid-template-columns:1fr;gap:22px}
 .benefits h3{font-size:25px;margin-top:14px}
 .gallery-strip{gap:6px}
 .gallery-strip img{height:200px}
 .gallery-strip span{left:10px;bottom:10px;font-size:9px;padding:4px 8px}
 .closing-cta{padding:60px 0 70px}
 .page-heading{padding-top:44px;padding-bottom:26px}
 .detail-photo img{border-radius:160px 160px 0 0}
 .contact-photo>img{border-radius:0 0 0 120px}
 .booking-main{padding:20px 16px}
}
@media(max-width:760px){
 .floating-stack{right:14px;bottom:72px}
 .floating-stack .assistant-launch,.floating-stack .floating-wa{min-width:0;width:52px;padding:0}
 .floating-stack .assistant-launch span,.floating-stack .floating-wa span{display:none}
}
@media(max-width:380px){.card-actions{flex-direction:column;align-items:stretch}.card-book{width:100%}}
@media(min-width:761px){.hero-bottom{right:calc(4% + 190px)}}
@media(max-width:850px){.site-header nav.language-switch{display:inline-flex;position:static;left:auto;right:auto;top:auto;flex-direction:row;align-items:center;gap:2px;padding:3px;margin:0;box-shadow:none;border:1px solid #cdd5c8;border-top:1px solid #cdd5c8;background:#ffffffee;max-height:none;overflow:visible}}
@media(max-width:760px){.site-header nav.language-switch{gap:0;padding:2px}}