/* ---- Tipografi: kendi sunucumuzda, dış istek yok ---- */
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;
src:url(/font/inter-latin-ext.woff2) format("woff2");
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:400 700;font-display:swap;
src:url(/font/inter-latin.woff2) format("woff2");
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:Playfair;font-style:normal;font-weight:500 700;font-display:swap;
src:url(/font/playfair-latin-ext.woff2) format("woff2");
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:Playfair;font-style:normal;font-weight:500 700;font-display:swap;
src:url(/font/playfair-latin.woff2) format("woff2");
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}

/* ============================================================
   1. TOKEN — tek doğruluk kaynağı
   ============================================================ */
:root{
  /* renk — sıcak nötr + şarap + antika altın */
  --ink:#1a141e;      --ink-2:#4a4053;   --ink-3:#6f6479;
  --yuzey:#fbf9fb;    --yuzey-2:#f4eff5; --kart:#fff;
  --cizgi:#e8e1ea;    --cizgi-2:#d5cbd9;
  --marka:#6e1338;    --marka-2:#8d1a49; --marka-3:#a92559;
  --marka-us:#fff;
  --altin:#a8823f;    --altin-2:#c49b52;
  --yesil:#128c4a;    --yesil-2:#0f7a40;

  /* tipografi ölçeği — 1.200 minör üçlü */
  --f-1:.8125rem;  --f-2:.875rem;  --f-3:.9375rem; --f-4:1rem;
  --f-5:1.125rem;  --f-6:1.375rem; --f-7:1.75rem;  --f-8:2.25rem;
  --f-9:clamp(1.85rem,5.2vw,3.5rem);

  /* boşluk ölçeği — 4px tabanlı */
  --a-1:.25rem; --a-2:.5rem;  --a-3:.75rem; --a-4:1rem;
  --a-5:1.5rem; --a-6:2rem;   --a-7:3rem;   --a-8:4rem;  --a-9:5.5rem;
  --blok:var(--a-8);

  /* yarıçap — üç değer, başka yok */
  --y-1:8px; --y-2:14px; --y-3:999px;

  /* gölge — üç kademe */
  --g-1:0 1px 2px rgba(26,20,30,.05);
  --g-2:0 1px 3px rgba(26,20,30,.06),0 8px 20px -8px rgba(26,20,30,.12);
  --g-3:0 2px 6px rgba(26,20,30,.07),0 18px 40px -12px rgba(26,20,30,.18);

  --en:72rem;
  --gecis:.18s cubic-bezier(.4,0,.2,1);
}
@media(prefers-color-scheme:dark){:root{
  --ink:#f4f0f6;      --ink-2:#c6bdcf;   --ink-3:#9a90a6;
  --yuzey:#120e15;    --yuzey-2:#191320; --kart:#1c1622;
  --cizgi:#2b2233;    --cizgi-2:#3a2f44;
  --marka:#e888a8;    --marka-2:#f6a2bd; --marka-3:#ffb8ce;
  --marka-us:#1a141e;
  --altin:#cfa864;    --altin-2:#e0bd7e;
  --yesil:#22b566;    --yesil-2:#31c775;
  --g-1:0 1px 2px rgba(0,0,0,.4);
  --g-2:0 1px 3px rgba(0,0,0,.5),0 8px 20px -8px rgba(0,0,0,.6);
  --g-3:0 2px 6px rgba(0,0,0,.5),0 18px 40px -12px rgba(0,0,0,.7);
}}
@media(max-width:56rem){:root{--blok:var(--a-7)}}
@media(max-width:40rem){:root{
  --blok:2.5rem;
  --f-5:1.05rem;--f-6:1.2rem;--f-7:1.45rem;--f-8:1.9rem}}

/* ============================================================
   2. TEMEL
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--yuzey);
  font:var(--f-4)/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-feature-settings:"cv02","cv03","cv04";-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(60rem 32rem at 92% -8%,color-mix(in srgb,var(--marka) 9%,transparent),transparent 60%),
    radial-gradient(48rem 28rem at -6% 6%,color-mix(in srgb,var(--altin) 8%,transparent),transparent 62%);
  background-attachment:fixed;background-repeat:no-repeat}
img{max-width:100%;height:auto;display:block}
a{color:var(--marka);text-decoration-thickness:1px;text-underline-offset:.18em}
a:focus-visible,button:focus-visible,summary:focus-visible,
textarea:focus-visible{outline:2px solid var(--marka);outline-offset:2px;border-radius:var(--y-1)}
h1,h2,h3{font-family:Playfair,Georgia,serif;font-weight:600;letter-spacing:-.015em;
  line-height:1.14;margin:0}
h1{font-size:var(--f-9);line-height:1.08;letter-spacing:-.022em;max-width:17ch;
  margin-bottom:var(--a-4)}
h2{font-size:var(--f-7)}
h3{font-size:var(--f-6);line-height:1.25}
p{margin:0 0 var(--a-4)}
.wrap{max-width:var(--en);margin-inline:auto;padding-inline:var(--a-5)}
@media(max-width:40rem){
  .wrap{padding-inline:var(--a-4)}
  .adimlar{gap:var(--a-2)}
  .adimlar li{padding:var(--a-5) var(--a-4) var(--a-4)}
  .adimlar li::after{font-size:4rem;top:-.7rem}
  .adimlar li::before{min-width:2.2rem;height:2.2rem;margin-bottom:var(--a-3);
    font-size:var(--f-3)}
  .serit{padding:var(--a-4);gap:var(--a-3)}
  .stat div{padding:var(--a-3)}
  .hizmet-blok .ust-gor{padding:var(--a-3);gap:var(--a-3)}
  .hizmet-blok ul.hm{padding:var(--a-3);gap:.35rem}
  .hizmet-blok ul.hm a{min-height:34px;padding:.3rem .7rem;font-size:var(--f-1)}
  .gor-sayfa{border-radius:var(--y-1)}
  .cta-serit .wrap{padding-block:var(--a-5)}
  h1{margin-bottom:var(--a-3)}
  h2{margin-bottom:var(--a-2)}
  .lede{font-size:var(--f-4);margin-bottom:var(--a-4)}
  .alt-baslik{margin:var(--a-2) 0 var(--a-4)}
  .kirinti{margin-bottom:var(--a-3)}
  .gor-sayfa{margin-bottom:var(--a-4)}
  .metin h2{margin-top:var(--a-5)}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lede{font-size:var(--f-5);line-height:1.68;color:var(--ink-2);max-width:44rem;
  margin:0 0 var(--a-5)}
.alt-baslik{color:var(--ink-3);max-width:46rem;margin:var(--a-2) 0 var(--a-6);
  font-size:var(--f-4);line-height:1.65}
.kirinti{font-size:var(--f-2);color:var(--ink-3);margin:0 0 var(--a-4)}
.kirinti a{color:var(--ink-3);text-decoration:none}
.kirinti a:hover{color:var(--marka);text-decoration:underline}

/* ============================================================
   3. DÜĞME
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-2);
  min-height:44px;padding:.7rem 1.15rem;border:1px solid transparent;border-radius:var(--y-1);
  font-size:var(--f-3);font-weight:600;text-decoration:none;cursor:pointer;
  transition:background var(--gecis),color var(--gecis),border-color var(--gecis),
             transform var(--gecis),box-shadow var(--gecis)}
.btn:active{transform:translateY(1px)}
.btn-buyuk{padding:.95rem 1.6rem;font-size:var(--f-4)}
.btn-wa{background:var(--yesil);color:#fff}
.btn-wa:hover{background:var(--yesil-2);box-shadow:var(--g-2)}
.btn-marka{background:var(--marka);color:var(--marka-us)}
.btn-marka:hover{background:var(--marka-2)}
.btn-cizgi{background:var(--kart);color:var(--ink);border-color:var(--cizgi-2)}
.btn-cizgi:hover{border-color:var(--marka);color:var(--marka)}
.btn-acik{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-acik:hover{background:rgba(255,255,255,.14);border-color:#fff}

/* ============================================================
   4. ÜST BAR + BAŞLIK
   ============================================================ */
