/* ==========================================================================
   Kuzey Bina Yönetimi — site teması
   Değerler tasarım artboard'larından (Tasarım/_referans/son) birebir alınmıştır.
   Akışkan ölçüler 390 px (mobil artboard) → 1440 px (masaüstü artboard) arasında clamp ile.
   ========================================================================== */

@layer sifirla, token, temel, bilesen, yerlesim, sayfa, efekt, yardimci;

/* ---------- Fontlar (Fontsource, variable, kendi sunucumuzda) ---------- */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-opsz-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}

/* ---------- Sıfırlama ---------- */
@layer sifirla{
  *,*::before,*::after{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
  body{margin:0}
  h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}
  ul[role=list],ol[role=list]{list-style:none;padding:0}
  img,picture,svg,video{display:block;max-width:100%}
  img{height:auto}
  input,button,textarea,select{font:inherit;color:inherit}
  button{cursor:pointer}
  address{font-style:normal}
  summary{list-style:none;cursor:pointer}
  summary::-webkit-details-marker{display:none}
  [hidden]{display:none!important}
}

/* ---------- Tokenlar ---------- */
@layer token{
  :root{
    /* Renk — tasarım sistemi 01 */
    --brand-300:#FFB547; --brand-400:#FF8A3D; --brand-500:#FF6A13; --brand-600:#E0520A; --brand-700:#B8410A; --brand-800:#8F320A;
    --ember:#FF3D2E; --ice:#7DE3FF; --brand-50:#FFF4EC;
    --night-950:#070A12; --night-900:#0C1120; --night-800:#151B2E;
    --snow-50:#FBFAF7; --stone-100:#F2EFEA; --stone-200:#ECE7E0; --stone-300:#E7E2DA; --stone-400:#D6D0C6;
    --ink-900:#12151C; --ink-800:#2A2F3A; --ink-700:#3A404D; --ink-500:#5B6272;
    --basari:#4ADE80; --uyari:#FBBF24; --hata:#B42318; --hata-kenar:#EF4444;

    /* Tipografi */
    --font-disp:'Bricolage Grotesque','Avenir Next',system-ui,sans-serif;
    --font-govde:Inter,'Segoe UI',system-ui,sans-serif;
    --h1:clamp(44px, calc(3.8095vw + 29.14px), 84px);   /* 44 → 84 */
    --h2:clamp(34px, calc(2.0952vw + 25.83px), 56px);   /* 34 → 56 */
    --h2-buyuk:clamp(38px, calc(3.2381vw + 25.37px), 72px); /* CTA: 38 → 72 */
    --h3:clamp(22px, calc(.9524vw + 18.29px), 32px);
    --govde-l:clamp(16px, calc(.381vw + 14.51px), 20px);
    --govde:clamp(15px, calc(.0952vw + 14.63px), 16px);
    --ust-baslik:clamp(13px, calc(.0952vw + 12.63px), 14px);

    /* Boşluk */
    --kenar:clamp(20px, calc(9.5238vw - 17.14px), 120px);   /* 20 → 120 */
    --bolum:clamp(72px, calc(4.5714vw + 54.17px), 120px);   /* 72 → 120 */
    --bant-kenar:clamp(12px, calc(2.6667vw + 1.6px), 40px); /* 12 → 40 */
    --icerik:1200px;

    /* Yarıçap */
    --r-kart:24px; --r-bant:clamp(28px, calc(.7619vw + 25.03px), 36px); --r-alan:14px; --r-hap:999px;

    /* Işık — tasarım sistemi 02 */
    --glow-sm:0 0 0 1px rgba(255,106,19,.35),0 8px 30px -8px rgba(255,106,19,.55);
    --glow-lg:0 0 0 1px rgba(255,106,19,.35),0 18px 50px -18px rgba(255,106,19,.55);
    --golge-cam:0 10px 30px -16px rgba(18,21,28,.3);

    /* Hareket — tasarım sistemi 08 */
    --yumusak:cubic-bezier(.2,.8,.2,1);

    /* Üst çubuk */
    --ust-h:68px; --ust-bosluk:20px;

    color-scheme:light;
  }
  @media (max-width:73.74em){ :root{ --ust-h:56px; --ust-bosluk:12px } }
}

/* ---------- Temel ---------- */
@layer temel{
  body{background:var(--snow-50);color:var(--ink-900);font-family:var(--font-govde);font-size:var(--govde);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
  a{color:var(--brand-700)}
  a:hover{color:var(--brand-800)}
  :focus-visible{outline:2px solid var(--brand-500);outline-offset:3px;box-shadow:0 0 0 6px rgba(255,106,19,.18)}
  ::selection{background:rgba(255,106,19,.22)}
  input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--brand-500)}
  h1,h2,h3,h4,.disp{font-family:var(--font-disp);letter-spacing:-.03em;font-weight:700}
  h1{text-wrap:balance}
  h1{font-size:var(--h1);line-height:.98}
  h2{font-size:var(--h2);line-height:1.02}
  h3{font-size:var(--h3);line-height:1.15}
  p{text-wrap:pretty}
  .tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","ss01"}
  .ikon{flex:none}
  @view-transition{navigation:auto}
}

