/* AGAGSIA Smile · UK landing tasarimi (v2)
 * Yaklasim: "klinik editoryal". Marka renkleri (logo pembesi + lacivert) korunur ama duzen ve deneyim
 * eski LP'den ve smileagagsia.co.uk'ten bilerek ayrilir:
 *   - sade, donusum odakli ust cubuk (menu yok: logo + telefon + tek CTA)
 *   - lacivert tam-genislik hero, kemer (arch) formlu before/after karti
 *   - sola yasli, numarali editoryal bolum basliklari (01 / 02 ...)
 *   - kalin lacivert cerceve + sert (blur'suz) ofset golgeli kartlar ve butonlar
 *   - lacivert / krem / pembe ritimli bolumler
 * Satir ici CSS'ten SONRA yuklenir. A/B (index.html / index-b.html) her iki varyantta ayni gorunumu kullanir;
 * varyant farki yalnizca WhatsApp butonu ve menu sirasidir (menu bu tasarimda gizli).
 */
:root{
  --navy:#122d46; --navy-2:#1b3d5e; --pink:#e30e7f; --pink-d:#b80a64; --pink-l:#fdeaf3;
  --cream:#f6f1ea; --cream-2:#ece4d8; --sage:#2f6b3a; --sage-l:#e6f0e3;
  --ink:#122d46; --ink-2:#2c4560; --muted:#566b80;
  --paper:#ffffff; --sand:#f6f1ea; --sand-2:#ece4d8;
  --teal:#e30e7f; --teal-d:#b80a64; --teal-l:#fdeaf3;
  --gold:#2f6b3a; --gold-l:#e6f0e3;
  --line:rgba(18,45,70,.16);
  --shadow:none; --shadow-lg:6px 6px 0 var(--navy);
  --r:12px; --r-lg:16px; --maxw:1220px;
  --wa:#0f7b6c; --wa-d:#0b6357;
  --off:4px 4px 0 var(--navy);
  color-scheme:light;
}
html{scroll-padding-top:92px}
section[id],main[id]{scroll-margin-top:92px}
body{font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--cream);color:var(--navy);line-height:1.65;counter-reset:sec}
h1,h2,h3,h4{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.08;color:var(--navy)}
h1{font-size:clamp(2.5rem,6vw,4.6rem)}
h2{font-size:clamp(2rem,4.4vw,3.5rem)}
h3{font-size:1.28rem;line-height:1.2;letter-spacing:-.015em}
input,select,textarea,button{font-family:inherit}
.theme-toggle,.theme-lang,.langdd,.topbar{display:none!important}