.ust{background:var(--marka);color:#fff;font-size:var(--f-2)}
.ust .wrap{display:flex;flex-wrap:wrap;gap:var(--a-2) var(--a-5);
  align-items:center;justify-content:flex-end;min-height:38px}
.ust a{display:inline-flex;align-items:center;gap:.4rem;color:inherit;
  text-decoration:none;font-weight:500;opacity:.94}
.ust a:hover{opacity:1;text-decoration:underline}
@media(max-width:56rem){
  .ust .wrap{justify-content:center;gap:var(--a-4);font-size:var(--f-1);
    flex-wrap:nowrap;min-height:34px}
  .ust a{white-space:nowrap}
}

header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--cizgi);
  background:color-mix(in srgb,var(--yuzey) 86%,transparent);
  backdrop-filter:saturate(1.5) blur(12px)}
header .wrap{display:flex;align-items:center;gap:var(--a-4);min-height:66px}
.marka{display:inline-flex;align-items:center;font-family:Playfair,Georgia,serif;
  font-size:var(--f-6);font-weight:600;letter-spacing:-.015em;color:var(--ink);
  text-decoration:none;white-space:nowrap}
.marka b{color:var(--marka);font-weight:600}
nav.ana{display:flex;align-items:center;gap:var(--a-1);margin-left:auto;flex-wrap:wrap}
nav.ana a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .7rem;
  border-radius:var(--y-1);color:var(--ink-2);font-size:var(--f-3);font-weight:550;
  text-decoration:none;transition:color var(--gecis),background var(--gecis)}
nav.ana a:hover{color:var(--ink);background:var(--yuzey-2)}
nav.ana a.btn{color:#fff}
/* burger — JavaScript yok, <details> ile */
.burger{display:none;margin-left:auto}
.burger>summary{display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border:1px solid var(--cizgi-2);border-radius:var(--y-1);
  background:var(--kart);color:var(--ink);cursor:pointer;list-style:none;
  transition:border-color var(--gecis),color var(--gecis)}
.burger>summary::-webkit-details-marker{display:none}
.burger>summary:hover{border-color:var(--marka);color:var(--marka)}
.burger .kapa{display:none}
.burger[open]>summary .ac{display:none}
.burger[open]>summary .kapa{display:flex}
.burger nav.mob{position:absolute;left:0;right:0;top:100%;z-index:50;
  display:grid;gap:.1rem;padding:var(--a-3) var(--a-4) var(--a-4);
  background:var(--yuzey);border-bottom:1px solid var(--cizgi);
  box-shadow:var(--g-3);max-height:calc(100vh - 104px);overflow-y:auto}
.burger nav.mob a{display:flex;align-items:center;min-height:50px;padding:.6rem .2rem;
  border-bottom:1px solid var(--cizgi);color:var(--ink);font-size:var(--f-4);
  font-weight:550;text-decoration:none}
.burger nav.mob a:last-of-type{border-bottom:0}
.burger .mob-cta{display:grid;gap:var(--a-2);margin-top:var(--a-3)}
.burger .mob-cta a{min-height:48px;border-bottom:0;justify-content:center;
  font-size:var(--f-3);font-weight:600}
.burger .mob-cta .btn-wa{color:#fff}
@media(max-width:56rem){
  nav.ana{display:none}
  .burger{display:block}
  header .wrap{position:relative;justify-content:space-between}
}
@media(max-width:56rem){.ust-gizle{display:none}}

/* ============================================================
   5. HERO
   ============================================================ */
.hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;
  min-height:clamp(28rem,62vh,38rem);overflow:hidden;background:#150e1a}
.hero .fon{position:absolute;inset:0;z-index:0}
.hero .fon .slider,.hero .fon .ray,.hero .fon figure{height:100%}
.hero .fon img{width:100%;height:100%;object-fit:cover}
.hero .fon figcaption{display:none}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(12,7,15,.55),rgba(12,7,15,.28) 34%,rgba(12,7,15,.9)),
    linear-gradient(92deg,rgba(12,7,15,.74),rgba(12,7,15,.2) 64%,transparent)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-block:var(--a-8) var(--a-7)}