/* ---------- Bileşenler (tasarım sistemi 04–07) ---------- */
@layer bilesen{
  /* Kapsayıcı + bölüm */
  .kap{width:100%;max-width:calc(var(--icerik) + 2*var(--kenar));margin-inline:auto;padding-inline:var(--kenar)}
  .bolum{padding-block:var(--bolum)}
  .bolum--ust-yok{padding-top:0}
  .bant{margin-inline:max(var(--bant-kenar),calc((100% - 1520px) / 2));border-radius:var(--r-bant);background:var(--night-900);color:var(--snow-50);position:relative;overflow:hidden}
  .koyu{background:var(--night-950);color:var(--snow-50)}
  .ust-baslik{font-size:var(--ust-baslik);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-700)}
  .koyu .ust-baslik,.bant .ust-baslik{color:var(--brand-300)}
  .giris{font-size:var(--govde-l);line-height:1.55;color:var(--ink-500);max-width:68ch}
  .koyu .giris,.bant .giris{color:rgba(251,250,247,.72)}
  .gradtext{background:linear-gradient(92deg,var(--brand-300) 0%,var(--brand-400) 35%,var(--brand-500) 65%,var(--ember) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .gradtext--acik{background:linear-gradient(92deg,var(--brand-700) 0%,var(--brand-600) 55%,var(--brand-500) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* Butonlar */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 26px;border-radius:var(--r-hap);font-weight:600;font-size:16px;line-height:1;text-decoration:none;border:0;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s,transform .35s var(--yumusak)}
  .btn--k{height:44px;padding:0 18px;font-size:14px}
  .btn--b{height:58px;padding:0 30px;font-size:17px}
  .btn--tam{width:100%}
  .btn--ikincil{background:var(--ink-900);color:var(--snow-50)}
  .btn--ikincil:hover{background:var(--ink-800);color:#fff}
  .btn--hayalet{background:transparent;color:var(--ink-900);border:1px solid var(--stone-400)}
  .btn--hayalet:hover{color:var(--ink-900);border-color:var(--brand-500)}
  .btn--cam{background:rgba(255,255,255,.82);color:var(--ink-900);border:1px solid rgba(18,21,28,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .btn--cam:hover{color:var(--ink-900);border-color:var(--brand-500)}
  .ghost{color:var(--snow-50);text-decoration:none;border:1px solid rgba(251,250,247,.28);background:transparent}
  .ghost:hover{color:#fff;border-color:var(--brand-300)}
  /* WhatsApp: marka yeşili her yerde (açık/koyu zemin fark etmez) */
  /* Yazı koyu: beyaz yazı bu yeşilde kontrast şartını (4.5:1) karşılamıyor */
  .btn--wa,[data-gece] .btn--wa{--wa:#25D366;--wa-hover:#1EBE5A;background:var(--wa);color:#07301A;border:0;font-weight:600}
  .btn--wa:hover,[data-gece] .btn--wa:hover{background:var(--wa-hover);color:#07301A}
  .metin-link{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
  .koyu .metin-link,.bant .metin-link{color:var(--brand-300)}
  .metin-link .ikon{transition:transform .3s var(--yumusak)}
  .metin-link:hover .ikon{transform:translateX(3px)}

  /* Işıklı buton — dönen conic kenar; sayfa başına tek eylem */
  .glowbtn{position:relative;isolation:isolate;background:transparent;color:var(--night-950);text-decoration:none;border:0;cursor:pointer}
  .glowbtn::before{content:'';position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--ang),rgba(255,181,71,0) 0 62%,#FFE2B8 76%,var(--brand-300) 84%,rgba(255,106,19,0) 96%);animation:spin 4.5s linear infinite}
  .glowbtn::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:var(--brand-500);box-shadow:var(--glow-sm);transition:background-color .2s}
  .glowbtn:hover{color:var(--night-950)}
  .glowbtn:hover::after{background:var(--brand-400)}
  .glowbtn:active::after{background:var(--brand-600)}

  /* Cam yüzey */
  .glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .hap{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 10px;border-radius:var(--r-hap);font-size:13px;font-weight:500;align-self:flex-start;background:rgba(255,255,255,.8);border:1px solid rgba(18,21,28,.08);color:var(--ink-900)}
  .hap--koyu{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(251,250,247,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  @media (min-width:73.75em){ .hap{height:36px;padding:0 16px 0 12px;gap:8px;font-size:14px} }

  /* Rozetler */
  .rozet{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--r-hap);font-size:13px;font-weight:600}
  .rozet--buz{background:rgba(125,227,255,.12);color:var(--ice)}
  .rozet--basari{background:rgba(34,197,94,.14);color:var(--basari)}
  .rozet--uyari{background:rgba(245,158,11,.14);color:var(--uyari)}
  .rozet--ornek{align-self:flex-start;height:auto;padding:5px 12px;font-size:12px;background:#E3F7FD;color:#0B5A70}
  .yildizlar{color:var(--brand-500);letter-spacing:2px}

  /* Kartlar */
  .kart{background:var(--stone-100);border-radius:var(--r-kart);border:1px solid transparent;position:relative;overflow:hidden}
  .kart--beyaz{background:#fff;border-color:var(--stone-200)}
  .kart--koyu{background:var(--night-900);border-color:var(--night-800);color:var(--snow-50)}
  .buyuk-rakam{font-family:var(--font-disp);font-weight:700;letter-spacing:-.03em;color:var(--brand-300);text-shadow:0 0 40px rgba(255,138,61,.6)}

  /* Form (05) */
  .etiket{display:block;font-size:15px;font-weight:600;margin-bottom:8px}
  .fld{height:52px;border-radius:var(--r-alan);border:1px solid var(--stone-400);background:#fff;padding:0 16px;font:500 16px var(--font-govde);color:var(--ink-900);width:100%;transition:border-color .2s,box-shadow .2s}
  textarea.fld{height:auto;min-height:132px;padding:14px 16px;line-height:1.5;resize:vertical}
  .fld::placeholder{color:#8A909C}
  .fld:focus{outline:0;border-color:var(--brand-500);box-shadow:0 0 0 4px rgba(255,106,19,.18)}
  .fld[aria-invalid=true]{border-color:var(--hata-kenar)}
  .alan{display:flex;flex-direction:column;gap:8px}
  .alan .etiket{margin:0}
  .alan .alan-hata{margin-top:0}
  .etiket__not{font-weight:400;color:var(--ink-500)}
  .alan-hata{display:block;margin-top:6px;font-size:13px;color:var(--hata)}
  .onay{display:flex;gap:10px;align-items:flex-start;font-size:15px}
  .onay input{width:22px;height:22px;margin:0;flex:none}

  /* Seçim çipleri */
  .cip{display:inline-flex;align-items:center;gap:6px;height:48px;padding:0 18px;border-radius:var(--r-hap);font-weight:600;background:#fff;border:1px solid var(--stone-400);cursor:pointer;user-select:none;transition:background-color .2s,color .2s,box-shadow .2s}
  .cip:has(input:checked),.cip[aria-pressed=true]{background:var(--ink-900);color:var(--snow-50);border-color:var(--ink-900);box-shadow:0 0 0 3px rgba(255,106,19,.25)}
  .cip input{position:absolute;opacity:0;pointer-events:none}
  .secim-kart{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;border-radius:16px;padding:0 16px;font-weight:600;background:#fff;border:1.5px solid var(--stone-400);cursor:pointer;transition:border-color .2s,background-color .2s}
  .secim-kart:has(input:checked){background:var(--brand-50);border-color:var(--brand-500)}
  .secim-kart input{position:absolute;opacity:0;pointer-events:none}

  /* SSS (details) */
  .sss details{border-bottom:1px solid var(--stone-300);padding:18px 0}
  .sss summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:28px}
  .sss summary span{font-family:var(--font-disp);letter-spacing:-.03em;font-weight:600;font-size:clamp(18px, calc(.381vw + 16.51px), 22px)}
  .sss details p{margin-top:10px;font-size:clamp(15px, calc(.1905vw + 14.26px), 17px);line-height:1.6;color:var(--ink-700);max-width:720px}
  .chev{transition:transform .3s var(--yumusak);color:var(--brand-700)}
  details[open] .chev{transform:rotate(180deg)}

  /* Breadcrumb */
  .breadcrumb ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--ink-500)}
  .breadcrumb li+li::before{content:'/';margin-right:6px;color:var(--stone-400)}
  .breadcrumb a{color:var(--ink-500);text-decoration:none}
  .breadcrumb a:hover{color:var(--brand-700)}

  /* Logo */
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
  .logo:hover{color:inherit}
  .logo__yazi{display:flex;flex-direction:column;line-height:1}
  .logo__ad{font-family:var(--font-disp);letter-spacing:-.03em;font-size:22px;font-weight:700}
  .logo__alt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);margin-top:3px}
  @media (max-width:73.74em){
    .logo{gap:8px}
    .logo svg{width:22px;height:22px}
    .logo__ad{font-size:19px}
    .logo__alt{font-size:9px;margin-top:2px}
  }
}

/* ---------- Ortak bölümler: bölüm başlığı, SSS, hesaplayıcı, kapanış CTA (ana sayfa, fiyatlar, iç sayfalar) ---------- */
@layer bilesen{
/* ---------- Bölüm başlığı ---------- */
.bolum-bas{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(20px, calc(2.2857vw + 11.09px), 44px)}
.bolum-bas__metin{display:flex;flex-direction:column;gap:14px}
.bolum-bas--orta{align-items:center;text-align:center}
@media (min-width:64em){
  .bolum-bas--yan{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px}
  .bolum-bas--yan>.metin-link{flex:none}
  .bolum-bas--orta{gap:14px}
}
@media (max-width:63.99em){
  .bolum-bas--orta{align-items:flex-start;text-align:left}
  .bolum-bas__metin{gap:12px}
}

/* ==================== 13 · SSS BÖLÜMÜ ==================== */
.sss-bolum__ic{display:flex;flex-direction:column;gap:16px}
.sss-bolum__bas{display:flex;flex-direction:column;gap:16px}
.sss-bolum .sss{border-top:1px solid var(--stone-300)}
.sss-bolum .sss summary span{font-size:18px;line-height:1.25}
.sss-bolum .sss details p{font-size:15px;line-height:1.6}
@media (min-width:64em){
  .sss-bolum__ic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
  .sss-bolum h2{font-size:clamp(40px, calc(1.1429vw + 35.54px), 52px)}
  .sss-bolum .giris{font-size:17px}
  .sss-bolum .giris a{font-weight:600}
  .sss-bolum .sss{grid-column:span 2}
  .sss-bolum .sss details{padding:24px 0}
  .sss-bolum .sss summary{gap:24px}
  .sss-bolum .sss summary span{font-size:22px}
  .sss-bolum .sss details p{margin-top:14px;font-size:17px}
}


/* ==================== VAKA KARTI (ana sayfa, referanslar, hizmet/bölge sayfaları) ==================== */
.vakalar__izgara{display:grid;gap:20px}
.vaka{border-radius:22px;background:#fff;border:1px solid var(--stone-300);overflow:hidden;text-decoration:none;color:var(--ink-900);display:flex;flex-direction:column;position:relative}
.vaka:hover{color:var(--ink-900)}
.vaka__kapak{height:170px;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--night-900) 0%,var(--night-800) 100%);display:flex;align-items:flex-end;padding:18px}
.vaka__kapak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vaka__kapak::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,18,0) 45%,rgba(7,10,18,.75) 100%)}
.vaka__ilce{position:relative;z-index:1;font-size:26px;font-weight:700;color:var(--snow-50)}
.vaka__govde{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.vaka__kunye{font-size:13px;color:var(--ink-500)}
.vaka__baslik{font-size:22px;font-weight:700;line-height:1.15}
.vaka__detay{font-size:14px;line-height:1.5;color:var(--ink-700)}
.vaka__sonuc{margin-top:auto;border-radius:12px;background:var(--brand-50);padding:12px 14px;display:flex;justify-content:space-between;align-items:center}
.vaka__sonuc>span{font-size:13px;color:var(--ink-500)}
.vaka__sonuc strong{font-size:20px;font-weight:700;color:var(--brand-700)}
@media (min-width:64em){
  .vakalar__izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vaka{border-radius:24px}
  .vaka__kapak{height:220px;padding:22px}
  .vaka__ilce{font-size:30px}
  .vaka__govde{padding:26px;gap:14px}
  .vaka__baslik{font-size:24px}
  .vaka__detay{display:flex;flex-direction:column;gap:8px;font-size:15px}
  .vaka__sonuc{border-radius:14px;padding:14px 16px}
  .vaka__sonuc>span{font-size:14px}
  .vaka__sonuc strong{font-size:24px}
}

/* ==================== REHBER KARTI ==================== */
.rehber__izgara{display:grid;gap:16px}
.rehber-kart{border-radius:18px;background:var(--stone-100);padding:12px;text-decoration:none;color:var(--ink-900);display:flex;align-items:center;gap:14px;overflow:hidden;border:1px solid transparent;position:relative}
.rehber-kart:hover{color:var(--ink-900)}
.rehber-kart picture{flex:none}
.rehber-kart__gorsel{width:84px;height:84px;border-radius:12px;object-fit:cover}
.rehber-kart__metin{display:flex;flex-direction:column;gap:6px}
.rehber-kart__etiket{font-size:12px;font-weight:600}
.rehber-kart__etiket--turuncu{color:var(--brand-700)}
.rehber-kart__etiket--buz{color:#0B6A85}
.rehber-kart__baslik{font-size:19px;font-weight:700;line-height:1.2}
@media (min-width:64em){
  .rehber__izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .rehber-kart{border-radius:24px;border-color:rgba(18,21,28,.06);padding:30px;min-height:280px;flex-direction:column;align-items:stretch;gap:14px}
  .rehber-kart picture{display:block;width:calc(100% + 60px);max-width:none;margin:-30px -30px 8px;overflow:hidden}
  .rehber-kart__gorsel{width:100%;height:200px;border-radius:0}
  .rehber-kart__metin{flex:1;gap:14px}
  .rehber-kart__etiket{align-self:flex-start;font-size:13px;padding:5px 12px;border-radius:var(--r-hap);background:#fff}
  .rehber-kart__baslik{font-size:26px;line-height:1.15}
  .rehber-kart__ozet{font-size:15px;line-height:1.55;color:var(--ink-500)}
  .rehber-kart__kunye{margin-top:auto;font-size:13px;color:var(--ink-500)}
}

/* ==================== HİZMET KARTI (tasarım sistemi 06: r24 · stone-100 · hover glow-sm) ==================== */
.hizmet-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.hizmet-kart{position:relative;display:flex;flex-direction:column;gap:10px;min-height:100%;border-radius:var(--r-kart);background:var(--stone-100);border:1px solid rgba(18,21,28,.06);padding:22px 22px 20px;text-decoration:none;color:var(--ink-900);transition:box-shadow .3s var(--yumusak),border-color .3s}
.hizmet-kart:hover{color:var(--ink-900);box-shadow:var(--glow-sm);border-color:transparent}
.hizmet-kart__ikon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#FFE9DA;color:var(--brand-700);margin-bottom:6px}
.hizmet-kart__ad{font-size:21px;font-weight:700;line-height:1.15}
.hizmet-kart__metin{font-size:15px;line-height:1.5;color:var(--ink-500)}
.hizmet-kart__ok{margin-top:auto;padding-top:6px;color:var(--brand-700);transition:transform .3s var(--yumusak)}
.hizmet-kart:hover .hizmet-kart__ok{transform:translateX(4px)}
@media (min-width:40em){ .hizmet-izgara{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:64em){
  .hizmet-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .hizmet-kart{padding:28px 28px 24px}
  .hizmet-kart__ad{font-size:24px}
}

/* ==================== BÖLGE HARİTASI (ana sayfa, /kayseri, ilçe sayfaları) ==================== */
.bolgeler__ic{display:grid;gap:22px;grid-template-areas:"metin" "harita" "liste"}
.bolgeler__metin{grid-area:metin;display:flex;flex-direction:column;gap:12px}
.bolgeler__liste{grid-area:liste;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bolgeler__liste a{height:52px;border-radius:14px;background:var(--stone-100);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--ink-900);font-weight:600;text-decoration:none}
.bolgeler__liste a:hover{color:var(--brand-700)}
.bolgeler__sayi{color:var(--brand-700)}
.harita{grid-area:harita;height:280px;border-radius:24px;background:var(--night-900);position:relative;overflow:hidden}
.harita__gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.harita__perde{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,18,.15) 0%,rgba(7,10,18,0) 30%,rgba(7,10,18,.1) 60%,rgba(7,10,18,.55) 100%)}
.harita__nokta{position:absolute;z-index:2;transform:translate(-6px,-50%);display:flex;align-items:center;gap:7px}
.harita__isik{position:relative;width:9px;height:9px;flex:none}
.harita__isik span{position:absolute;inset:0;border-radius:50%;background:var(--brand-500)}
.harita__isik span+span{background:var(--brand-300);box-shadow:0 0 10px var(--brand-400)}
.harita__etiket{background:rgba(7,10,18,.62);border-radius:var(--r-hap);padding:4px 9px;font-size:11px;line-height:1.2;font-weight:600;color:var(--snow-50);white-space:nowrap}
.harita__etiket span{color:var(--brand-300)}
.harita__dag{position:absolute;z-index:2;left:55%;top:13%;transform:translateX(-50%);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(251,250,247,.85);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.harita__lejant{position:absolute;z-index:2;right:20px;bottom:20px;border-radius:14px;padding:12px 16px;font-size:13px;color:rgba(251,250,247,.9);background:rgba(7,10,18,.6);display:flex;align-items:center;gap:10px}
.harita__lejant>span{width:8px;height:8px;border-radius:50%;background:var(--brand-300);box-shadow:0 0 8px var(--brand-400)}
@media (min-width:64em){
  .bolgeler__ic{grid-template-columns:420px minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". harita" "metin harita" "liste harita" ". harita";gap:0 64px}
  .bolgeler__metin{gap:22px}
  .bolgeler h2{font-size:clamp(40px, calc(1.1429vw + 35.54px), 52px)}
  .bolgeler__liste{display:flex;flex-direction:column;gap:0;margin-top:30px;border-top:1px solid var(--stone-300)}
  .bolgeler__liste a{height:60px;border-radius:0;background:none;padding:0;border-bottom:1px solid var(--stone-300);font-size:19px}
  .bolgeler__sayi{font-size:14px;font-weight:500;color:var(--ink-500)}
  .harita{height:560px;border-radius:32px}
  .harita__isik{width:11px;height:11px}
  .harita__etiket{padding:7px 13px;font-size:13px}
}

.harita__nokta--aktif .harita__etiket{background:var(--brand-500);color:var(--night-950)}
.harita__nokta--aktif .harita__etiket span{color:var(--night-950)}
.bolgeler__liste a[aria-current=page]{color:var(--brand-700)}

/* ==================== 9 · HESAPLAYICI ==================== */
@media (max-width:63.99em){ .hesap-bolum .kap{padding-inline:12px} }
.hesap{border-radius:28px;background:var(--stone-100);border:1px solid rgba(18,21,28,.06);padding:28px 20px;display:flex;flex-direction:column;gap:22px}
.hesap__giris{display:flex;flex-direction:column;gap:22px}
.hesap__baslik{margin-top:10px;font-size:30px;line-height:1.05}
.hesap__alan{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0;min-width:0}
.hesap__etiket{display:flex;justify-content:space-between;font-size:15px;font-weight:600}
.hesap__etiket>.tnum{color:var(--brand-700)}
.hesap__legend{padding:0;margin-bottom:12px}
@media (max-width:63.99em){ .hesap__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} }
.hesap input[type=range]{width:100%;height:32px;margin:0}
.hesap__sinir{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-500)}
.hesap__cipler{display:flex;flex-wrap:wrap;gap:8px}
.hesap .cip{height:44px;padding:0 14px;font-size:14px;color:var(--ink-900)}
.hesap .cip[aria-pressed=true]{color:var(--snow-50)}
.hesap__sonuc{position:relative;overflow:hidden;border-radius:20px;background:var(--night-900);color:var(--snow-50);padding:22px;display:flex;flex-direction:column;gap:10px}
.hesap__aur{right:-100px;top:-120px;width:380px;height:300px;background:radial-gradient(closest-side,rgba(255,106,19,.4),rgba(255,106,19,0));filter:blur(40px)}
.hesap__sonuc>div:not(.aur){position:relative}
.hesap__sonuc-etiket{font-size:13px;color:rgba(251,250,247,.7)}
.hesap__tutar{margin-top:10px;font-size:34px;line-height:1.1;text-shadow:0 0 30px rgba(255,138,61,.5)}
.hesap__ozet{margin-top:10px;font-size:13px;color:rgba(251,250,247,.66)}
.hesap__alt{display:flex;flex-direction:column;gap:14px}
.hesap__dugme{height:50px;margin-top:8px}
@media (min-width:64em){
  .hesap{border-radius:32px;padding:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
  .hesap__giris{gap:28px}
  .hesap__baslik{margin-top:12px;font-size:44px}
  .hesap__alan{gap:12px}
  .hesap__etiket{font-size:16px}
  .hesap input[type=range]{height:28px}
  .hesap__cipler{gap:10px}
  .hesap .cip{height:48px;padding:0 18px;font-size:15px}
  .hesap__sonuc{border-radius:24px;padding:40px;justify-content:space-between;gap:24px}
  .hesap__sonuc-etiket{font-size:15px}
  .hesap__tutar{margin-top:12px;font-size:clamp(44px, calc(3.2vw + 17.9px), 64px);text-shadow:0 0 40px rgba(255,138,61,.5)}
  .hesap__ozet{margin-top:12px;font-size:15px;color:rgba(251,250,247,.7)}
  .hesap__not{font-size:14px;line-height:1.5;color:rgba(251,250,247,.6)}
  .hesap__dugme{align-self:flex-start;height:54px;margin:0}
}

/* ==================== 14 · KAPANIŞ CTA ==================== */
.cta{margin-bottom:var(--bant-kenar);border-radius:var(--r-bant);background:var(--night-950);color:var(--snow-50);padding:64px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;isolation:isolate}
.cta>picture{position:absolute;inset:0;z-index:-2}
.cta__gorsel{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.cta__perde{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 50% 42%,rgba(7,10,18,.62) 0%,rgba(7,10,18,.35) 55%,rgba(7,10,18,.1) 100%),linear-gradient(180deg,rgba(7,10,18,0) 60%,rgba(7,10,18,.55) 100%)}
.cta__yildiz{width:32px;height:32px;filter:drop-shadow(0 0 12px var(--brand-400))}
.cta__baslik{font-size:var(--h2-buyuk);line-height:1.02;max-width:900px;text-wrap:balance}
.cta__aciklama{font-size:clamp(15px, calc(.381vw + 13.51px), 19px);color:rgba(251,250,247,.74)}
.cta__eylem{display:flex;flex-direction:column;gap:14px;align-self:stretch}
.cta__eylem .btn{height:54px;font-size:16px}
@media (min-width:64em){
  .cta{padding:112px 80px;gap:28px}
  .cta__gorsel{object-position:50% 50%}
  .cta__yildiz{width:40px;height:40px;filter:drop-shadow(0 0 16px var(--brand-400))}
  .cta__baslik{line-height:1}
  .cta__eylem{flex-direction:row;align-self:center;margin-top:8px}
  .cta__eylem .btn{height:58px;font-size:17px;padding:0 26px}
  .cta__eylem .glowbtn{padding:0 30px}
  .cta__eylem .ghost{font-weight:500}
}

}

/* ---------- Yerleşim: üst çubuk, menüler, mobil alt çubuk, footer ---------- */
@layer yerlesim{
  .atla{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink-900);color:#fff;padding:10px 16px;border-radius:12px;text-decoration:none}
  .atla:focus{top:12px;color:#fff}

  /* Üst çubuk — yüzen cam hap. Varsayılan açık; hero sayfasında gece [data-gece] .ust[data-hero] */
  .ust{position:fixed;z-index:50;top:var(--ust-bosluk);left:var(--bant-kenar);right:var(--bant-kenar);pointer-events:none}
  .ust__cubuk{position:relative;pointer-events:auto;height:var(--ust-h);border-radius:var(--r-hap);padding:0 12px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;
    background:rgba(255,255,255,.8);border:1px solid rgba(18,21,28,.06);box-shadow:var(--golge-cam);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink-900);
    transition:background-color .35s,border-color .35s,color .35s,box-shadow .35s}
  .ust.kaydi .ust__cubuk{background:rgba(255,255,255,.92);box-shadow:0 14px 34px -18px rgba(18,21,28,.38)}
  [data-gece] .ust[data-hero]:not(.kaydi) .ust__cubuk{background:rgba(12,17,32,.55);border-color:rgba(255,255,255,.12);box-shadow:none;color:var(--snow-50)}
  [data-gece] .ust[data-hero]:not(.kaydi) .logo__alt{color:rgba(251,250,247,.66)}

  .ana-menu{display:flex;align-items:center;gap:clamp(20px, calc(5.3846vw - 43.54px), 34px);font-size:15px;font-weight:500;list-style:none;padding:0;margin:0}
  .ana-menu>li{position:relative}
  .ana-menu>li:has(>.mega){position:static}
  .navlink{color:var(--ink-800);text-decoration:none;position:relative;display:flex;align-items:center;gap:4px;background:none;border:0;padding:0;font:inherit;height:44px;cursor:pointer}
  .navlink:hover,.navlink[aria-current=page],.navlink[aria-expanded=true]{color:var(--ink-900)}
  .navlink:hover::before,.navlink[aria-current=page]::before{content:'';position:absolute;left:-12px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--brand-300);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px var(--brand-400))}
  .navlink .chev{color:currentColor}
  .navlink[aria-expanded=true] .chev{transform:rotate(180deg)}
  [data-gece] .ust[data-hero]:not(.kaydi) .navlink{color:rgba(251,250,247,.82)}
  [data-gece] .ust[data-hero]:not(.kaydi) .navlink:hover,[data-gece] .ust[data-hero]:not(.kaydi) .navlink[aria-expanded=true]{color:#fff}

  .ust__sag{display:flex;align-items:center;gap:10px}
  /* Geniş masaüstü (≥1300): menü ekranın tam ortasında — logo ve sağ grup eşit genişlikte değil; 1fr auto 1fr ile ortalanır.
     Daha darda (1180–1300) sağ grupla çakıştığı için eski akış (space-between) kalır. */
  @media (min-width:81.25em){
    .ust__cubuk{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-inline:12px}
    .ust__cubuk>:first-child{margin-left:12px;justify-self:start}
    .ust__cubuk>.ana-menu{grid-column:2}
    .ust__sag{grid-column:3;justify-self:end}
  }
  @media (min-width:81.25em) and (max-width:87.49em){
    .ana-menu{gap:20px}
    .ust__sakin{padding:0 6px}
  }
  .ust__sakin{font-size:14px;padding:0 10px;white-space:nowrap}
  .ust__tel{width:44px;height:44px;border-radius:var(--r-hap);display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;border:1px solid rgba(18,21,28,.14);transition:border-color .2s}
  .ust__tel:hover{color:inherit;border-color:var(--brand-500)}
  [data-gece] .ust[data-hero]:not(.kaydi) .ust__tel{border-color:rgba(251,250,247,.28)}
  [data-gece] .ust[data-hero]:not(.kaydi) .ust__tel:hover{border-color:var(--brand-300)}
  .ust__teklif{height:44px;padding:0 22px;border-radius:var(--r-hap);display:flex;align-items:center;font-size:15px;font-weight:600;white-space:nowrap}
  .ust__menu-dugme{display:none;width:44px;height:44px;border-radius:12px;border:0;background:rgba(18,21,28,.06);color:inherit;align-items:center;justify-content:center}
  [data-gece] .ust[data-hero]:not(.kaydi) .ust__menu-dugme{background:rgba(255,255,255,.08)}

  /* Açılır panel (Kurumsal) ve mega menü (Hizmetler) */
  .acilir{position:absolute;top:calc(100% + 18px);left:50%;translate:-50% 0;min-width:260px;padding:10px;border-radius:var(--r-kart);background:#fff;border:1px solid rgba(18,21,28,.06);
    box-shadow:0 30px 60px -24px rgba(18,21,28,.35);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink-900);
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--yumusak),transform .25s var(--yumusak),visibility 0s .25s}
  .acilir::before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px}
  .ana-menu>li.acik>.acilir,.ana-menu>li:focus-within>.acilir{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--yumusak),transform .25s var(--yumusak)}
  .acilir ul{list-style:none;padding:0;margin:0}
  .acilir a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--ink-900);font-size:15px;font-weight:500}
  .acilir a:hover,.acilir a:focus-visible{background:var(--stone-100);color:var(--ink-900)}
  .acilir a:hover .ikon{color:var(--brand-500)}
  .acilir .ikon{color:var(--brand-700)}
  .mega{top:calc(100% + 12px);width:min(1180px,100%);padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr) 250px;gap:8px 16px;align-items:start}
  .mega__grup-baslik{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;color:var(--brand-700);padding:6px 12px 8px;text-decoration:none}
  .mega__grup-baslik:hover{color:var(--brand-800)}
  .mega a:not(.mega__grup-baslik):not(.btn){padding:7px 12px;font-size:14.5px;line-height:1.35}
  .mega__vurgu{align-self:stretch;min-height:260px;border-radius:18px;background:var(--night-900);color:var(--snow-50);padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
  .mega__vurgu p{font-size:14px;line-height:1.5;color:rgba(251,250,247,.72)}
  .mega__vurgu .buyuk-rakam{font-size:40px;line-height:1}
  .mega__vurgu .btn{margin-top:auto}

  /* Mobil menü (tam ekran çekmece) */
  .mobil-menu{position:fixed;inset:0;z-index:60;background:var(--snow-50);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--yumusak),transform .3s var(--yumusak),visibility 0s .3s}
  .mobil-menu.acik{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--yumusak),transform .3s var(--yumusak)}
  .mobil-menu__ust{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;height:56px;margin:12px 12px 0;padding:0 6px 0 14px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(18,21,28,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .mobil-menu__kapat{width:44px;height:44px;border-radius:12px;border:0;background:rgba(18,21,28,.06);display:flex;align-items:center;justify-content:center;color:var(--ink-900)}
  .mobil-menu__govde{padding:20px 20px 120px;display:flex;flex-direction:column;gap:6px}
  .mobil-menu__govde>ul{list-style:none;padding:0;margin:0}
  .mobil-menu__govde>ul>li{border-bottom:1px solid var(--stone-300)}
  .mobil-menu__govde>ul>li>a,.mobil-menu__govde summary{display:flex;align-items:center;justify-content:space-between;min-height:60px;font-family:var(--font-disp);letter-spacing:-.03em;font-size:24px;font-weight:600;color:var(--ink-900);text-decoration:none}
  .mobil-menu__govde details ul{list-style:none;padding:0 0 16px;margin:0;display:grid;gap:2px}
  .mobil-menu__govde details ul ul{padding:0 0 8px 12px}
  .mobil-menu__govde details a{display:flex;align-items:center;min-height:44px;color:var(--ink-700);text-decoration:none;font-size:16px}
  .mobil-menu__govde details a.mega__grup-baslik{padding:14px 0 2px;min-height:0;font-size:12px;color:var(--brand-700)}
  .mobil-menu__eylem{display:grid;gap:10px;margin-top:24px}
  .mobil-menu__iletisim{margin-top:24px;display:grid;gap:10px;font-size:15px;color:var(--ink-500)}
  .mobil-menu__iletisim a{color:var(--ink-900);text-decoration:none}

  /* Mobil alt eylem çubuğu — gündüz açık, gece koyu (tasarımdaki gibi) */
  .alt-cubuk{--wa:#25D366;--wa-hover:#1EBE5A;--wa-yazi:#07301A;position:fixed;z-index:40;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:520px;margin-inline:auto;height:64px;border-radius:20px;padding:6px;
    display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
    background:rgba(255,255,255,.94);border:1px solid rgba(18,21,28,.08);box-shadow:0 16px 40px -14px rgba(18,21,28,.35);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    transition:transform .35s var(--yumusak),opacity .35s}
  .alt-cubuk a{border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-900);text-decoration:none;font-weight:600;font-size:15px}
  .alt-cubuk a:not(.glowbtn):hover{background:rgba(18,21,28,.05)}
  .alt-cubuk .glowbtn{font-weight:700}
  [data-gece] .alt-cubuk{background:rgba(12,17,32,.86);border-color:rgba(255,255,255,.1);box-shadow:0 16px 40px -12px rgba(0,0,0,.5)}
  [data-gece] .alt-cubuk a:not(.glowbtn){color:var(--snow-50)}
  [data-gece] .alt-cubuk a:not(.glowbtn):hover{background:rgba(255,255,255,.06)}
  .alt-cubuk a.alt-cubuk__wa,[data-gece] .alt-cubuk a.alt-cubuk__wa{background:var(--wa);color:var(--wa-yazi)}
  .alt-cubuk a.alt-cubuk__wa:hover,[data-gece] .alt-cubuk a.alt-cubuk__wa:hover{background:var(--wa-hover)}
  .alt-cubuk.gizli{transform:translateY(calc(100% + 24px));opacity:0}

  /* İç sayfalar: sabit üst çubuğun altında başlasın */
  .ic-sayfa main{padding-top:calc(var(--ust-bosluk) + var(--ust-h) + 20px)}

  /* Footer */
  .alt{background:var(--night-950);color:var(--snow-50);position:relative;padding:clamp(72px, calc(7.4286vw + 43.03px), 150px) 0 48px}
  .alt__siluet{position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:none}
  .alt__siluet--m{display:none}
  .alt__izgara{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}
  .alt__marka{grid-column:span 2;display:flex;flex-direction:column;gap:18px}
  .alt__marka .logo__ad{font-size:24px}
  .alt__varlik{font-size:15px;line-height:1.6;color:rgba(251,250,247,.7);max-width:380px}
  .alt__adres{display:flex;flex-direction:column;gap:10px;font-size:15px;color:rgba(251,250,247,.86)}
  .alt__adres>*{display:flex;gap:10px;align-items:flex-start}
  .alt__adres .ikon{color:var(--brand-300);margin-top:2px}
  .alt__sutun{display:flex;flex-direction:column;gap:12px;font-size:15px}
  .alt__sutun ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
  .alt__baslik{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-300)}
  .flink{color:rgba(251,250,247,.72);text-decoration:none}
  .flink:hover{color:var(--brand-300)}
  .alt__taban{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:56px;padding-top:28px;border-top:1px solid var(--night-800);font-size:14px;color:rgba(251,250,247,.6)}
  .alt__yasal{display:flex;flex-wrap:wrap;gap:22px;list-style:none;padding:0;margin:0}
  .alt__sosyal{display:flex;gap:10px;list-style:none;padding:0;margin:0}
  .alt__sosyal a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}

  /* Çerez uyarısı */
  .cerez{position:fixed;z-index:45;left:var(--bant-kenar);bottom:max(20px,env(safe-area-inset-bottom));max-width:440px;padding:18px 20px;border-radius:20px;background:var(--night-900);color:var(--snow-50);border:1px solid var(--night-800);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.5}
  .cerez p{color:rgba(251,250,247,.8)}
  .cerez a{color:var(--brand-300)}
  .cerez__eylem{display:flex;gap:10px}

  /* ---- Kırılımlar ---- */
  @media (max-width:73.74em){
    .ust__cubuk{border-radius:18px;padding:0 6px 0 14px;box-shadow:0 8px 24px -12px rgba(18,21,28,.25);background:rgba(255,255,255,.78)}
    .ana-menu,.ust__sakin,.ust__tel,.ust__teklif{display:none}
    .ust__menu-dugme{display:flex}
    .alt-cubuk{display:grid}
    .alt{padding-bottom:120px}
    .alt__siluet--d{display:none}
    .alt__siluet--m{display:block}
    .alt__izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
    .alt__marka{grid-column:1/-1}
    .alt__sutun,.alt__sutun ul{gap:10px}
    .alt__baslik{font-size:12px}
    .alt__taban{flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px;padding-top:20px;font-size:13px}
    .alt__yasal{gap:16px;order:-1}
    .cerez{right:12px;left:12px;bottom:88px;max-width:none}
  }
  @media (min-width:48em) and (max-width:73.74em){
    .alt__izgara{grid-template-columns:repeat(4,minmax(0,1fr))}
  }
}