/* ---------- Butonlar: kalin cerceve + sert golge ---------- */
.btn{font-weight:800;border-radius:12px;border:2px solid var(--navy);letter-spacing:0;box-shadow:var(--off);transition:transform .12s ease,box-shadow .12s ease,background .15s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--navy)}
.btn-primary{background:var(--pink);color:#fff}
.btn-primary:hover{background:var(--pink-d)}
.btn-ghost{background:#fff;color:var(--navy);border-color:var(--navy)}
.btn-ghost:hover{background:#fff;color:var(--navy)}
.btn-gold{background:var(--sage);color:#fff}
.btn-lg{padding:17px 30px}

/* ---------- Ust cubuk: logo + telefon + tek CTA ---------- */
header#hdr,header{position:sticky;top:0;z-index:60;background:#fff!important;backdrop-filter:none!important;border:0!important;border-bottom:2px solid var(--navy)!important;box-shadow:none!important;padding:0}
header.stuck{box-shadow:0 6px 0 rgba(18,45,70,.08)!important}
header .wrap{max-width:var(--maxw);padding-inline:clamp(16px,3vw,32px)}
.nav{display:flex!important;align-items:center;justify-content:space-between;height:76px;gap:16px;padding:0}
.logo img{height:46px;width:auto}
.nav-cta{display:flex;align-items:center;gap:12px;margin-left:auto}
.hdr-phone{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy);font-weight:800;font-size:1rem;white-space:nowrap}
.hdr-phone .hp-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cream);border:2px solid var(--navy)}
.hdr-phone small{display:block;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1}
.hdr-phone b{display:block;line-height:1.2}
.nav-cta .btn{padding:11px 20px;font-size:.92rem}
.callbtn{display:inline-flex!important;width:44px;height:44px;border:2px solid var(--navy);border-radius:12px;background:var(--wa);color:#fff;box-shadow:3px 3px 0 var(--navy)}
.callbtn:hover{background:var(--wa-d)}
@media (max-width:760px){
  .nav{height:64px}
  .logo img{height:38px}
  .hdr-phone span.hp-txt{display:none}
  .nav-cta .btn{padding:10px 14px;font-size:.84rem}
  .nav-cta{gap:8px}
}
@media (max-width:380px){.nav-cta .btn{display:none}}

/* ---------- Hero: lacivert tam-genislik ---------- */
.hero{background:var(--navy);color:#fff;margin:0;padding:0;border-radius:0 0 clamp(28px,5vw,64px) clamp(28px,5vw,64px);overflow:hidden}
.hero::before{width:640px;height:640px;right:-180px;top:-260px;background:radial-gradient(circle,rgba(227,14,127,.45),transparent 65%)}
.hero::after{width:520px;height:520px;left:-200px;bottom:-280px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 66%)}
.hero-grid{max-width:var(--maxw);gap:clamp(32px,5vw,72px);padding-block:clamp(44px,6vw,88px) clamp(52px,7vw,96px)}
.hero .eyebrow{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff;box-shadow:none;border-radius:999px;padding:7px 14px;letter-spacing:.08em}
.hero h1{color:#fff;font-weight:800}
.hero h1 span{font-style:normal;color:#fff;background:linear-gradient(transparent 62%,var(--pink) 62%,var(--pink) 92%,transparent 92%);padding:0 .06em}
.hero .lead{color:rgba(255,255,255,.8)}
.hero .btn{border-color:#fff;box-shadow:4px 4px 0 rgba(255,255,255,.35)}
.hero .btn:hover{box-shadow:2px 2px 0 rgba(255,255,255,.35)}
.hero .btn-ghost{background:transparent;color:#fff}
.hero-trust{border-top:1px solid rgba(255,255,255,.22)}
.hero-trust b{color:#fff;font-family:"Bricolage Grotesque",sans-serif;font-weight:800}
.hero-trust span{color:rgba(255,255,255,.7)}
.stars{color:#ffc247}
.smile-card{background:#fff;border:2px solid #fff;border-radius:200px 200px 22px 22px;padding:14px 14px 20px;box-shadow:10px 10px 0 var(--pink)}
.smile-card .ba{border-radius:190px 190px 12px 12px}
.ba-tag{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
.ba-right .ba-tag{background:var(--pink);color:#fff;border-color:var(--navy)}
.ba-left{background:linear-gradient(150deg,#ece4d8,#d9cfc0)}
.card-meta{padding-inline:12px;border-top:2px solid var(--navy)}
.card-meta strong{font-family:"Bricolage Grotesque",sans-serif;font-weight:700}
.price-tag{background:var(--pink-l);color:var(--pink-d);border:1.5px solid var(--navy);font-weight:800}
.float-badge{border-radius:12px;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy);color:var(--navy)}
.float-badge .dot{background:#2fa84f;box-shadow:0 0 0 4px rgba(47,168,79,.2)}

/* ---------- Guven seridi ---------- */
.trustbar{background:var(--pink);color:#fff;border-block:2px solid var(--navy);margin-top:0}
.trustbar::before{background:linear-gradient(90deg,var(--pink),transparent)}
.trustbar::after{background:linear-gradient(270deg,var(--pink),transparent)}
.tb-list li{font-weight:700;opacity:1}

/* ---------- Editoryal bolumler: sola yasli + numarali ---------- */
.sec{padding:clamp(64px,9vw,124px) 0;counter-increment:sec}
.sec .center{text-align:left}
.sec .center .lead{margin-left:0;margin-right:0}
.sec>.wrap>.center.rv{max-width:760px;margin-bottom:8px}
.eyebrow{background:none;border:0;border-radius:0;padding:0;box-shadow:none;color:var(--pink);font-weight:800;letter-spacing:.16em;font-size:.74rem;margin-bottom:14px}
.eyebrow.gold{background:none;color:var(--pink);border:0}
.sec .center>.eyebrow::before,.sec .rv>.eyebrow:first-child::before{content:counter(sec,decimal-leading-zero) " /";color:var(--navy);margin-right:8px;font-weight:800}
.contact .eyebrow::before,.contact .eyebrow{color:#fff}
.lead{color:var(--muted);font-size:1.12rem}
#treatments{background:var(--cream)}
#why-us{background:#fff!important}
#pricing{background:var(--cream)}
#gallery{background:#fff}
#process{background:var(--navy)!important;color:#fff}
#services{background:var(--cream-2)!important}
#team{background:#fff}
#reviews{background:var(--pink-l)!important;border:0}
#faq{background:var(--cream)!important}
#clinic{background:#fff}
#process h2,#process h3{color:#fff}
#process .lead,#process .step p{color:rgba(255,255,255,.75)}
#process .eyebrow,#process .eyebrow::before{color:#ffc247}
.band-accent{border:0}

/* ---------- Kartlar ---------- */
.card,.quote,.doc,.panel,.tp-sum,.tp-card{background:#fff;border:2px solid var(--navy);border-radius:var(--r-lg);box-shadow:none;transition:transform .14s ease,box-shadow .14s ease}
.card:hover,.quote:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--navy);border-color:var(--navy)}
.hero-treat:hover{transform:none;box-shadow:none}
.icon,.ci-sm,.uk-item .ui{background:var(--pink-l);border:2px solid var(--navy);border-radius:12px;color:var(--navy)}
.icon svg,.ci-sm svg{stroke:var(--navy)}
.hero-treat{background:#fff;border:2px solid var(--navy);box-shadow:8px 8px 0 var(--navy)}
.hero-treat:hover{box-shadow:8px 8px 0 var(--navy)}
.treat-price{background:var(--pink);color:#fff;border:2px solid var(--navy);border-radius:var(--r-lg)}
.treat-price small,.treat-price span{color:rgba(255,255,255,.88)}
.treat-price b{font-family:"Bricolage Grotesque",sans-serif;font-weight:800}
.treat-price strong{color:#fff}
.tick{background:var(--navy)}
.panel{background:var(--cream);box-shadow:6px 6px 0 var(--navy)}
.ptable{border:2px solid var(--navy);border-radius:var(--r-lg);box-shadow:8px 8px 0 var(--navy)}
.ptable thead th{background:var(--navy);color:#fff}
.ptable th,.ptable td{border-bottom:1px solid var(--line)}
.ptable .tr-hl{background:var(--pink-l);color:var(--pink-d);font-weight:800}
.ptable td.save{color:var(--sage);font-weight:800}
.row-star td{background:#fff6fa}
.row-star .tr-hl{background:var(--pink);color:#fff}
.step{padding-top:0}
.step::after{display:none}
.step::before{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:4.2rem;color:transparent;-webkit-text-stroke:2px var(--pink);margin-bottom:12px}
.step h3{color:#fff}
.avatar{background:var(--pink);border:2px solid var(--navy)}
.doc-role{color:var(--pink-d);font-weight:800}
.doc{overflow:hidden}
.case{border:2px solid var(--navy);border-radius:var(--r-lg)}
.cl-switch{border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy)}
.cl-switch button[aria-pressed="true"]{background:var(--navy);color:#fff}
.cl-tags li{border:1.5px solid var(--navy);background:#fff}
.cl-photo{border:2px solid var(--navy)}
.bag-nav{border:2px solid var(--navy)}

/* ---------- SSS ---------- */
details{background:#fff;border:2px solid var(--navy);border-radius:var(--r);box-shadow:none;margin-bottom:14px}
details[open]{border-color:var(--navy);box-shadow:5px 5px 0 var(--navy)}
summary{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.08rem}
summary::after{content:"+";display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pink);color:#fff;font-size:1.3rem;flex:0 0 auto}

/* ---------- Iletisim ---------- */
.contact{background:var(--navy);color:#fff}
.contact::before{background:radial-gradient(circle,rgba(227,14,127,.4),transparent 65%)}
.contact h2{color:#fff}
.contact .lead,.contact-list span{color:rgba(255,255,255,.78)}
.ci{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.35)}
form{background:#fff;color:var(--navy);border:2px solid #fff;border-radius:22px;box-shadow:10px 10px 0 var(--pink)}
input,select,textarea{border:2px solid var(--navy);border-radius:10px;background:#fff;color:var(--navy)}
input:focus,select:focus,textarea:focus,.phone-wrap:focus-within{border-color:var(--pink);box-shadow:0 0 0 4px rgba(227,14,127,.18)}
.consent input:checked{background:var(--pink);border-color:var(--navy)}
.ok-msg{background:var(--sage-l);border:2px solid var(--sage);color:var(--sage)}
.ok-ev-box{border:2px solid var(--navy);background:var(--pink-l)}

/* ---------- Footer / FAB / cerez ---------- */
footer{background:var(--navy);color:rgba(255,255,255,.72);border-top:6px solid var(--pink)}
.f-top{border-bottom-color:rgba(255,255,255,.18)}
footer h4{font-family:Figtree,sans-serif;color:#fff}
.f-uk{margin-top:14px;font-size:.88rem;color:rgba(255,255,255,.85)}
.f-uk a{color:#fff;font-weight:800}
.fab{background:var(--wa);color:#fff;border:2px solid var(--navy);box-shadow:4px 4px 0 var(--navy)}
.fab:hover{box-shadow:2px 2px 0 var(--navy)}
.cookie-bar{border:2px solid var(--navy);border-radius:14px;box-shadow:5px 5px 0 var(--navy);color:var(--navy)}
.cookie-bar a{color:var(--pink-d)}
.cookie-bar .cookie-accept{background:var(--pink);border:2px solid var(--navy)}
.cookie-bar .cookie-decline{color:var(--navy);border:2px solid var(--navy)}

/* ---------- UK seridi ---------- */
.uk-strip{background:#fff;border-block:2px solid var(--navy);padding:clamp(40px,5vw,64px) 0}
.uk-strip .uk-head{justify-content:flex-start;text-align:left;margin-bottom:28px}
.uk-strip .uk-head h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0}
.uk-flag{display:inline-grid;width:44px;height:30px;border-radius:6px;overflow:hidden;border:2px solid var(--navy)}
.uk-flag svg{display:block;width:100%;height:100%}
.uk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--navy);border-radius:var(--r-lg);overflow:hidden}
.uk-item{display:flex;gap:14px;align-items:flex-start;padding:22px;background:#fff;border:0;border-right:2px solid var(--navy);border-radius:0}
.uk-item:last-child{border-right:0}
.uk-item .ui{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center}
.uk-item .ui svg{width:22px;height:22px}
.uk-item b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.05rem;line-height:1.2;margin-bottom:4px}
.uk-item span{font-size:.9rem;color:var(--muted);line-height:1.5;display:block}
@media (max-width:1080px){
  .uk-grid{grid-template-columns:repeat(2,1fr)}
  .uk-item:nth-child(2){border-right:0}
  .uk-item:nth-child(-n+2){border-bottom:2px solid var(--navy)}
  .hero{border-radius:0 0 28px 28px}
}
@media (max-width:620px){
  .uk-grid{grid-template-columns:1fr}
  .uk-item{border-right:0;border-bottom:2px solid var(--navy)}
  .uk-item:last-child{border-bottom:0}
  .smile-card{border-radius:120px 120px 18px 18px;box-shadow:6px 6px 0 var(--pink)}
  .smile-card .ba{border-radius:110px 110px 10px 10px}
  .ptable{box-shadow:5px 5px 0 var(--navy)}
}

/* ---------- duzeltmeler ---------- */
.smile-card{color:var(--navy)}
.ba-tag{top:auto;bottom:14px}
h1{font-size:clamp(2.4rem,5.2vw,3.9rem);line-height:1.08}
.band-accent .card,.band-accent .quote{border-color:var(--navy)}
.band-accent .card .icon{background:var(--pink-l)}
.quote p{color:var(--navy)}
.quote .who small,.who small{color:var(--muted)}
.hero-treat .eyebrow::before{content:none!important}
.btn-gold{background:var(--pink)!important;color:#fff!important}
.contact .eyebrow::before,.contact .center>.eyebrow::before{content:none!important}
.contact .eyebrow{margin-bottom:14px}
@media (max-width:760px){
  .ptable tr{border:2px solid var(--navy)!important;border-radius:12px}
  .ptable .row-star{border-color:var(--pink)!important}
  .ptable td:first-child,.row-star td:first-child{background:var(--pink-l)!important}
  .ptable .row-star td:first-child{background:var(--pink)!important;color:#fff!important}
}

/* hero: etiketler float-badge'lerle cakismasin, bant hero'dan ayrilsin */
.fb-1{left:-26px;bottom:auto;top:46%}
.fb-2{right:-18px;bottom:78px}
.ba-tag{bottom:16px;z-index:4}
.ba-left .ba-tag{left:18px}
.ba-right .ba-tag{right:18px}
.trustbar{margin-top:clamp(28px,4vw,48px);border:2px solid var(--navy);border-inline:0}
@media (max-width:1080px){.fb-1,.fb-2{position:static}}
.trustbar{margin-top:clamp(10px,1.4vw,16px)}

/* ---------- buyuk logo + menu ---------- */
.nav{height:92px;gap:20px}
.logo img{height:64px}
.nav-links{display:none;align-items:center;justify-content:center;flex:1;gap:clamp(14px,1.6vw,28px);margin:0;padding:0 8px}
@media (min-width:1081px){.nav-links{display:flex}}
.nav-links a{font-size:.9rem;font-weight:700;color:var(--navy);opacity:1;text-decoration:none;position:relative;padding:6px 0;white-space:nowrap}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.nav-links a:hover,.nav-links a[aria-current="true"]{color:var(--navy)}
.nav-links a:hover::after,.nav-links a[aria-current="true"]::after{transform:scaleX(1)}
.nav-cta{margin-left:0}
.burger{border:2px solid var(--navy);border-radius:12px;background:#fff;box-shadow:3px 3px 0 var(--navy)}
.mobile-menu{border-radius:22px 22px 0 0;border:2px solid var(--navy);border-bottom:0;box-shadow:0 -8px 0 rgba(18,45,70,.08)}
.mobile-menu a{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.12rem;border-bottom:1px solid var(--line)}
.mobile-menu .btn{border-bottom:2px solid var(--navy);color:#fff}
@media (max-width:1460px){.hdr-phone span.hp-txt{display:none}}
@media (max-width:1080px){
  .nav{height:76px}
  .logo img{height:52px}
  .nav-cta{margin-left:auto}
}
@media (max-width:760px){
  .nav{height:68px}
  .logo img{height:46px}
  .nav-cta .btn{display:none}
}

/* ---------- header ikon butonlari: tek olcu/sekil ---------- */
.hdr-phone .hp-ico,.callbtn,.burger{box-sizing:border-box;width:44px;height:44px;flex:0 0 44px;border:2px solid var(--navy);border-radius:12px;box-shadow:3px 3px 0 var(--navy);display:inline-grid;place-items:center;padding:0;margin:0}
.hdr-phone .hp-ico{background:#fff;color:var(--navy)}
.hdr-phone .hp-ico svg{width:20px;height:20px}
.callbtn{background:var(--wa);color:#fff}
.callbtn svg{width:22px;height:22px}
.burger{background:#fff}
.hdr-phone,.callbtn,.burger{transition:transform .12s,box-shadow .12s}
.hdr-phone:hover .hp-ico,.callbtn:hover,.burger:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy)}
@media (max-width:1080px){.nav-cta{gap:12px}.nav-cta{padding-right:4px}}
.burger{display:none}
@media (max-width:1080px){.burger{display:inline-grid}}

/* ---------- masaustu: menu ikinci satirda ---------- */
@media (min-width:1081px){
  html{scroll-padding-top:140px}
  section[id],main[id]{scroll-margin-top:140px}
  .nav{flex-wrap:wrap;height:auto;gap:0 20px}
  .logo{order:1;height:84px;display:flex;align-items:center}
  .nav-cta{order:2;height:84px;margin-left:auto}
  .nav-links{order:3;flex:0 0 100%;justify-content:flex-start;gap:clamp(20px,2.4vw,40px);height:48px;padding:0;border-top:2px solid var(--navy)}
  .nav-links a{font-size:.92rem}
  .hdr-phone span.hp-txt{display:block}
  header.stuck .logo,header.stuck .nav-cta{height:68px}
  header.stuck .logo img{height:50px}
}
html{overflow-x:clip}

/* ================= Yorumlar (#reviews) ================= */
.tp{--tp-star:#ffc247;--tp-star-off:rgba(255,255,255,.28);margin-top:40px}
.tp-sum{background:var(--navy);color:#fff;border:2px solid var(--navy);border-radius:var(--r-lg);box-shadow:8px 8px 0 var(--pink);max-width:none;margin:0;padding:28px;display:grid;grid-template-columns:1fr;justify-content:stretch;gap:22px}
.tp-score{gap:16px;flex-wrap:wrap}
.tp-num{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:4.2rem;letter-spacing:-.04em;color:#fff}
.tp-stars-big svg{width:24px;height:24px}
.tp-based{color:rgba(255,255,255,.85);text-decoration-color:rgba(255,255,255,.4)}
.tp-based:hover{color:#fff}
.tp-bars{gap:8px}
.tp-bars li{color:rgba(255,255,255,.78);font-size:.82rem;grid-template-columns:52px 1fr 38px}
.tp-bar{background:rgba(255,255,255,.18);height:8px}
.tp-bar-f{background:var(--pink)}
.tp-card{background:#fff;border:2px solid var(--navy);border-radius:var(--r-lg);box-shadow:none;padding:24px 24px 20px;height:100%;transition:transform .14s,box-shadow .14s}
.tp-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--navy)}
.tp-top{padding-bottom:14px;border-bottom:1px solid var(--line)}
.tp-src{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;color:var(--muted)}
.tp-text{margin:16px 0;font-size:1rem;line-height:1.65;color:var(--navy);-webkit-line-clamp:7;line-clamp:7}
.tp-more{color:var(--pink-d);font-weight:800}
.tp-avatar{background:var(--pink);border:2px solid var(--navy);font-family:"Bricolage Grotesque",sans-serif}
.tp-who{border-top:0;padding-top:4px}
.tp-whotxt b{font-weight:800}
.tp-pill{background:var(--pink-l);color:var(--pink-d);border:1.5px solid var(--navy);font-weight:800}
.tp-actions{justify-content:flex-start}
.tp-arrow{border:2px solid var(--navy);color:var(--navy);box-shadow:3px 3px 0 var(--navy)}
.tp-count{color:var(--navy)}

@media (min-width:1081px){
  #tpRoot{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:44px;row-gap:24px;align-items:start}
  #tpRoot .tp-sum{grid-column:1;grid-row:1;position:sticky;top:150px}
  #tpRoot .tp-actions{grid-column:1;grid-row:2;flex-direction:column;align-items:stretch;margin-top:0}
  #tpRoot .tp-actions .btn{justify-content:center}
  #tpRoot .tp-note{grid-column:1}
  #tpRoot .tp-wrap{grid-column:2;grid-row:1 / span 2;margin-top:0}
  #tpRoot .tp-track{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px}
  #tpRoot .tp-card:first-child{grid-column:1 / -1;background:var(--navy);border-color:var(--navy);color:#fff}
  #tpRoot .tp-card:first-child .tp-text{color:#fff;font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:1.3rem;line-height:1.45;letter-spacing:-.01em;-webkit-line-clamp:6;line-clamp:6}
  #tpRoot .tp-card:first-child .tp-top{border-bottom-color:rgba(255,255,255,.2)}
  #tpRoot .tp-card:first-child .tp-src,#tpRoot .tp-card:first-child .tp-whotxt small{color:rgba(255,255,255,.7)}
  #tpRoot .tp-card:first-child .tp-whotxt b{color:#fff}
  #tpRoot .tp-card:first-child .tp-more{color:#ffc247}
  #tpRoot .tp-card:first-child .tp-avatar{border-color:#fff}
  #tpRoot .tp-card:first-child:hover{box-shadow:6px 6px 0 var(--pink)}
}
@media (max-width:1080px){
  .tp-sum{grid-template-columns:auto minmax(0,360px);justify-content:center;gap:20px 48px}
  .tp-track{align-items:stretch}
}
@media (max-width:620px){
  .tp-sum{grid-template-columns:1fr;padding:22px;box-shadow:5px 5px 0 var(--pink)}
  .tp-num{font-size:3.4rem}
  .tp-track{align-items:stretch}
  .tp-card{height:auto}
  .tp-actions{align-items:stretch}
}
@media (min-width:1081px){#tpRoot .tp-card:nth-child(n+6){display:none}}

/* ================= Klinikler (#clinic) ================= */
.cl-switch{display:flex;width:100%;max-width:420px;background:#fff;border:2px solid var(--navy);border-radius:14px;padding:5px;gap:5px;margin-top:26px;box-shadow:4px 4px 0 var(--navy)}
.cl-switch button{flex:1;border:0;background:transparent;border-radius:9px;padding:13px 18px;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.05rem;color:var(--navy);cursor:pointer;transition:background .15s,color .15s}
.cl-switch button:hover{background:var(--pink-l)}
.cl-switch button[aria-pressed="true"]{background:var(--navy);color:#fff}
.cl-grid{grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch;margin-top:36px}
.cl-photo{border:2px solid var(--navy);border-radius:var(--r-lg)}
.cl-info{display:flex;flex-direction:column;background:#fff;border:2px solid var(--navy);border-radius:var(--r-lg);box-shadow:8px 8px 0 var(--navy);padding:clamp(22px,3vw,34px)}
.cl-info h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:18px;padding-bottom:18px;border-bottom:2px solid var(--navy)}
.cl-list{gap:0}
.cl-list li{align-items:center;padding:14px 0;border-bottom:1px dashed var(--line)}
.cl-list li:last-child{border-bottom:0}
.cl-list b{font-size:1rem;line-height:1.35}
.cl-list small{display:block;margin-top:2px}
.cl-tags{margin-top:8px;gap:8px}
.cl-tags li{background:var(--cream);border:1.5px solid var(--navy);color:var(--navy);font-weight:700;font-size:.78rem}
.cl-info .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;margin:auto 0 0!important;padding-top:24px}
.cl-info .hero-actions .btn{width:100%;padding:14px 12px;font-size:.95rem}
.cl-info .hero-actions .btn-primary{grid-column:1 / -1;padding:16px}
@media (max-width:900px){.cl-grid{grid-template-columns:1fr}.cl-switch{max-width:none}}
@media (max-width:560px){.cl-info .hero-actions{grid-template-columns:1fr}.cl-info{box-shadow:5px 5px 0 var(--navy)}}