.hero-ic{max-width:44rem}
.hero h1{color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.42);margin-bottom:var(--a-4)}
.hero .lede{color:rgba(255,255,255,.9);text-shadow:0 1px 14px rgba(0,0,0,.38)}
.rozet{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:var(--a-4);
  padding:.4rem .9rem;border:1px solid rgba(255,255,255,.34);border-radius:var(--y-3);
  background:rgba(255,255,255,.13);backdrop-filter:blur(6px);
  color:#fff;font-size:var(--f-1);font-weight:650;letter-spacing:.05em;text-transform:uppercase}
.hero-btn{display:flex;flex-wrap:wrap;gap:var(--a-3);margin-bottom:var(--a-5)}
.guven{display:flex;flex-wrap:wrap;gap:var(--a-3) var(--a-5);font-size:var(--f-3);
  color:rgba(255,255,255,.84)}
.guven span{display:inline-flex;align-items:center;gap:.45rem}
.guven svg{color:var(--altin-2);flex:0 0 auto}
@media(max-width:40rem){
  .hero{min-height:24rem}
  .hero .wrap{padding-block:var(--a-7) var(--a-6)}
  .hero-btn{flex-direction:column;align-items:stretch}
  .hero-btn .btn{width:100%}
}

/* slider — JS yok, scroll-snap */
.slider{position:relative;overflow:hidden;border-radius:var(--y-2);background:var(--yuzey-2)}
.slider .ray{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;scrollbar-width:none}
.slider .ray::-webkit-scrollbar{display:none}
.slider figure{flex:0 0 100%;scroll-snap-align:center;margin:0;position:relative}
.slider img{width:100%;aspect-ratio:16/9;object-fit:cover}
.slider nav{position:absolute;left:0;right:0;bottom:var(--a-4);z-index:3;
  display:flex;justify-content:center;gap:.45rem}
.slider nav a{width:9px;height:9px;border-radius:var(--y-3);
  background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);
  text-decoration:none;transition:transform var(--gecis),background var(--gecis)}
.slider nav a:hover,.slider nav a:focus{background:#fff;transform:scale(1.3)}

/* ============================================================
   6. BÖLÜM RİTMİ
   ============================================================ */
main section{padding-block:var(--blok)}
.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1px;
  margin-block:var(--blok) 0;background:var(--cizgi);border:1px solid var(--cizgi);
  border-radius:var(--y-2);overflow:hidden}
.stat div{background:var(--kart);padding:var(--a-4);text-align:center}
.stat b{display:block;font-family:Playfair,Georgia,serif;font-size:var(--f-8);
  font-weight:600;line-height:1.1;color:var(--marka);letter-spacing:-.02em}
.stat span{display:block;margin-top:.15rem;font-size:var(--f-2);color:var(--ink-3)}
@media(max-width:40rem){.stat{grid-template-columns:1fr 1fr}}

/* ============================================================
   7. KARTLAR
   ============================================================ */
.one{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));
  gap:var(--a-4);list-style:none;padding:0;margin:0}
.one a{display:flex;flex-direction:column;height:100%;overflow:hidden;
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--y-2);
  box-shadow:var(--g-1);color:var(--ink);text-decoration:none;
  transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis)}
.one a:hover{transform:translateY(-4px);box-shadow:var(--g-3);
  border-color:color-mix(in srgb,var(--marka) 34%,var(--cizgi))}
.one .medya{position:relative;display:block}
.one .gor{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--yuzey-2)}
.one .medya::after{content:"";position:absolute;inset:auto 0 0;height:50%;
  background:linear-gradient(transparent,rgba(14,8,18,.5))}
.one .ik{position:absolute;left:var(--a-3);bottom:var(--a-3);z-index:2;
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:var(--y-1);background:rgba(255,255,255,.95);color:var(--marka);
  box-shadow:0 2px 10px rgba(0,0,0,.26)}
.one .ik svg{width:20px;height:20px}
.one .govde{display:flex;flex-direction:column;flex:1;padding:var(--a-4)}
.one strong{margin-bottom:.3rem;font-size:var(--f-4);font-weight:700;letter-spacing:-.012em}
.one p{flex:1;margin:0 0 var(--a-4);font-size:var(--f-2);line-height:1.55;color:var(--ink-3)}
.one .git{display:inline-flex;align-items:center;gap:.35rem;
  font-size:var(--f-2);font-weight:650;color:var(--marka)}
.one a:hover .git{gap:.55rem}
@media(max-width:48rem){.one{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));
  gap:var(--a-3)}}
@media(max-width:40rem){
  .one{grid-template-columns:1fr 1fr;gap:var(--a-2)}
  .one .gor{aspect-ratio:4/3}
  .one .govde{padding:var(--a-3)}
  .one strong{font-size:var(--f-2);line-height:1.25}
  .one p{display:none}
  .one .git{font-size:var(--f-1)}
  .one .ik{width:30px;height:30px;left:var(--a-2);bottom:var(--a-2)}
  .one .ik svg{width:16px;height:16px}
}

/* ------------------------------------------------------------
   7b. ETKİNLİK TÜRLERİ — editorial kartlar
   ------------------------------------------------------------ */
.turler{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));
  gap:var(--a-3);list-style:none;padding:0;margin:0}
.turler a{position:relative;display:block;height:100%;min-height:11rem;overflow:hidden;
  border-radius:var(--y-2);text-decoration:none;background:var(--yuzey-2);
  box-shadow:var(--g-1);transition:box-shadow var(--gecis)}
.turler a:hover{box-shadow:var(--g-3)}
.turler img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .5s cubic-bezier(.2,0,.2,1)}
.turler a:hover img{transform:scale(1.06)}
.turler a::after{content:"";position:absolute;inset:0;
  background:linear-gradient(transparent 34%,rgba(12,7,15,.82))}
