/* guzellik-merkezi-oje — özgün tema (kaynak: prototip site.css; dönüştürücü taslağı) */
/* Oje — Cildora Studio | tırnak, kaş & kirpik stüdyosu
   Izgara: 12 sütun, 8px ölçek. Köşe: 0 (keskin) + kapsül (yalnız görsel/renk). Tek vurgu: kiraz. */
:root{
  --kagit:var(--dj-bg,#F4F1EC); --beyaz:var(--dj-bg-alt,#FFFFFF); --murekkep:var(--dj-text,#141414); --gri:var(--dj-muted,#5E5A55); --soluk:#8D8880;
  --cizgi:color-mix(in srgb,var(--dj-text) 14%,transparent); --cizgi-k:color-mix(in srgb,var(--dj-text) 8%,transparent);
  --vurgu:var(--dj-primary,#8C1C2E); --vurgu-k:var(--dj-accent,#6E1323); --doku:#EAE5DD;
  --b1:var(--dj-font-heading); --b2:var(--dj-font-body);
  --kap:1320px; --ot-kose:0px; --ot-kartela-yukseklik:clamp(320px,34vw,470px); --pad:40px; --ara:24px;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
  --gecis:.35s cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--kagit);color:var(--murekkep);font:400 17px/1.6 var(--b2);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-weight:700}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px}
