/* ═══════════════════════════════════════════════════════════════════
     1 · STİL BOYUTLARI
     ═══════════════════════════════════════════════════════════════════ */

  /* ── KÖŞE · --rail-r'yi ezer → rail, hero, imza, panel hepsi birden döner ── */
  html[data-stil-kose="keskin"]  {--rail-r:0px}
  html[data-stil-kose="belirgin"]{--rail-r:28px}

  /* ── BAŞLIK ÖLÇÜSÜ · bölümlerdeki clamp() bu çarpanla ölçeklenir ──
     _hero h1, _ifade h2, _imza h2 → font-size:calc(clamp(...) * var(--olcek-baslik,1)) */
  html[data-stil-baslik="iri"]  {--olcek-baslik:1.18}
  html[data-stil-baslik="sakin"]{--olcek-baslik:.88}

  /* ── AKSAN RENGİ · --aksan-2 ──
     Aydınlık ve karanlık için AYRI değer: koyu zeminde aynı renk sönük kalır. */
  html[data-stil-aksan="gumus"] {--aksan-2:#8b929c}
  html[data-stil-aksan="bakir"] {--aksan-2:#b06e4a}
  html.dark[data-stil-aksan="gumus"]{--aksan-2:#c9cdd4}
  html.dark[data-stil-aksan="bakir"]{--aksan-2:#d99a72}

  /* ── BOŞLUK · --pad-y global bölüm nefesini belirler (_common.blade.php) ── */
  html[data-stil-yogunluk="ferah"]{--pad-y:clamp(64px,7.2vw,120px)}
  html[data-stil-yogunluk="sik"]  {--pad-y:clamp(28px,3.4vw,52px)}

  /* ── HİZMET BÖLÜMÜ · iki varyant birbirini dışlar ──
     Taban «uclu»: üçlü fotoğraf şeridi görünür, mozaik gizli.
     display:none olan bölümün lazy görselleri indirilmez → boşa trafik yok. */
  .hm-guven{display:none}
  html[data-stil-vitrin="mozaik"] .hm-hizmet{display:none}
  html[data-stil-vitrin="mozaik"] .hm-guven{display:block}

  /* «kap» boyutunun override'ları bölüm dosyalarındadır:
     home/_hero.blade.php · home/_imza.blade.php → html:not([data-stil-kap="cerceve"]) */

  /* ═══════════════════════════════════════════════════════════════════
     2 · PANEL ARAYÜZÜ · scope: .t52-stil
     SAĞDAN AÇILAN ÇEKMECE. Eski açılır kutu dar ve kullanımı zordu; çekmece
     tam yükseklik olduğu için seçenekler tek bakışta görünür, liste kaymaz.
     Yüzey dili siteyle aynı: .t52-cam. Gölge YOK — ayrım 1px kenar çizgisiyle.
     ═══════════════════════════════════════════════════════════════════ */
  .t52-stil{display:none}
  html[data-stil-panel="acik"] .t52-stil{display:block}

  /* ── TETİK · sağ kenarda dikey sekme ────────────────────────────── */
  .t52-stil-dugme{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:901;
    display:inline-flex;align-items:center;gap:var(--bo-2);
    height:auto;padding:var(--bo-5) var(--bo-3);box-sizing:border-box;
    writing-mode:vertical-rl;
    border:1px solid var(--line-strong);border-right:0;
    border-radius:var(--bo-3) 0 0 var(--bo-3);
    background:var(--surface);color:var(--fg);
    font:600 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
    cursor:pointer;
    transition:background-color .24s ease,border-color .24s ease,color .24s ease}
  .t52-stil-dugme:hover{background:var(--gold-soft);border-color:var(--aksan-2)}
  .t52-stil-dugme:focus-visible{outline:2px solid var(--aksan-2);outline-offset:-3px}
  .t52-stil-dugme i{font-size:14px;color:var(--aksan-2);writing-mode:horizontal-tb}
  html[data-stil-acik] .t52-stil-dugme{opacity:0;pointer-events:none}

  .t52-stil-rozet{display:inline-flex;align-items:center;justify-content:center;
    min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;writing-mode:horizontal-tb;
    border-radius:999px;background:var(--aksan-2);color:var(--surface);
    font:700 11.5px/1 var(--sans);font-variant-numeric:tabular-nums}
  .t52-stil-rozet[hidden]{display:none}

  /* ── ÇEKMECE ────────────────────────────────────────────────────── */
  .t52-stil-govde{position:fixed;top:0;right:0;z-index:902;
    width:min(400px,100vw);height:100dvh;
    display:flex;flex-direction:column;
    padding:var(--bo-6);box-sizing:border-box;
    border-radius:0;border-left:1px solid var(--line-strong);
    transform:translateX(100%);
    transition:transform .38s cubic-bezier(.22,1,.36,1);
    will-change:transform}
  html[data-stil-acik] .t52-stil-govde{transform:translateX(0)}
  @media(prefers-reduced-motion:reduce){.t52-stil-govde{transition:none}}

  .t52-stil-tepe{display:flex;align-items:center;justify-content:space-between;
    gap:var(--bo-3);flex:none;
    margin:0 0 var(--bo-5);padding-bottom:var(--bo-4);border-bottom:1px solid var(--line)}
  .t52-stil-baslik{font:700 13px/1 var(--sans);letter-spacing:.16em;
    text-transform:uppercase;color:var(--aksan-metin)}
  .t52-stil-daralt{width:34px;height:34px;flex:none;display:inline-flex;align-items:center;
    justify-content:center;border:1px solid var(--line);border-radius:999px;
    background:transparent;color:var(--muted);cursor:pointer;font-size:14px;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease}
  .t52-stil-daralt:hover{background:var(--gold-soft);color:var(--fg);border-color:var(--line-strong)}
  .t52-stil-daralt:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}

  /* liste — çekmece tam yükseklik olduğu için genelde kaymaya bile gerek kalmaz */
  .t52-stil-liste{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;
    margin:0 calc(var(--bo-3) * -1);padding:0 var(--bo-3)}
  .t52-stil-liste::-webkit-scrollbar{width:5px}
  .t52-stil-liste::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}

  .t52-stil-boyut + .t52-stil-boyut{margin-top:var(--bo-5);padding-top:var(--bo-5);
    border-top:1px solid var(--line)}
  /* boyut adı — eskiden 12px'ti, okunmuyordu */
  .t52-stil-ad{display:block;margin-bottom:var(--bo-3);
    font:700 16px/1.2 var(--sans);letter-spacing:-.01em;color:var(--fg)}

  /* İKİ DÜZEN — her boyut kendi seçeneklerine göre biçim alır.
     .d-liste : uzun açıklamalı seçenekler alt alta (kap, vitrin)
     .d-izgara: kısa etiketli seçenekler yan yana → panel kısalır, tarama kolaylaşır */
  .t52-stil-secenekler{display:grid;gap:var(--bo-2)}
  .t52-stil-secenekler.d-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bo-2)}

  /* ızgaradaki seçenek: dikey yığın, ortalı, daha dar iç boşluk */
  .d-izgara .t52-stil-secenek{flex-direction:column;align-items:center;text-align:center;
    gap:var(--bo-2);padding:var(--bo-3) var(--bo-2)}
  .d-izgara .t52-stil-secenek .s-ad{font-size:13.5px;line-height:1.2}
  .d-izgara .t52-stil-secenek .s-not{margin-top:2px;font-size:11.5px;
    font-variant-numeric:tabular-nums}
  .d-izgara .t52-stil-secenek .s-nokta{width:20px;height:20px}
  .t52-stil-secenek{display:flex;align-items:center;gap:var(--bo-3);
    width:100%;text-align:left;cursor:pointer;
    padding:var(--bo-4);box-sizing:border-box;
    border:1px solid var(--line);border-radius:var(--bo-3);
    background:transparent;
    transition:background-color .2s ease,border-color .2s ease}
  .t52-stil-secenek:hover{background:var(--gold-soft);border-color:var(--line-strong)}
  .t52-stil-secenek[aria-checked="true"]{background:var(--gold-soft);border-color:var(--aksan-2)}
  .t52-stil-secenek:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}

  .t52-stil-secenek .s-nokta{flex:none;width:18px;height:18px;border-radius:999px;
    border:1px solid var(--line-strong)}
  .t52-stil-secenek .s-metin{display:block;min-width:0}
  /* seçenek adı ve notu — ikisi de bir kademe büyüdü */
  .t52-stil-secenek .s-ad{display:block;font:600 15px/1.3 var(--sans);color:var(--fg)}
  .t52-stil-secenek .s-not{display:block;margin-top:3px;font:450 12.5px/1.45 var(--sans);
    color:var(--muted);text-wrap:pretty}
  .t52-stil-secenek[aria-checked="true"] .s-ad{color:var(--aksan-2)}

  .t52-stil-eylem{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--bo-3);
    margin-top:var(--bo-5);padding-top:var(--bo-5);border-top:1px solid var(--line)}
  .t52-stil-eylem button{display:inline-flex;align-items:center;justify-content:center;
    gap:var(--bo-2);height:42px;padding:0 var(--bo-4);box-sizing:border-box;
    border:1px solid var(--line);border-radius:999px;background:transparent;
    color:var(--fg);font:600 13px/1 var(--sans);cursor:pointer;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}
  .t52-stil-eylem button i{font-size:12px;color:var(--aksan-2);transition:color .2s ease}
  .t52-stil-eylem button:hover{background:var(--gold-soft);border-color:var(--aksan-2)}
  .t52-stil-eylem button:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}
  .t52-stil-eylem button:disabled{opacity:.4;cursor:default}
  .t52-stil-eylem button:disabled:hover{background:transparent;border-color:var(--line)}
  .t52-stil-eylem button:disabled i{color:var(--muted)}

  @media(max-width:520px){
    .t52-stil-govde{width:100vw;padding:var(--bo-5)}
    .t52-stil-eylem{grid-template-columns:1fr}
  }