.turler .yazi{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:var(--a-4)}
.turler strong{display:block;color:#fff;font-family:Playfair,Georgia,serif;
  font-size:var(--f-5);font-weight:600;letter-spacing:-.012em;line-height:1.2}

.turler span{display:block;margin-top:.2rem;color:rgba(255,255,255,.82);
  font-size:var(--f-2);line-height:1.45}



/* ------------------------------------------------------------
   7c. HİZMET KAPSAMI — ajansın neleri üstlendiği
   ------------------------------------------------------------ */
.kapsam{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--a-3);
  list-style:none;padding:0;margin:0}
.kapsam li{display:flex}
.kapsam a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:var(--a-3);width:100%;padding:var(--a-5) var(--a-3);text-align:center;
  border:1px solid color-mix(in srgb,var(--marka) 12%,var(--cizgi));
  border-radius:var(--y-2);text-decoration:none;
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--marka) 6%,var(--kart)) 0%,
    color-mix(in srgb,var(--marka) 2%,var(--kart)) 58%,
    var(--kart) 100%);
  box-shadow:var(--g-1);font-size:var(--f-2);font-weight:600;line-height:1.35;
  color:var(--ink);
  transition:border-color var(--gecis),box-shadow var(--gecis),transform var(--gecis),
             background var(--gecis)}
.kapsam a:hover,.kapsam a:focus-visible{
  border-color:color-mix(in srgb,var(--marka) 42%,transparent);
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--marka) 13%,var(--kart)) 0%,
    color-mix(in srgb,var(--marka) 5%,var(--kart)) 60%,
    var(--kart) 100%);
  box-shadow:var(--g-2);transform:translateY(-3px);outline:none}
.kapsam .ik{display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:var(--y-3);color:var(--marka);
  background:color-mix(in srgb,var(--marka) 11%,transparent);
  border:1px solid color-mix(in srgb,var(--marka) 16%,transparent);
  transition:background var(--gecis),color var(--gecis),border-color var(--gecis)}
.kapsam a:hover .ik{background:var(--marka);color:#fff;border-color:var(--marka)}
.kapsam .ik svg{width:23px;height:23px}
@media(max-width:72rem){.kapsam{grid-template-columns:repeat(4,1fr)}}
@media(max-width:56rem){.kapsam{grid-template-columns:repeat(3,1fr)}}


/* ============================================================
   8. LİSTE / ŞERİT / ADIM
   ============================================================ */
ul.hm{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));
  gap:.3rem;list-style:none;padding:0;margin:0;font-size:var(--f-3)}
ul.hm a{display:inline-block;padding:.3rem 0;color:var(--ink-2);text-decoration:none}
ul.hm a:hover{color:var(--marka);text-decoration:underline}
ul.ok{list-style:none;padding:0;margin:0 0 var(--a-5)}
ul.ok li{position:relative;margin-bottom:var(--a-2);padding-left:1.65rem;color:var(--ink-2)}
ul.ok li::before{content:"";position:absolute;left:0;top:.62rem;width:7px;height:7px;
  border-radius:var(--y-3);background:var(--marka);opacity:.8}

.serit{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
  gap:var(--a-4);padding:var(--a-5);background:var(--yuzey-2);
  border:1px solid var(--cizgi);border-radius:var(--y-2)}
.serit strong{display:block;margin-bottom:.15rem;font-size:var(--f-4)}
.serit p{margin:0;font-size:var(--f-2);color:var(--ink-3);line-height:1.6}

.adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
  gap:var(--a-4);list-style:none;padding:0;margin:0;counter-reset:adim}
.adimlar li{counter-increment:adim;position:relative;overflow:hidden;
  padding:var(--a-6) var(--a-5) var(--a-5);background:var(--kart);
  border:1px solid var(--cizgi);border-radius:var(--y-2);box-shadow:var(--g-1);
  transition:box-shadow var(--gecis),transform var(--gecis),border-color var(--gecis)}
.adimlar li::after{content:"0" counter(adim);position:absolute;top:-1.1rem;right:.4rem;
  font-family:Playfair,Georgia,serif;font-size:5.5rem;font-weight:600;line-height:1;
  color:color-mix(in srgb,var(--marka) 8%,transparent);pointer-events:none;user-select:none}
.adimlar li:hover{box-shadow:var(--g-2);transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--marka) 30%,var(--cizgi))}
.adimlar li>span.ust{position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,var(--marka),var(--altin))}
.adimlar li::before{content:"0" counter(adim);display:inline-flex;align-items:center;
  justify-content:center;width:auto;min-width:44px;height:34px;padding-inline:.7rem;margin-bottom:var(--a-3);
  border-radius:var(--y-1);background:color-mix(in srgb,var(--marka) 10%,transparent);
  color:var(--marka);font-weight:700;font-size:var(--f-3);letter-spacing:.03em}
.adimlar strong{display:block;margin-bottom:.2rem;font-size:var(--f-4)}
.adimlar p{margin:0;font-size:var(--f-2);color:var(--ink-3)}

.ulkeler{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));
  gap:var(--a-3);list-style:none;padding:0;margin:0}
.ulkeler a{display:block;height:100%;padding:var(--a-4);background:var(--kart);
  border:1px solid var(--cizgi);border-radius:var(--y-2);box-shadow:var(--g-1);
  color:var(--ink);text-decoration:none;transition:var(--gecis)}
.ulkeler a:hover{border-color:var(--marka);box-shadow:var(--g-2);transform:translateY(-2px)}
.ulkeler strong{display:flex;align-items:center;gap:.45rem;margin-bottom:.25rem;
  font-size:var(--f-4);font-weight:700}
.ulkeler span{display:block;font-size:var(--f-2);color:var(--ink-3);line-height:1.5}
.sehirler{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0}
.sehirler a{display:inline-flex;align-items:center;min-height:40px;padding:.45rem .95rem;
  border:1px solid var(--cizgi);border-radius:var(--y-3);background:var(--kart);
  color:var(--ink-2);font-size:var(--f-3);text-decoration:none;transition:var(--gecis)}