/* ---------- Efektler (tasarım sistemi 08) ---------- */
@layer efekt{
  @keyframes spin{to{--ang:360deg}}
  .aur{position:absolute;border-radius:50%;filter:blur(70px);mix-blend-mode:screen;pointer-events:none}
  .curtain{position:absolute;pointer-events:none;filter:blur(26px);mix-blend-mode:screen;transform-origin:top center;background:linear-gradient(180deg,rgba(255,181,71,0) 0%,rgba(255,181,71,.55) 32%,rgba(255,106,19,.38) 62%,rgba(255,61,46,0) 100%)}
  .curtain.ice{background:linear-gradient(180deg,rgba(125,227,255,0),rgba(125,227,255,.16) 45%,rgba(125,227,255,0))}
  .sway1{animation:sway 24s ease-in-out infinite alternate}
  .sway2{animation:sway 29s ease-in-out -8s infinite alternate-reverse}
  .sway3{animation:sway 21s ease-in-out -4s infinite alternate}
  .drift1{animation:drift 26s ease-in-out infinite alternate}
  .drift2{animation:drift 31s ease-in-out -10s infinite alternate-reverse}
  @keyframes sway{0%{transform:skewX(-20deg) translateX(0) scaleY(1);opacity:.65}50%{opacity:1}100%{transform:skewX(-6deg) translateX(160px) scaleY(1.14);opacity:.8}}
  @keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(120px,-30px) scale(1.18)}}
  .float1{animation:float 7s ease-in-out infinite}
  .float2{animation:float 8s ease-in-out -2s infinite}
  .float3{animation:float 9s ease-in-out -4s infinite}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  .win{position:absolute;width:5px;height:7px;border-radius:1px;background:var(--brand-300);opacity:.08;animation:lit 11s ease-in-out infinite}
  @keyframes lit{0%,30%{opacity:.08;box-shadow:none}40%,88%{opacity:1;box-shadow:0 0 8px 1px rgba(255,138,61,.8)}100%{opacity:.08}}

  /* Işık takip eden kart: --x/--y site.js'ten (masaüstü, pointermove) */
  .spot{transition:box-shadow .35s var(--yumusak),border-color .35s,transform .35s var(--yumusak)}
  .spot::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--x,50%) var(--y,50%),rgba(255,138,61,.14),transparent 60%)}
  .spot:hover{border-color:rgba(255,106,19,.45)!important;box-shadow:var(--glow-lg);transform:translateY(-2px)}
  .spot:hover::after{opacity:1}
  .zoom{transition:transform .6s var(--yumusak)}
  .spot:hover .zoom{transform:scale(1.05)}

  .lightedge{position:relative}
  .lightedge::before{content:'';position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,rgba(255,106,19,0),var(--brand-400),rgba(255,106,19,0))}

  .bar{transform-origin:bottom;animation:grow 1.2s var(--yumusak) both;animation-play-state:paused}
  .gorundu .bar,.bar.gorundu{animation-play-state:running}
  @keyframes grow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
  @supports (animation-timeline:view()){
    .fillx{transform-origin:left;animation:fillx linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
  }
  @keyframes fillx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  .pulse{animation:pulse 2.4s ease-out infinite}
  @keyframes pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.2);opacity:0}}
  .kb{animation:kb 40s ease-in-out infinite alternate;transform-origin:78% 40%}
  @keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}

  /* Görünür olunca yumuşak giriş (JS yoksa içerik zaten görünür) */
  .js .belir{opacity:0;transform:translateY(16px);transition:opacity .7s var(--yumusak),transform .7s var(--yumusak)}
  .js .belir.gorundu{opacity:1;transform:none}

  ::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:var(--yumusak)}

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation:none!important;transition:none!important}
    .glowbtn::after{box-shadow:var(--glow-sm)}
    .win{opacity:1;box-shadow:0 0 8px 1px rgba(255,138,61,.8)}
    .js .belir{opacity:1;transform:none}
  }
}