.atla{position:absolute;left:-999px;top:8px;z-index:99;background:var(--murekkep);color:#fff;padding:10px 16px}
.atla:focus{left:8px}
.ik{width:20px;height:20px;stroke-width:1.6;flex:none}
.kap{max-width:calc(var(--kap) + var(--pad)*2);margin:0 auto;padding:0 var(--pad)}
.b2{font:700 clamp(36px,4.4vw,60px)/1.02 var(--b1);letter-spacing:-.025em}
.b3{font:700 28px/1.1 var(--b1);letter-spacing:-.02em}
.ust-yazi{display:flex;align-items:center;gap:var(--s2);font:500 13px/1 var(--b2);letter-spacing:.14em;text-transform:uppercase;color:var(--gri)}
.ust-yazi .cizgi{flex:0 0 48px;height:1px;background:currentColor;opacity:.5}
.ust-yazi--acik{color:rgba(255,255,255,.62)}
.metin-link{display:inline-flex;align-items:center;gap:6px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px;transition:color var(--gecis)}
.metin-link:hover{color:var(--vurgu)}
.metin-link .ik{width:16px;height:16px}

/* Düğmeler — keskin köşe, tüm durumlar */
.dg{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid transparent;font:500 15px/1 var(--b2);letter-spacing:.01em;cursor:pointer;transition:background var(--gecis),color var(--gecis),border-color var(--gecis),transform .15s;white-space:nowrap}
.dg .ik{width:18px;height:18px;transition:transform var(--gecis)}
.dg:hover .ik:last-child{transform:translateX(3px)}
.dg:active{transform:translateY(1px)}
.dg:disabled,.dg[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}
.dg--koyu{background:var(--murekkep);color:#fff}
.dg--koyu:hover{background:var(--vurgu)}
.dg--vurgu{background:var(--vurgu);color:#fff}
.dg--vurgu:hover{background:var(--vurgu-k)}
.dg--cizgi{border-color:var(--murekkep);color:var(--murekkep);background:transparent}
.dg--cizgi:hover{background:var(--murekkep);color:#fff}
.dg--acik{background:#fff;color:var(--murekkep)}
.dg--acik:hover{background:var(--kagit)}
.dg--cizgi-acik{border-color:rgba(255,255,255,.5);color:#fff}
.dg--cizgi-acik:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.dg--kucuk{min-height:40px;padding:0 16px;font-size:14px}
.dg--genis{width:100%}
.dg.yukleniyor span::after{content:'…'}

/* Üst şerit */
.serit{background:var(--murekkep);color:rgba(255,255,255,.82);font-size:13px}
.serit__ic{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:var(--s3)}
.serit__sag{display:flex;gap:var(--s3)}
.serit__sag a{display:inline-flex;align-items:center;gap:8px;transition:color var(--gecis)}
.serit__sag a:hover{color:#fff}
.serit .ik{width:15px;height:15px}
.durum{display:inline-flex;align-items:center;gap:8px}
.durum__nokta{width:7px;height:7px;border-radius:50%;background:var(--soluk)}
.durum.acik .durum__nokta{background:#3FB37F;box-shadow:0 0 0 3px rgba(63,179,127,.22)}
.durum.kapali .durum__nokta{background:#C9643F}
.durum__alt{opacity:.66}

/* Başlık */
.bas{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--kagit) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color var(--gecis)}
.bas.kaydi{border-bottom-color:var(--cizgi)}
.bas__ic{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s4);min-height:80px}
.logo{display:inline-flex;align-items:baseline;gap:6px;line-height:1}
.logo__ad{font:700 24px/1 var(--b1);letter-spacing:.06em}
.logo__ek{font:500 13px/1 var(--b2);color:var(--vurgu);letter-spacing:.02em}
.nav{display:flex;justify-content:center;gap:var(--s4)}
.nav a{position:relative;display:inline-flex;align-items:baseline;gap:6px;font-size:15px;font-weight:500;padding:8px 0}
.nav__no{font:500 11px/1 var(--b2);color:var(--soluk);letter-spacing:.04em}
.nav a::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--murekkep);transform:scaleX(0);transform-origin:left;transition:transform var(--gecis)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.bas__eylem{display:flex;align-items:center;gap:var(--s2)}
.menu-dg{display:none;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--cizgi);background:transparent;cursor:pointer}
.menu-dg .ik{width:22px;height:22px}

/* Mobil menü */
.mmenu{position:fixed;inset:0;z-index:60;background:var(--murekkep);color:#fff;display:flex;flex-direction:column;padding:0 20px 32px;transform:translateY(-100%);visibility:hidden;transition:transform .5s cubic-bezier(.7,0,.2,1),visibility 0s .5s}
.mmenu.acik{transform:none;visibility:visible;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.mmenu__ust{display:flex;justify-content:space-between;align-items:center;min-height:72px;border-bottom:1px solid rgba(255,255,255,.14)}
.mmenu .menu-dg{display:inline-flex;border-color:rgba(255,255,255,.24);color:#fff}
.mmenu__nav{display:flex;flex-direction:column;padding:var(--s4) 0;flex:1}
.mmenu__nav a{font:700 34px/1.25 var(--b1);letter-spacing:-.02em;padding:6px 0}
.mmenu__nav a:last-child{color:color-mix(in srgb,var(--vurgu) 40%,#fff)}
.mmenu__alt{display:grid;gap:12px;font-size:15px;color:rgba(255,255,255,.75)}
.mmenu__alt a{display:inline-flex;gap:10px;align-items:center}
html.menu-acik{overflow:hidden}

/* Hero */
.hero{padding:var(--s6) 0 var(--s7)}
.hero__b{margin-top:var(--s4);font:700 clamp(52px,8.2vw,124px)/.94 var(--b1);letter-spacing:-.035em;max-width:13ch}
.hero__b em{font-style:normal;color:var(--vurgu)}
.hero__alt{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);margin-top:var(--s5);align-items:end}
.hero__lede{grid-column:1/span 6;font-size:19px;line-height:1.6;color:var(--gri);max-width:56ch}
.hero__eylem{grid-column:8/span 5;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.kartela{display:flex;gap:12px;margin-top:var(--s6);height:var(--ot-kartela-yukseklik)}
.kt{position:relative;margin:0;flex:1 1 0;min-width:0;border-radius:999px;overflow:hidden;transition:flex-grow .6s cubic-bezier(.2,.7,.2,1)}
.kt--foto img{width:100%;height:100%;object-fit:cover}
.kt--renk{background:var(--r);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 8px 40px;text-align:center}
.kt--acik{color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--cizgi)}
.kt__kod{font:500 11px/1 var(--b2);letter-spacing:.14em;opacity:.72}
.kt__ad{font:700 17px/1.2 var(--b1);margin-top:8px}
.kt__eylem{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-top:12px;opacity:0;transform:translateY(6px);transition:opacity var(--gecis),transform var(--gecis);white-space:nowrap}
.kt__eylem .ik{width:14px;height:14px}
@media (hover:hover){.kartela:hover .kt{flex-grow:.86}.kartela .kt:hover{flex-grow:1.7}.kt--renk:hover .kt__eylem,.kt--renk:focus-visible .kt__eylem{opacity:1;transform:none}}
.js .kartela[data-rv] .kt{opacity:0;transform:translateY(32px)}
.js .kartela.is-in .kt{opacity:1;transform:none;transition:opacity .8s calc(var(--i)*70ms),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*70ms),flex-grow .6s cubic-bezier(.2,.7,.2,1)}

/* Bölüm ortakları */
.blm{padding:var(--s8) 0}
.blm__bas{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);align-items:end;margin-bottom:var(--s6)}
.blm__bas .b2{grid-column:1/span 6}
.blm__bas p{grid-column:8/span 5;color:var(--gri);display:grid;gap:var(--s2);justify-items:start}
.js [data-rv]:not(.kartela){opacity:0;transform:translateY(24px);transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1)}
.js [data-rv].is-in{opacity:1;transform:none}

/* Hizmet dizini */
.dizin{border-top:1px solid var(--cizgi)}
.dz-liste{position:relative;border-bottom:1px solid var(--cizgi)}
.dz{display:grid;grid-template-columns:64px minmax(0,4fr) minmax(0,5fr) 150px 40px;gap:var(--ara);align-items:center;padding:28px 0;border-top:1px solid var(--cizgi);transition:color var(--gecis)}
.dz__no{font:500 13px/1 var(--b2);color:var(--soluk)}
.dz__ad{font:700 clamp(24px,2.4vw,34px)/1.1 var(--b1);letter-spacing:-.02em;transition:transform var(--gecis)}
.dz__ac{color:var(--gri);font-size:15px;line-height:1.55}
.dz__sure{font-size:14px;color:var(--gri);text-align:right}
.dz__ok{justify-self:end;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--cizgi);transition:background var(--gecis),color var(--gecis),border-color var(--gecis)}
.dz:hover .dz__ad{transform:translateX(8px);color:var(--vurgu)}
.dz:hover .dz__ok{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.dz-oniz{position:absolute;left:0;top:0;width:200px;height:280px;object-fit:cover;border-radius:999px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1);z-index:3;box-shadow:0 24px 48px -24px rgba(0,0,0,.35)}
.dz-oniz.gorunur{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* Renk & form stüdyosu */
.studyo{background:var(--beyaz)}
.st{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);align-items:stretch}
.st__tuval{grid-column:1/span 7;position:relative;background:var(--doku);display:flex;flex-direction:column;justify-content:flex-end;min-height:560px;overflow:hidden}
.st__svg{position:absolute;inset:0;width:100%;height:100%}
.st__svg path,.st__svg rect{transition:fill .35s,d .45s cubic-bezier(.2,.7,.2,1)}
.st__etiket{position:absolute;left:24px;top:24px;background:#fff;padding:10px 16px;font:500 14px/1 var(--b2);letter-spacing:.01em}
.st__ten{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;font-size:13px;color:var(--gri)}
.st__ten span{margin-right:4px}
.st__ten button{width:22px;height:22px;border-radius:50%;border:0;background:var(--t);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.st__ten button[aria-checked=true]{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--murekkep)}
.st__panel{grid-column:8/span 5;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s1) 0}
.st__grup{border:0;margin:0;padding:0;min-width:0}
.st__grup legend{display:flex;align-items:baseline;gap:10px;font:700 18px/1 var(--b1);margin-bottom:14px;padding:0}
.st__grup legend span{font:500 12px/1 var(--b2);color:var(--soluk);letter-spacing:.06em}
.st__grup legend em{font:400 14px/1 var(--b2);color:var(--gri);font-style:normal;margin-left:auto}
.secim{display:flex;flex-wrap:wrap;gap:8px}
.secim button{min-height:44px;padding:0 18px;background:transparent;border:1px solid var(--cizgi);cursor:pointer;font-size:15px;transition:border-color var(--gecis),background var(--gecis),color var(--gecis)}
.secim button:hover{border-color:var(--murekkep)}
.secim button[aria-pressed=true]{background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.sw-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.sw{position:relative;aspect-ratio:4/5;border:0;padding:0;background:transparent;cursor:pointer}
.sw__n{position:absolute;inset:0;border-radius:999px;background:var(--r);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform var(--gecis)}
.sw:hover .sw__n{transform:scale(.94)}
.sw[aria-pressed=true]::after{content:'';position:absolute;inset:-4px;border-radius:999px;border:1.5px solid var(--murekkep)}
.sw__ad{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.st__eylem{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.st__not{display:flex;gap:10px;font-size:13px;line-height:1.55;color:var(--gri)}
.st__not .ik{width:16px;height:16px;margin-top:2px}

/* Hijyen */
.hijyen{background:var(--murekkep);color:#fff;padding:var(--s8) 0}
.hijyen__ic{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);align-items:start}
.hijyen__metin{grid-column:1/span 4;display:grid;gap:var(--s3)}
.hijyen__metin p:last-child{color:rgba(255,255,255,.7)}
.hijyen__g{grid-column:5/span 3;margin:0;border-radius:999px;overflow:hidden;aspect-ratio:9/14}
.hijyen__g img{width:100%;height:100%;object-fit:cover}
.hijyen__liste{grid-column:9/span 4;display:grid}
.hijyen__liste li{display:grid;grid-template-columns:40px 1fr;gap:var(--s2);padding:var(--s3) 0;border-top:1px solid rgba(255,255,255,.16)}
.hijyen__liste li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.hijyen__liste span{font:500 12px/1.9 var(--b2);color:rgba(255,255,255,.5)}
.hijyen__liste h3{font:700 18px/1.25 var(--b1);margin-bottom:6px}
.hijyen__liste p{font-size:15px;color:rgba(255,255,255,.66);line-height:1.55}

/* İlk ziyaret */
.adimlar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ara)}
.adim{border-top:1px solid var(--murekkep);padding-top:var(--s3);display:grid;gap:12px;align-content:start}
.adim__no{font:700 56px/1 var(--b1);letter-spacing:-.04em;color:var(--vurgu)}
.adim h3{font:700 20px/1.2 var(--b1);margin-top:var(--s2)}
.adim p{color:var(--gri);font-size:15px}

/* Ekip */
.ekip{padding-top:0}
.ekip__izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ara)}
.ek{display:grid;gap:12px;align-content:start}
.ek__g{aspect-ratio:4/3;overflow:hidden;margin-bottom:var(--s1)}
.ek__g img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ek:hover .ek__g img{transform:scale(1.04)}
.ek__no{font-size:13px;color:var(--soluk)}
.ek h3{font:700 22px/1.2 var(--b1);letter-spacing:-.01em}
.ek p:last-child{color:var(--gri);font-size:15px}

/* SSS */
.sss{background:var(--beyaz)}
.sss__ic{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara)}
.sss__bas{grid-column:1/span 4;display:grid;gap:var(--s3);align-content:start;justify-items:start}
.sss__bas p{color:var(--gri)}
.sss__liste{grid-column:6/span 7;border-bottom:1px solid var(--cizgi)}
.sss__liste details{border-top:1px solid var(--cizgi)}
.sss__liste summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:24px 0;cursor:pointer;list-style:none;font:700 19px/1.35 var(--b1);letter-spacing:-.01em}
.sss__liste summary::-webkit-details-marker{display:none}
.sss__liste summary .ik{transition:transform var(--gecis)}
.sss__liste details[open] summary .ik{transform:rotate(45deg);color:var(--vurgu)}
.sss__liste summary:hover{color:var(--vurgu)}
.sss__c{padding:0 48px 24px 0;color:var(--gri);max-width:68ch}

/* Kapanış */
.kapanis{background:var(--vurgu);color:#fff;padding:var(--s7) 0}
.kapanis__ic{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);align-items:end}
.kapanis h2{grid-column:1/span 7;font:700 clamp(36px,4.6vw,64px)/1.02 var(--b1);letter-spacing:-.03em}
.kapanis__sag{grid-column:8/span 5;display:grid;gap:var(--s3)}
.kapanis__sag p{color:rgba(255,255,255,.8)}
.kapanis__sag .hero__eylem{justify-content:flex-start;grid-column:auto}
.kapanis--ince{padding:var(--s6) 0}
.kapanis--ince h2{font-size:clamp(30px,3.4vw,44px)}

/* Alt bilgi */
.alt{background:var(--murekkep);color:rgba(255,255,255,.72);padding-top:var(--s7);overflow:hidden;font-size:15px}
.alt__ust{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);padding-bottom:var(--s6)}
.alt__marka{grid-column:1/span 4;display:grid;gap:var(--s3);align-content:start}
.alt__marka .logo{color:#fff}
.alt__marka p{max-width:40ch;line-height:1.6}
.sosyal{display:flex;gap:8px}
.sosyal a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);color:#fff;transition:background var(--gecis),border-color var(--gecis)}
.sosyal a:hover{background:var(--vurgu);border-color:var(--vurgu)}
.sosyal .ik{width:18px;height:18px}
.alt__kol{display:grid;gap:10px;align-content:start}
.alt__kol:nth-child(2){grid-column:6/span 2}
.alt__kol:nth-child(3){grid-column:8/span 2}
.alt__kol:nth-child(4){grid-column:10/span 3}
.alt__kol h2{font:500 12px/1 var(--b2);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:8px}
.alt__kol a{transition:color var(--gecis);width:fit-content}
.alt__kol a:hover{color:#fff}
.alt .saatler{font-size:14px}
.alt .saatler th{color:rgba(255,255,255,.72)}
.alt .saatler tr.bugun th,.alt .saatler tr.bugun td{color:#fff}
.alt__yasal{border-top:1px solid rgba(255,255,255,.12);padding:var(--s3) 0;display:grid;gap:6px;font-size:13px;color:rgba(255,255,255,.5)}
.alt__son{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding:var(--s3) 0;font-size:14px}
.alt__son nav{display:flex;gap:var(--s3);flex-wrap:wrap}
.alt__son a:hover{color:#fff}
.alt__dev{font:700 clamp(64px,16.4vw,250px)/.74 var(--b1);letter-spacing:0;color:rgba(255,255,255,.06);text-align:center;margin-top:var(--s3);white-space:nowrap;user-select:none}
.saatler{width:100%;border-collapse:collapse}
.saatler th,.saatler td{padding:5px 0;text-align:left;font-weight:400}
.saatler td{text-align:right}
.saatler tr.bugun th,.saatler tr.bugun td{font-weight:700}
.wa-yuzen{position:fixed;right:20px;bottom:20px;z-index:30;width:56px;height:56px;display:none;align-items:center;justify-content:center;background:var(--murekkep);color:#fff;border-radius:50%;box-shadow:0 12px 32px -12px rgba(0,0,0,.5)}
.wa-yuzen .ik{width:24px;height:24px}

/* İç sayfa başlığı */
.sayfa-bas{padding:var(--s5) 0 var(--s6);border-bottom:1px solid var(--cizgi)}
.kirinti{display:flex;gap:10px;font-size:14px;color:var(--gri)}
.kirinti a:hover{color:var(--vurgu)}
.kirinti span[aria-current]{color:var(--murekkep)}
.sayfa-bas__b{font:700 clamp(56px,9vw,136px)/.92 var(--b1);letter-spacing:-.04em;margin-top:var(--s4)}
.sayfa-bas__b--orta{font-size:clamp(44px,6vw,88px)}
.sayfa-bas__alt{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);margin-top:var(--s4);align-items:end}
.sayfa-bas__alt p{grid-column:1/span 6;color:var(--gri);font-size:18px;max-width:60ch}
.sayfa-bas--kisa .sayfa-bas__b{font-size:clamp(48px,7vw,104px)}
.filtre{grid-column:8/span 5;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.filtre button{min-height:40px;padding:0 16px;border:1px solid var(--cizgi);background:transparent;cursor:pointer;font-size:14px;transition:all var(--gecis)}
.filtre button:hover{border-color:var(--murekkep)}
.filtre button[aria-pressed=true]{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}

/* Hizmet ayrıntı */
.hz-liste{padding-bottom:var(--s7)}
.hz{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);padding:var(--s7) 0;border-bottom:1px solid var(--cizgi)}
.hz[hidden]{display:none}
.hz__bas{grid-column:1/span 4;align-self:start;position:sticky;top:120px;display:grid;gap:var(--s2);justify-items:start}
.hz__no{font:500 13px/1 var(--b2);color:var(--vurgu);letter-spacing:.06em}
.hz__bas h2{font:700 clamp(28px,2.6vw,38px)/1.08 var(--b1);letter-spacing:-.02em}
.hz__sure{display:inline-flex;align-items:center;gap:8px;color:var(--gri);font-size:15px}
.hz__sure .ik{width:16px;height:16px}
.hz__govde{grid-column:6/span 7;display:grid;gap:var(--s2);max-width:68ch}
.hz__g{margin:0 0 var(--s3);aspect-ratio:16/9;overflow:hidden;border-radius:999px 999px 0 0}
.hz__g img{width:100%;height:100%;object-fit:cover}
.hz__kisa{font:500 21px/1.45 var(--b2);color:var(--murekkep)}
.hz__govde>p{color:var(--gri)}
.hz__alt-b{font:700 16px/1 var(--b1);margin-top:var(--s3)}
.tikli{display:grid;grid-template-columns:1fr 1fr;gap:10px var(--s3)}
.tikli li{display:flex;gap:10px;font-size:15px}
.tikli .ik{width:18px;height:18px;color:var(--vurgu);margin-top:3px}
.hz-bos{padding:var(--s7) 0;color:var(--gri)}

/* Randevu */
.rv{padding:var(--s6) 0 var(--s8)}
.rv__ic{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);align-items:start}
.rv__sol{grid-column:1/span 7}
.rv__ozet{grid-column:9/span 4;position:sticky;top:120px;display:grid;gap:var(--s2)}
.form{display:grid;gap:var(--s5)}
.form__ozet{background:color-mix(in srgb,var(--vurgu) 8%,#fff);color:var(--vurgu-k);padding:14px 16px;font-size:15px;border-left:3px solid var(--vurgu)}
.fs{border:0;margin:0;padding:0;display:grid;gap:var(--s3);min-width:0}
.fs legend{display:flex;align-items:baseline;gap:12px;font:700 24px/1 var(--b1);letter-spacing:-.01em;padding:0;margin-bottom:var(--s1)}
.fs legend span{font:500 13px/1 var(--b2);color:var(--vurgu)}
.fs__yardim{color:var(--gri);font-size:15px;margin-top:-8px}
.cipler{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cip{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 16px;border:1px solid var(--cizgi);background:#fff;cursor:pointer;transition:border-color var(--gecis),background var(--gecis)}
.cip:hover{border-color:var(--murekkep)}
.cip input{position:absolute;opacity:0;pointer-events:none}
.cip__ad{font-size:15px;font-weight:500}
.cip__sure{font-size:13px;color:var(--gri);white-space:nowrap}
.cip:has(input:checked){background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.cip:has(input:checked) .cip__sure{color:rgba(255,255,255,.7)}
.cip:has(input:focus-visible){outline:2px solid var(--vurgu);outline-offset:2px}
.tasarim-not{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-left:3px solid var(--vurgu)}
.tasarim-not[hidden]{display:none}
.tasarim-not .ik{color:var(--vurgu)}
.tasarim-not div{display:grid;gap:2px;flex:1;font-size:15px}
.tasarim-not span{color:var(--gri)}
.metin-dg{background:none;border:0;padding:0;font-size:14px;text-decoration:underline;cursor:pointer;color:var(--gri)}
.metin-dg:hover{color:var(--vurgu)}
.alan{display:grid;gap:8px;min-width:0}
.alan label,.etiket{font-size:14px;font-weight:500}
.alan b{color:var(--vurgu);font-weight:500}
.alan input:not([type=radio]):not([type=checkbox]),.alan select,.alan textarea{width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--cizgi);background:#fff;border-radius:0;font-size:16px;transition:border-color var(--gecis),box-shadow var(--gecis);appearance:none;-webkit-appearance:none}
.alan textarea{resize:vertical;min-height:110px}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:color-mix(in srgb,var(--murekkep) 36%,transparent)}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;border-color:var(--murekkep);box-shadow:0 0 0 3px color-mix(in srgb,var(--murekkep) 8%,transparent)}
.alan.hatali input,.alan.hatali select,.alan.hatali textarea{border-color:var(--vurgu);background:color-mix(in srgb,var(--vurgu) 3%,#fff)}
.alan__hata{color:var(--vurgu);font-size:13px;min-height:0}
.alan__hata:empty{display:none}
.alan__yardim{font-size:13px;color:var(--gri)}
.sec{position:relative}
.sec .ik{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;width:18px;height:18px}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.kutular{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kutu-secim{position:relative;cursor:pointer}
.kutu-secim input{position:absolute;opacity:0}
.kutu-secim span{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--cizgi);background:#fff;transition:all var(--gecis)}
.kutu-secim small{color:var(--gri);font-size:13px}
.kutu-secim:hover span{border-color:var(--murekkep)}
.kutu-secim input:checked+span{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}
.kutu-secim input:checked+span small{color:rgba(255,255,255,.7)}
.kutu-secim input:focus-visible+span{outline:2px solid var(--vurgu);outline-offset:2px}
.ikili{display:flex;gap:8px}
.ikili label{position:relative;flex:1;cursor:pointer}
.ikili input{position:absolute;opacity:0}
.ikili span{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid var(--cizgi);background:#fff;transition:all var(--gecis)}
.ikili input:checked+span{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}
.ikili input:focus-visible+span{outline:2px solid var(--vurgu);outline-offset:2px}
.onay{display:flex;gap:12px;font-size:14px;color:var(--gri);cursor:pointer;align-items:flex-start}
.onay input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--vurgu);flex:none}
.onay a{color:var(--murekkep);text-decoration:underline}
.alan.hatali.onay-kap{color:var(--vurgu)}
.ozet{background:#fff;padding:var(--s4);display:grid;gap:var(--s2)}
.ozet__b{font:700 20px/1 var(--b1)}
.ozet__liste{display:grid;gap:8px;border-top:1px solid var(--cizgi);padding-top:var(--s2)}
.ozet__liste li{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.ozet__liste li span:last-child{color:var(--gri)}
.ozet__bos{color:var(--soluk)}
.ozet__top{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--murekkep);padding-top:var(--s2);font-size:15px}
.ozet__top strong{font:700 26px/1 var(--b1)}
.ozet__satir{display:flex;justify-content:space-between;font-size:15px;color:var(--gri)}
.ozet__satir strong{color:var(--murekkep);font-weight:500;text-align:right}
.bilgi-kutu{padding:var(--s3);border:1px solid var(--cizgi);display:grid;gap:8px;font-size:14px;color:var(--gri)}
.bilgi-kutu h2{display:flex;align-items:center;gap:8px;font:700 15px/1.2 var(--b1);color:var(--murekkep)}
.bilgi-kutu h2 .ik{width:18px;height:18px}
.bilgi-kutu a{color:var(--murekkep);text-decoration:underline}
.bilgi-kutu--uyari{border-color:color-mix(in srgb,var(--vurgu) 30%,transparent)}
.bilgi-kutu--uyari h2 .ik{color:var(--vurgu)}
.basari{background:#fff;padding:var(--s6) var(--s5);display:grid;gap:var(--s2);justify-items:start}
.basari:focus{outline:0}
.basari__i{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--vurgu);color:#fff;margin-bottom:var(--s1)}
.basari h2{font:700 32px/1.1 var(--b1)}
.basari p{color:var(--gri);max-width:52ch;margin-bottom:var(--s2)}

/* İletişim */
.il{padding:var(--s6) 0 var(--s8)}
.il__kanallar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--murekkep);border-bottom:1px solid var(--cizgi)}
.kanal{position:relative;display:grid;gap:10px;padding:var(--s4) var(--s4) var(--s4) 0;transition:color var(--gecis)}
.kanal+.kanal{padding-left:var(--s4);border-left:1px solid var(--cizgi)}
.kanal__e{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gri)}
.kanal__d{font:700 clamp(20px,2vw,28px)/1.15 var(--b1);letter-spacing:-.02em;overflow-wrap:anywhere}
.kanal .ik{position:absolute;right:var(--s3);top:var(--s4);transition:transform var(--gecis)}
.kanal:hover{color:var(--vurgu)}
.kanal:hover .ik{transform:translate(3px,-3px)}
.il__izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara);margin-top:var(--s7)}
.il__konum{grid-column:1/span 6;display:grid;gap:var(--s4);align-content:start}
.harita{margin:0;aspect-ratio:16/10;overflow:hidden}
.harita__svg{width:100%;height:100%;display:block}
.il__adres{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.il__adres h2{font:700 18px/1 var(--b1);margin-bottom:12px}
.il__adres p{color:var(--gri)}
.il__adres .metin-link{margin-top:12px}
.durum--kutu{margin-top:12px;font-size:14px}
.il__form{grid-column:8/span 5;display:grid;gap:var(--s3);align-content:start}
.il__form .form{gap:var(--s3)}
.il__yasal{margin-top:var(--s7);border-top:1px solid var(--cizgi);padding-top:var(--s4);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ara)}
.il__yasal h2{grid-column:1/span 3;font:700 18px/1 var(--b1)}
.il__yasal dl{grid-column:4/span 9;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ara);margin:0}
.il__yasal dt{font-size:13px;color:var(--gri)}
.il__yasal dd{margin:4px 0 0;font-weight:500}

/* Düz metin */
.metin-blm{padding:var(--s6) 0 var(--s8)}
.duz-metin{max-width:72ch;margin-left:calc((100% - var(--ara)*11)/12*3 + var(--ara)*3)}
.duz-metin h2{font:700 24px/1.2 var(--b1);margin:var(--s5) 0 var(--s2)}
.duz-metin h2:first-child{margin-top:0}
.duz-metin p,.duz-metin li{color:var(--gri)}
.duz-metin p+p{margin-top:var(--s2)}
.duz-metin ul{display:grid;gap:8px;padding-left:20px;list-style:square}
.duz-metin .not{margin-top:var(--s5);padding:var(--s2);border-left:3px solid var(--vurgu);background:#fff;font-size:14px}

/* 1024 */
@media (max-width:1180px){
  :root{--pad:32px}
  .nav{gap:var(--s3)}
  .nav__no{display:none}
  .dz{grid-template-columns:48px minmax(0,4fr) minmax(0,5fr) 40px}
  .dz__sure{display:none}
  .st__tuval{grid-column:1/span 12;min-height:460px}
  .st__panel{grid-column:1/span 12;display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
  .st__eylem,.st__not{grid-column:1/-1}
  .sw-izgara{grid-template-columns:repeat(6,1fr)}
  .hijyen__metin{grid-column:1/span 7}
  .hijyen__g{grid-column:9/span 4;grid-row:1/span 2}
  .hijyen__liste{grid-column:1/span 7}
  .rv__sol{grid-column:1/span 7}
  .rv__ozet{grid-column:8/span 5}
}
@media (max-width:900px){
  .nav,.bas__eylem .dg span{display:none}
  .bas__eylem .dg{width:48px;padding:0}
  .bas__eylem .dg .ik{transform:none}
  .menu-dg{display:inline-flex}
  .bas__ic{grid-template-columns:1fr auto}
  .blm__bas .b2,.blm__bas p,.hero__lede,.hero__eylem,.sayfa-bas__alt p,.filtre{grid-column:1/-1}
  .hero__eylem,.filtre{justify-content:flex-start}
  .adimlar{grid-template-columns:1fr 1fr;row-gap:var(--s5)}
  .ekip__izgara{grid-template-columns:1fr 1fr}
  .sss__bas,.sss__liste,.kapanis h2,.kapanis__sag{grid-column:1/-1}
  .alt__marka{grid-column:1/-1}
  .alt__kol:nth-child(2){grid-column:1/span 6}.alt__kol:nth-child(3){grid-column:7/span 6}.alt__kol:nth-child(4){grid-column:1/span 12}
  .hz__bas,.hz__govde{grid-column:1/-1;position:static}
  .rv__sol,.rv__ozet{grid-column:1/-1;position:static}
  .il__konum,.il__form{grid-column:1/-1}
  .duz-metin{margin-left:0}
}
@media (max-width:640px){
  :root{--pad:20px;--ara:16px}
  body{font-size:16px}
  .blm{padding:var(--s7) 0}
  .serit__ic{min-height:36px;font-size:12px}
  .serit__sag span,.durum__alt{display:none}
  .serit__sag a{width:28px;justify-content:center}
  .bas__ic{min-height:68px}
  .logo__ad{font-size:21px}
  .hero{padding:var(--s5) 0 var(--s6)}
  .hero__b{font-size:clamp(44px,13vw,64px);margin-top:var(--s3)}
  .ust-yazi{font-size:11px;letter-spacing:.1em;flex-wrap:wrap;gap:8px}
  .ust-yazi .cizgi{flex-basis:24px}
  .hero__lede{font-size:17px}
  .hero__alt{margin-top:var(--s4)}
  .hero__eylem .dg{flex:1 1 100%}
  .kartela{height:300px;overflow-x:auto;scroll-snap-type:x mandatory;margin:var(--s5) calc(var(--pad)*-1) 0;padding:0 var(--pad);scrollbar-width:none}
  .kartela::-webkit-scrollbar{display:none}
  .kt{flex:0 0 132px;scroll-snap-align:start}
  .kt__eylem{display:none}
  .dz{grid-template-columns:36px 1fr 36px;row-gap:6px;padding:20px 0}
  .dz__ac{grid-column:2/3;font-size:14px}
  .dz__ok{grid-row:1;grid-column:3;width:36px;height:36px}
  .dz-oniz{display:none}
  .st__tuval{min-height:340px;margin:0 calc(var(--pad)*-1)}
  .st__etiket{left:12px;top:12px;font-size:13px}
  .st__ten{left:12px;right:auto;top:auto;bottom:12px}
  .st__panel{grid-template-columns:1fr}
  .st__eylem .dg{flex:1 1 100%}
  .hijyen{padding:var(--s7) 0}
  .hijyen__metin,.hijyen__liste{grid-column:1/-1}
  .hijyen__g{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10;border-radius:999px}
  .adimlar,.ekip__izgara{grid-template-columns:1fr}
  .adim__no{font-size:44px}
  .sss__c{padding-right:0}
  .sss__liste summary{font-size:17px}
  .kapanis__sag .hero__eylem .dg{flex:1 1 100%}
  .alt__ust{row-gap:var(--s5)}
  .alt__kol:nth-child(2),.alt__kol:nth-child(3){grid-column:1/-1}
  .alt__son{flex-direction:column}
  .wa-yuzen{display:inline-flex}
  .sayfa-bas__b{font-size:clamp(48px,15vw,72px)}
  .hz{padding:var(--s6) 0}
  .tikli,.cipler,.iki,.kutular{grid-template-columns:1fr}
  .il__kanallar{grid-template-columns:1fr}
  .kanal,.kanal+.kanal{padding:var(--s3) 0;border-left:0}
  .kanal+.kanal{border-top:1px solid var(--cizgi)}
  .il__adres{grid-template-columns:1fr}
  .il__yasal h2,.il__yasal dl{grid-column:1/-1}
  .il__yasal dl{grid-template-columns:1fr}
  .basari{padding:var(--s5) var(--s3)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{.serit,.bas,.alt,.wa-yuzen{display:none}}
.nw{white-space:nowrap}
/* Öz-eleştiri turu 1 */
.sw{aspect-ratio:1/1}
.sw-izgara{gap:10px}
.hijyen__g img{object-position:50% 70%}
@media (max-width:900px){.bas__eylem .dg span{display:inline}.bas__eylem .dg{width:auto;padding:0 16px;height:44px;font-size:14px}}
@media (max-width:360px){.bas__eylem .dg span{display:none}.bas__eylem .dg{width:44px;padding:0}}
.hz__g--ikon{aspect-ratio:16/5;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--s3);background:radial-gradient(120% 140% at 50% 100%,#E7DCD2 0 55%,#EFE7DF 56% 100%);border:1px solid var(--cizgi);border-bottom:0}
.hz__g--ikon .ik{width:44px;height:44px;color:var(--vurgu);stroke-width:1.4}

/* ---- Üretim teması ekleri (Webtra bağlama) ---- */
.ot-oje svg.ik{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
html:not(.js) [data-js-gerekli]{display:none}
em.vurgu{font-style:normal;color:var(--vurgu)}
.logo img{max-height:30px;width:auto}
.alt__imza{padding:0 0 var(--s3);font-size:13px;color:rgba(255,255,255,.45)}
.alt__imza a{color:rgba(255,255,255,.7)}
.saatler tr.bugun th,.saatler tr.bugun td{font-weight:700;color:inherit}
.kutular--saat{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.kutular--saat .kutu-secim span{justify-content:center;text-align:center}
.kutular[aria-busy=true]{opacity:.5}
.kutular__bos{grid-column:1/-1;color:var(--gri);font-size:15px}
.onay-kap .dj-check{display:flex;gap:12px;font-size:14px;color:var(--gri);cursor:pointer;line-height:1.55}
.onay-kap .dj-check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--vurgu);flex:none}
.onay-kap .dj-check a{color:var(--murekkep);text-decoration:underline}
.onay-kap .dj-error,.alan__hata{color:var(--vurgu);font-size:13px;margin-top:6px}
.hz__govde>p:not(.hz__kisa){color:var(--gri)}
.ot-oje .dj-skip{background:var(--murekkep);color:#fff}