.sehirler a:hover{border-color:var(--marka);color:var(--marka)}

/* ============================================================
   9. HİZMET BLOĞU / SİTE HARİTASI
   ============================================================ */
details.hizmet-ek{margin-top:var(--a-4)}
details.hizmet-ek>summary{display:flex;align-items:center;justify-content:center;
  gap:var(--a-2);min-height:48px;padding:.8rem 1.2rem;cursor:pointer;list-style:none;
  background:var(--kart);border:1px solid var(--cizgi-2);border-radius:var(--y-1);
  font-size:var(--f-3);font-weight:650;color:var(--marka);
  transition:border-color var(--gecis),background var(--gecis)}
details.hizmet-ek>summary::-webkit-details-marker{display:none}
details.hizmet-ek>summary:hover{border-color:var(--marka);background:var(--yuzey-2)}
details.hizmet-ek>summary::after{content:"▾";font-size:var(--f-4);line-height:1}
details.hizmet-ek[open]>summary{margin-bottom:var(--a-4)}
details.hizmet-ek[open]>summary::after{content:"▴"}
.hizmet-blok{margin-bottom:var(--a-4);overflow:hidden;background:var(--kart);
  border:1px solid var(--cizgi);border-radius:var(--y-2);box-shadow:var(--g-1)}
.hizmet-blok .ust-gor{position:relative;display:flex;align-items:center;gap:var(--a-4);
  padding:var(--a-4);background:var(--yuzey-2);border-bottom:1px solid var(--cizgi)}
.hizmet-blok .ust-gor::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;
  background:linear-gradient(180deg,var(--marka),var(--altin))}
.hizmet-blok .ust-gor img{flex:0 0 auto;width:104px;height:59px;object-fit:cover;
  border-radius:var(--y-1);background:var(--cizgi)}
.hizmet-blok .ust-gor h2,.hizmet-blok .ust-gor h3{font-size:var(--f-5);margin:0}
.hizmet-blok .ust-gor p{margin:.15rem 0 0;font-size:var(--f-2);color:var(--ink-3)}
.hizmet-blok ul.hm{display:flex;flex-wrap:wrap;gap:.45rem;padding:var(--a-4)}
.hizmet-blok ul.hm li{display:contents}
.hizmet-blok ul.hm a{display:inline-flex;align-items:center;min-height:38px;
  padding:.4rem .85rem;background:var(--yuzey-2);border:1px solid var(--cizgi);
  border-radius:var(--y-3);color:var(--ink-2);font-size:var(--f-2);font-weight:550;
  text-decoration:none;transition:var(--gecis)}
.hizmet-blok ul.hm a:hover{background:var(--kart);border-color:var(--marka);
  color:var(--marka);text-decoration:none}
@media(max-width:40rem){.hizmet-blok .ust-gor img{width:76px;height:43px}}

.sh-blok{margin-bottom:var(--a-4);padding:var(--a-5);background:var(--kart);
  border:1px solid var(--cizgi);border-radius:var(--y-2);box-shadow:var(--g-1)}
.sh-blok h2,.sh-blok h3{margin:0 0 .2rem}
.sh-blok>p{margin:0 0 var(--a-3);font-size:var(--f-2);color:var(--ink-3)}
.sh-il{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));
  gap:var(--a-2);list-style:none;padding:0;margin:0}
.sh-il a{display:flex;align-items:center;justify-content:space-between;gap:.4rem;
  min-height:44px;padding:.6rem .85rem;background:var(--yuzey-2);
  border:1px solid var(--cizgi);border-radius:var(--y-1);color:var(--ink);
  font-size:var(--f-3);font-weight:550;text-decoration:none;transition:var(--gecis)}
.sh-il a:hover{border-color:var(--marka);color:var(--marka);background:var(--kart)}
.sh-il span{font-size:var(--f-1);color:var(--ink-3)}

/* ============================================================
   10. İKİ SÜTUN + TEKLİF PANELİ
   ============================================================ */
.iki{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:var(--a-6);
  align-items:start}
.yan{position:sticky;top:88px;display:grid;gap:var(--a-4)}
.panel{padding:var(--a-5);background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--y-2);box-shadow:var(--g-2)}
.panel h3{margin:0 0 .25rem;font-size:var(--f-5)}
.panel p.k{margin:0 0 var(--a-3);font-size:var(--f-2);color:var(--ink-3);line-height:1.55}
.panel form{display:grid;gap:var(--a-2)}
.panel textarea,.hero-kart textarea{width:100%;min-height:104px;padding:.7rem .85rem;
  font:inherit;font-size:var(--f-3);color:var(--ink);background:var(--yuzey);
  border:1px solid var(--cizgi-2);border-radius:var(--y-1);resize:vertical}
.panel .btn{width:100%}
.panel .ayrac{display:flex;align-items:center;gap:var(--a-2);margin:.2rem 0;
  font-size:var(--f-1);color:var(--ink-3)}
.panel .ayrac::before,.panel .ayrac::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.panel .tel-sat{display:grid;gap:.4rem}
.panel .tel-sat a{display:flex;align-items:center;gap:var(--a-2);min-height:44px;
  padding:.55rem .75rem;border:1px solid var(--cizgi);border-radius:var(--y-1);
  color:var(--ink);font-size:var(--f-3);font-weight:600;text-decoration:none}
.panel .tel-sat a:hover{border-color:var(--marka);color:var(--marka)}
.panel .not{margin:var(--a-3) 0 0;font-size:var(--f-1);color:var(--ink-3);line-height:1.5}
.panel-mini{padding:var(--a-4);background:var(--yuzey-2);border:1px solid var(--cizgi);
  border-radius:var(--y-2)}
.panel-mini strong{display:block;margin-bottom:var(--a-2);font-size:var(--f-3)}
.panel-mini a{display:block;padding:.22rem 0;font-size:var(--f-2);color:var(--ink-2);
  text-decoration:none}