/* ---------- Yardımcılar ---------- */
@layer yardimci{
  .gorunmez{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .kilitli{overflow:hidden}
  /* Sayfa yerleşim kırılımı 64em: tasarımın mobil (390) ve masaüstü (1440) sürümleri arasında metin/öğe farkları */
  @media (max-width:63.99em){ .sadece-genis{display:none!important} }
  @media (min-width:64em){ .sadece-dar{display:none!important} }
}

/* ---------- İletişim düğmeleri, fiyat iletişim kartı, "Sizi arayalım" penceresi ---------- */
@layer bilesen{
  .iletisim-dugmeler{display:flex;flex-wrap:wrap;gap:10px}
  .iletisim-dugmeler .btn{gap:8px}
  .fiyat-iletisim{border-radius:var(--r-kart);background:#fff;border:1px solid var(--stone-200);padding:clamp(20px, calc(1.5vw + 14px), 32px);display:flex;flex-direction:column;gap:12px}
  .fiyat-iletisim__baslik{font-size:clamp(22px, calc(.5714vw + 19.77px), 28px);line-height:1.15;color:var(--ink-900)}
  .fiyat-iletisim__metin{color:var(--ink-700);max-width:60ch}
  .arayalim{border:0;padding:0;border-radius:var(--r-kart);width:min(460px, calc(100vw - 32px));max-height:calc(100dvh - 32px);background:var(--snow-50);color:var(--ink-900);box-shadow:0 30px 80px rgba(18,21,28,.28)}
  .arayalim::backdrop{background:rgba(18,21,28,.55)}
  .arayalim__form{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(22px, calc(1.5vw + 16px), 32px)}
  .arayalim__kapat{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--r-hap);background:transparent;color:var(--ink-700);cursor:pointer}
  .arayalim__kapat:hover{background:var(--stone-100)}
  .arayalim__baslik{font-size:clamp(26px, calc(.5714vw + 23.77px), 32px);line-height:1.1;padding-right:44px}
  .arayalim__giris{color:var(--ink-700)}
  .arayalim__durum:empty{display:none}
  .arayalim__durum{padding:12px 14px;border-radius:var(--r-alan);background:#EAF6EE;color:#1E5B34;font-weight:600}
  .arayalim__durum.hata{background:#FDECEA;color:#8A2317}
  .arayalim__eylem{display:flex;flex-direction:column;gap:12px}
  .arayalim__eylem .btn{width:100%}
  .arayalim__tel{text-align:center;font-size:15px;color:var(--ink-700)}
}

/* Binanızı anlatın (hesaplayıcının fiyatsız sonucu) */
@layer bilesen{
  .hesap__ozet--buyuk{margin-top:10px;font-family:var(--font-baslik, inherit);font-size:clamp(22px, calc(1.1429vw + 17.54px), 34px);line-height:1.2;font-weight:600;color:var(--snow-50)}
  .hesap__sonuc .hesap__not{margin-top:10px;font-size:15px;line-height:1.5;color:rgba(251,250,247,.72)}
  .hesap__alt .iletisim-dugmeler .btn{flex:1 1 auto}
  @media (min-width:64em){ .hesap__alt{gap:16px} .hesap__alt .hesap__dugme{align-self:stretch} }
}

/* Sağ kenara yakın bölge noktası: etiket noktanın soluna (kenardan taşmasın) */
@layer bilesen{
  .harita__nokta--sol{flex-direction:row-reverse;transform:translate(calc(-100% + 6px),-50%)}
}