.t52-home .hm-kapanis{position:relative;overflow:hidden;
    background:var(--surface);
    padding-top:calc(var(--pad-y) + var(--bo-5));
    padding-bottom:calc(var(--pad-y) + var(--bo-5))}

  /* Görsel yuvası · yalnız dosya diskteyken basılır (@php'deki is_file). */
  .hm-kapanis .zemin{position:absolute;inset:0;z-index:0;
    background-size:cover;background-position:center;pointer-events:none}
  .hm-kapanis .perde{position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,
      color-mix(in srgb, var(--surface) 94%, transparent) 0%,
      color-mix(in srgb, var(--surface) 88%, transparent) 46%,
      color-mix(in srgb, var(--surface) 62%, transparent) 100%)}

  .hm-kapanis .wrap{position:relative;z-index:2;
    max-width:var(--maxw);margin:0 auto;padding:0 var(--metin-kenar);
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(28px,4vw,72px);align-items:start}

  /* KÜNYE · site geneli tek dil (18.09.2026): --aksan-metin · 600 · 12px alt boşluk. */
  .hm-kapanis .ust{display:block;margin:0 0 var(--bo-3);
    font-size:var(--altbaslik-px);line-height:1;letter-spacing:var(--kunye-ls);text-transform:uppercase;
    font-weight:600;color:var(--aksan-metin)}
  .hm-kapanis h2{margin:0;font-size:var(--bas-xl);line-height:1.06;
    letter-spacing:-.028em;font-weight:var(--bas-w);color:var(--fg);text-wrap:balance}
  .hm-kapanis .alt{margin:var(--bo-5) 0 0;max-width:46ch;
    font-size:var(--yazi-l);line-height:1.65;color:var(--muted);text-wrap:pretty}

  /* INSTAGRAM DÜĞMESİ · 12.10.2026 · marka gradyanı + beyaz yazı; hover = sitedeki öteki düğmelerin
     beyaz ışık süpürmesi (t52-supurme, _header.blade.php). Ölçü sabit → zıplama yok. */
  .hm-kapanis .kp-ig{position:relative;overflow:hidden;isolation:isolate;
    display:inline-flex;align-items:center;justify-content:center;gap:var(--bo-2);
    height:46px;padding:0 var(--bo-5);margin-top:var(--bo-5);box-sizing:border-box;
    border-radius:999px;text-decoration:none;color:#fff;
    font-size:14px;font-weight:600;letter-spacing:.02em;
     
    /* 17:26 · «aradaki sarıyı kaldır» → sarı duraklar çıktı; turuncu-kırmızı → pembe → mavi kaldı */
    background:radial-gradient(circle at 28% 106%,#fd5949 0%,#fd5949 20%,#d6249f 60%,#285aeb 90%)}
  .hm-kapanis .kp-ig{width:46px;padding:0}   /* 22.10 · yalnız simge (kurum isteği) */
  /* 22.10 · simgenin üstünde kalın «Instagram’da bizi takip edin» bağlantısı (kurum isteği); hover yalnız renk */
  .hm-kapanis .kp-ig-yazi{display:block;width:max-content;max-width:100%;margin:clamp(24px,2.6vw,36px) 0 12px;
    font-weight:700;font-size:var(--yazi-l);color:var(--fg);text-decoration:none;transition:color .2s ease}
  .hm-kapanis .kp-ig-yazi:hover{color:var(--aksan-2)}
  .hm-kapanis .kp-ig-yazi [data-yazi]::after{content:attr(data-yazi)}   /* yazı CSS'ten: iletişimde yuva sayılmasın */
  .hm-kapanis .kp-ig-yazi + .kp-ig{margin-top:0}
  .hm-kapanis .kp-ig > i{font-size:20px}
  .hm-kapanis .kp-ig > i, .hm-kapanis .kp-ig > span{position:relative;z-index:2}
  .hm-kapanis .kp-ig::before{content:"";position:absolute;top:-100%;bottom:-100%;left:0;width:34%;
    pointer-events:none;z-index:1;opacity:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
    transform:translateX(-300%) rotate(22deg)}
  .hm-kapanis .kp-ig:hover::before{opacity:1;animation:t52-supurme .85s ease-out 1}
  .hm-kapanis .kp-ig:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}
  @media(prefers-reduced-motion:reduce){ .hm-kapanis .kp-ig::before{display:none} }

  /* Form kutusu · kendi yüzeyi YOK. _form nötr biçimli; ikinci bir yüzey
     basmak bölümü kart görünümüne sokardı, tasarım dili buna karşı. */
  /* Bölümün zemini --surface; form alanlarının varsayılan zemini de --surface.
     Ezilmezse alanlar zemine karışır ve kutu gibi okunmaz (ölçüldü). Bir
     basamak geriye alınıyor: alanlar sayfa zemininde duruyormuş gibi. */
  .hm-kapanis .kutu{min-width:0;--form-alan-bg:var(--bg)}

  @media(max-width:900px){
    .t52-home .hm-kapanis{padding-top:calc(var(--bo-7) + var(--bo-4));
      padding-bottom:calc(var(--bo-7) + var(--bo-4))}
    .hm-kapanis .wrap{grid-template-columns:1fr;gap:var(--bo-7)}
    .hm-kapanis .alt{max-width:100%}
    /* Dar ekranda perde yatay değil DİKEY olmalı: yazı görselin üstünde
       değil altında duruyor. */
    .hm-kapanis .perde{background:linear-gradient(180deg,
      color-mix(in srgb, var(--surface) 66%, transparent) 0%,
      color-mix(in srgb, var(--surface) 92%, transparent) 38%,
      color-mix(in srgb, var(--surface) 96%, transparent) 100%)}
  }