.panel-mini a:hover{color:var(--marka)}
@media(max-width:56rem){.iki{grid-template-columns:1fr}.yan{position:static;order:2}}

/* ============================================================
   11. SSS / CTA / TABLO / METİN
   ============================================================ */
.sss-orta{text-align:center}
.sss{display:grid;gap:.55rem;max-width:46rem;margin-inline:auto;text-align:left}
.sss details{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--y-1)}
.sss summary{display:flex;align-items:center;justify-content:space-between;gap:var(--a-4);
  min-height:44px;padding:.9rem 1rem;font-size:var(--f-4);font-weight:600;
  cursor:pointer;list-style:none}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:var(--f-6);font-weight:400;color:var(--marka);line-height:1}
.sss details[open] summary{border-bottom:1px solid var(--cizgi)}
.sss details[open] summary::after{content:"\2212"}
.sss p{margin:0;padding:.85rem 1rem 1.05rem;font-size:var(--f-3);color:var(--ink-2);line-height:1.68}

.cta-serit{padding-block:0!important;background:
  linear-gradient(120deg,var(--marka) 0%,var(--marka-2) 52%,#4d0d27 100%)}
.cta-serit .wrap{display:flex;align-items:center;justify-content:space-between;
  gap:var(--a-5) var(--a-6);flex-wrap:wrap;padding-block:var(--a-6)}
.cta-serit .yazi{max-width:40rem}
.cta-serit h2{color:#fff;margin-bottom:.3rem}
.cta-serit p{margin:0;color:rgba(255,255,255,.86);font-size:var(--f-3)}
.cta-serit .dugmeler{display:flex;gap:var(--a-3);flex-wrap:wrap}
.cta-serit .btn-beyaz{background:#fff;color:var(--marka);border-color:#fff}
.cta-serit .btn-beyaz:hover{background:rgba(255,255,255,.9);color:var(--marka)}
@media(max-width:56rem){.cta-serit .wrap{flex-direction:column;align-items:flex-start}}
@media(max-width:40rem){.cta-serit .dugmeler{width:100%;flex-direction:column}
  .cta-serit .dugmeler .btn{width:100%}}
.cta-kutu{padding:var(--a-6) var(--a-5);text-align:center;border-radius:var(--y-2);
  background:linear-gradient(135deg,var(--marka),var(--marka-3));color:#fff}
.cta-kutu h2{color:inherit;margin-bottom:var(--a-2)}
.cta-kutu p{max-width:38rem;margin:0 auto var(--a-5);opacity:.93}
.cta-kutu .hero-btn{justify-content:center;margin:0}
.cta-kutu .btn-beyaz{background:#fff;color:var(--marka);border-color:#fff}

.tablo-sar{overflow-x:auto;background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--y-2);box-shadow:var(--g-1)}
table.fiyat{width:100%;min-width:34rem;border-collapse:collapse;font-size:var(--f-3)}
table.fiyat th{padding:.85rem 1rem;text-align:left;white-space:nowrap;
  background:var(--yuzey-2);border-bottom:1px solid var(--cizgi);
  font-size:var(--f-1);font-weight:650;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-3)}
table.fiyat td{padding:.8rem 1rem;border-bottom:1px solid var(--cizgi);vertical-align:middle}
table.fiyat tr:last-child td{border-bottom:0}
table.fiyat tbody tr:hover{background:var(--yuzey-2)}
table.fiyat td:nth-child(2),table.fiyat td:nth-child(3){white-space:nowrap;
  font-variant-numeric:tabular-nums;color:var(--ink-2)}
table.fiyat td:nth-child(3){font-weight:650;color:var(--marka)}
.not-kaynak{max-width:52rem;margin-top:var(--a-4);font-size:var(--f-2);
  color:var(--ink-3);line-height:1.6}

.metin{max-width:52rem}
.metin h2{margin:var(--a-6) 0 var(--a-3);font-size:var(--f-6)}
.metin h2:first-of-type{margin-top:var(--a-5)}
.metin p{margin:0 0 var(--a-4);color:var(--ink-2);line-height:1.75}
.metin code{padding:.12rem .35rem;background:var(--yuzey-2);border-radius:4px;font-size:.9em}
.guncelleme{margin:0 0 var(--a-6)!important;font-size:var(--f-2);color:var(--ink-3)}
.eksik{color:var(--marka);font-style:italic;font-size:.92em}
.uyari-kutu{margin:0 0 var(--a-5)!important;padding:var(--a-4);
  background:color-mix(in srgb,var(--altin) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--altin) 42%,transparent);
  border-left-width:4px;border-radius:var(--y-1)}
.kod-kutu{padding:var(--a-4);background:var(--yuzey-2);border:1px solid var(--cizgi);
  border-radius:var(--y-1);font-size:var(--f-2);white-space:pre-wrap;overflow-x:auto}
table.bilgi{width:100%;margin:0 0 var(--a-5);border-collapse:collapse;font-size:var(--f-3)}
table.bilgi th{width:12rem;padding:.7rem .9rem;text-align:left;vertical-align:top;
  background:var(--yuzey-2);border-bottom:1px solid var(--cizgi);font-weight:650}
table.bilgi td{padding:.7rem .9rem;border-bottom:1px solid var(--cizgi)}

.gor-sayfa{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--y-2);
  margin:0 0 var(--a-5);background:var(--yuzey-2)}
address{font-style:normal;color:var(--ink-3);font-size:var(--f-3)}
.ilet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--a-4)}
.ilet-kart{padding:var(--a-5);background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--y-2);box-shadow:var(--g-1)}
.ilet-kart .ik{display:block;margin-bottom:var(--a-2);color:var(--marka)}
.ilet-kart strong{display:block;margin-bottom:.15rem;font-size:var(--f-5)}
.ilet-kart p{margin:.2rem 0 var(--a-3);font-size:var(--f-2);color:var(--ink-3)}
.harita{margin-top:var(--a-5);overflow:hidden;border:1px solid var(--cizgi);
  border-radius:var(--y-2)}
.harita iframe{display:block;width:100%;height:380px;border:0}

/* ============================================================
   12. YÜZEN WHATSAPP
   ============================================================ */
.wa-yuzen{position:fixed;right:var(--a-4);bottom:var(--a-4);z-index:60;
  display:inline-flex;align-items:center;gap:var(--a-2);min-height:48px;
  padding:.85rem 1.2rem;border-radius:var(--y-3);background:var(--yesil);color:#fff;
  font-size:var(--f-3);font-weight:600;letter-spacing:.005em;text-decoration:none;
  box-shadow:0 4px 10px rgba(10,60,32,.22),0 12px 30px -8px rgba(18,140,74,.45),
             inset 0 1px 0 rgba(255,255,255,.16);
  transition:background var(--gecis),box-shadow var(--gecis),transform var(--gecis)}
.wa-yuzen:active{transform:translateY(1px)}
.wa-yuzen:hover{background:var(--yesil-2);color:#fff}
.wa-yuzen svg{width:22px;height:22px}
@media(max-width:40rem){.wa-yuzen span{display:none}
  .wa-yuzen{padding:.9rem;border-radius:var(--y-3)}}

/* ============================================================
   13. FOOTER
   ============================================================ */
footer{margin-top:var(--a-9);background:#191221;color:#c9bfd4;
  border-top:3px solid var(--altin)}
footer .wrap{display:grid;grid-template-columns:1.7fr repeat(3,1fr);
  gap:var(--a-6) var(--a-6);padding-block:var(--a-7) var(--a-4)}
footer .marka-blok .ad{display:block;margin-bottom:var(--a-2);
  font-family:Playfair,Georgia,serif;font-size:var(--f-6);font-weight:600;color:#fff;
  letter-spacing:-.012em}
footer .marka-blok p{max-width:24rem;margin:0 0 var(--a-3);font-size:var(--f-2);
  line-height:1.72;color:#a99fb8}
footer strong{display:block;margin-bottom:var(--a-3);font-size:var(--f-1);
  font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff}
footer a{display:block;padding:.3rem 0;font-size:var(--f-2);color:#b6acc5;
  text-decoration:none;transition:color var(--gecis)}
footer a:hover{color:#fff}
footer address{display:grid;gap:.35rem;margin:0;font-size:var(--f-2);color:#a99fb8}
footer address span,footer address a{display:inline-flex;align-items:center;gap:.45rem;
  padding:0;font-size:var(--f-2);color:#a99fb8}
footer address a{font-weight:600;color:#c9bfd4}
footer address a:hover{color:#fff}
footer address svg{width:15px;height:15px;flex:0 0 auto;opacity:.75}
footer .alt{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:var(--a-3) var(--a-5);margin-top:var(--a-4);
  padding:var(--a-4) 0 var(--a-2);border-top:1px solid rgba(255,255,255,.12);
  font-size:var(--f-1);color:#8f849f}
footer .alt nav{display:flex;flex-wrap:wrap;gap:.35rem var(--a-4)}
footer .alt a{display:inline;padding:0;font-size:var(--f-1);color:#8f849f}
footer .alt a:hover{color:#fff}
@media(max-width:56rem){footer .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:40rem){
  footer .wrap{grid-template-columns:1fr;gap:var(--a-3);padding-block:var(--a-6) var(--a-3)}
  footer .marka-blok p{display:none}
  footer .fsut:nth-of-type(n+2){display:none}
  footer .fsut .flist{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--a-3)}
  footer .fsut a{padding:.25rem 0;font-size:var(--f-1)}
  footer strong{margin-bottom:var(--a-2)}
  footer .marka-blok .ad{font-size:var(--f-5)}
  footer .alt{flex-direction:column;align-items:flex-start;gap:var(--a-3);
    margin-top:var(--a-3);padding-top:var(--a-4)}
  footer .alt nav{gap:.3rem var(--a-3);font-size:var(--f-1)}
}


/* ============================================================
   15. MOBİL — bütüncül kompakt ölçek (≤40rem)
   Her bölüm aynı orana göre küçülür; tek yerden yönetilir.
   ============================================================ */
@media(max-width:40rem){
  .wrap{padding-inline:var(--a-4)}
  h1{margin-bottom:var(--a-3)}
  h2{margin-bottom:var(--a-2)}
  .lede{font-size:var(--f-4);margin-bottom:var(--a-4)}
  .alt-baslik{margin:var(--a-2) 0 var(--a-4);font-size:var(--f-3)}
  .kirinti{margin-bottom:var(--a-3)}
  .gor-sayfa{margin-bottom:var(--a-4);border-radius:var(--y-1)}
  .metin h2{margin-top:var(--a-5)}

  /* hizmet alanları kartları */
  .one{grid-template-columns:1fr 1fr;gap:var(--a-2)}
  .one .gor{aspect-ratio:3/2}
  .one .govde{padding:var(--a-3) var(--a-3) var(--a-4)}
  .one strong{font-size:var(--f-1);line-height:1.25;margin-bottom:.15rem}
  .one p{display:none}
  .one .git{font-size:.75rem}
  .one .ik{width:26px;height:26px;left:.45rem;bottom:.45rem;border-radius:6px}
  .one .ik svg{width:14px;height:14px}

  /* etkinlik türleri */
  .turler{grid-template-columns:1fr 1fr;gap:var(--a-2)}
  .turler a{min-height:6rem}
  .turler .yazi{padding:var(--a-2) var(--a-3) var(--a-3)}
  .turler strong{font-size:var(--f-1);line-height:1.2}
  .turler span{display:none}

  /* hizmet kapsamı */
  .kapsam{grid-template-columns:repeat(2,1fr);gap:var(--a-2)}
  .kapsam a{padding:var(--a-3) var(--a-2);gap:.45rem;font-size:.78rem;line-height:1.25}
  .kapsam .ik{width:30px;height:30px}
  .kapsam .ik svg{width:15px;height:15px}

  /* nasıl çalışırız */
  .adimlar{gap:var(--a-2)}
  .adimlar li{padding:var(--a-4) var(--a-4) var(--a-3)}
  .adimlar li::after{font-size:2.75rem;top:-.35rem;right:.35rem}
  .adimlar li::before{min-width:1.9rem;height:1.9rem;margin-bottom:var(--a-2);
    font-size:var(--f-2)}
  .adimlar strong{font-size:var(--f-3)}
  .adimlar p{font-size:var(--f-1);line-height:1.5}

  /* neden organize edelim */
  .serit{grid-template-columns:1fr;padding:var(--a-4);gap:var(--a-3)}
  .serit strong{font-size:var(--f-3)}
  .serit p{font-size:var(--f-1);line-height:1.5}

  /* istatistik */
  .stat div{padding:var(--a-3) var(--a-2)}
  .stat span{font-size:var(--f-1)}

  /* tüm hizmetler */
  .hizmet-blok{margin-bottom:var(--a-3)}
  .hizmet-blok .ust-gor{padding:var(--a-3);gap:var(--a-3)}
  .hizmet-blok .ust-gor img{width:58px;height:33px}
  .hizmet-blok .ust-gor h2,.hizmet-blok .ust-gor h3{font-size:var(--f-3)}
  .hizmet-blok .ust-gor p{font-size:.78rem;line-height:1.4}
  .hizmet-blok ul.hm{padding:var(--a-3);gap:.3rem}
  .hizmet-blok ul.hm a{min-height:32px;padding:.25rem .65rem;font-size:.78rem}

  /* şehirler */
  .sehirler{gap:.35rem}
  .sehirler a{min-height:34px;padding:.3rem .7rem;font-size:.8rem}
  .sh-il{grid-template-columns:1fr 1fr;gap:.35rem}
  .sh-il a{min-height:38px;padding:.4rem .6rem;font-size:.8rem}
  .ulkeler{grid-template-columns:1fr 1fr;gap:var(--a-2)}
  .ulkeler a{padding:var(--a-3)}
  .ulkeler strong{font-size:var(--f-2)}
  .ulkeler span{font-size:.75rem}

  /* SSS */
  .sss{gap:.4rem}
  .sss summary{min-height:40px;padding:.6rem .8rem;font-size:var(--f-2);gap:var(--a-3)}
  .sss summary::after{font-size:var(--f-5)}
  .sss p{padding:.6rem .8rem .8rem;font-size:var(--f-2);line-height:1.6}

  /* kapanış CTA */
  .cta-serit .wrap{padding-block:var(--a-5);gap:var(--a-4)}
  .cta-serit p{font-size:var(--f-2)}
  .cta-serit .btn{min-height:46px;font-size:var(--f-3)}
  .cta-kutu{padding:var(--a-5) var(--a-4)}

  /* açılır blok düğmesi */
  details.hizmet-ek>summary{min-height:44px;font-size:var(--f-2);padding:.6rem 1rem}

  /* ---- yatay kaydırmalı şeritler: dikey uzunluğu keser ---- */
  .kaydir{display:grid;grid-auto-flow:column;grid-auto-columns:70%;
    grid-template-columns:none;gap:var(--a-2);
    overflow-x:auto;scroll-snap-type:x mandatory;
    padding-inline:var(--a-4);margin-inline:calc(var(--a-4) * -1);
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .kaydir::-webkit-scrollbar{display:none}
  .kaydir>li{scroll-snap-align:start}
  .kaydir::after{content:"";width:var(--a-1)}
  .one.kaydir{grid-auto-columns:62%}
  .one.kaydir p{display:none}
  .turler.kaydir{grid-auto-columns:54%}
  .turler.kaydir a{min-height:7rem}
  .adimlar.kaydir{grid-auto-columns:74%}
  .kaydir-ipucu{display:flex;align-items:center;gap:.35rem;margin:var(--a-2) 0 0;
    font-size:.75rem;color:var(--ink-3)}

  /* ---- mobilde gizlenen ağır bölümler ---- */
  .mobil-gizle{display:none}
  .mobil-link{display:flex;align-items:center;justify-content:center;gap:.4rem;
    min-height:48px;margin-top:var(--a-3);padding:.7rem 1rem;
    background:var(--kart);border:1px solid var(--cizgi-2);border-radius:var(--y-1);
    color:var(--marka);font-size:var(--f-3);font-weight:650;text-decoration:none}
}
@media(min-width:40.01rem){.mobil-link{display:none}.kaydir-ipucu{display:none}}

/* ============================================================
   14. MOBİL AKSİYON ÇUBUĞU — uygulama hissi
   ============================================================ */
.mobil-bar{display:none}
@media(max-width:40rem){
  .mobil-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;
    display:grid;grid-template-columns:1fr 1fr;gap:var(--a-2);
    padding:var(--a-2) var(--a-3) calc(var(--a-2) + env(safe-area-inset-bottom,0px));
    background:color-mix(in srgb,var(--yuzey) 92%,transparent);
    backdrop-filter:saturate(1.6) blur(14px);
    border-top:1px solid var(--cizgi);
    box-shadow:0 -2px 18px -6px rgba(26,20,30,.22)}
  .mobil-bar .btn{min-height:48px;font-size:var(--f-3);border-radius:var(--y-1)}
  .wa-yuzen{display:none}
  body{padding-bottom:calc(4.6rem + env(safe-area-inset-bottom,0px))}
  footer{margin-bottom:0}
}

/* dokunma geri bildirimi + yatay taşma koruması */
html,body{overflow-x:hidden;max-width:100%}
@media(hover:none){
  .btn:active,.one a:active,.turler a:active,.sh-il a:active,
  .sehirler a:active,.kapsam li:active{opacity:.82;transform:scale(.985)}
  .one a:hover,.turler a:hover,.kapsam li:hover,.adimlar li:hover{transform:none}
}
a,button,summary,.btn{-webkit-tap-highlight-color:transparent}

@media(prefers-reduced-motion:reduce){*{transition:none!important;
  scroll-behavior:auto!important;animation:none!important}}