/* ============================================================
   MENZİL — SMM Panel · Tasarım sistemi (dark "radar/sinyal")
   Tema renkleri :root'a header.php'den DB ile enjekte edilir.
   ============================================================ */
:root{
  --bg:#0a0b12; --yuzey:#12141f; --yuzey2:#171a29; --kenar:#242a3d;
  --metin:#e9ecf7; --soluk:#8b93ad; --birincil:#22e39a; --birincil-koyu:#0e1a16;
  --vurgu:#ffb340; --bilgi:#6c8cff; --radius:13px;
  --font:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-d:'Sora','Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --kirmizi:#ff5c72; --yesil:#22e39a; --sari:#ffb340; --mor:#a889ff;
  --golge:0 1px 0 rgba(255,255,255,.02) inset, 0 8px 30px -12px rgba(0,0,0,.6);
  --gecis:.18s cubic-bezier(.4,0,.2,1);
  --en:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--metin);font-family:var(--font);
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(circle at 15% -10%, rgba(34,227,154,.06), transparent 40%),
    radial-gradient(circle at 90% 0%, rgba(108,140,255,.05), transparent 35%);
  background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--font-d);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800}
h2{font-size:clamp(1.5rem,3vw,2.2rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.mono{font-family:var(--mono)}
.kap{max-width:var(--en);margin:0 auto;padding:0 20px}
.kap-dar{max-width:920px;margin:0 auto;padding:0 20px}
section{position:relative}

/* Eyebrow — monospace etiket */
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--birincil);display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--birincil);opacity:.6}
.eyebrow.amber{color:var(--vurgu)}.eyebrow.amber::before{background:var(--vurgu)}

/* ---------------- Butonlar ---------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font);
  font-weight:600;font-size:.95rem;padding:12px 22px;border-radius:11px;border:1px solid transparent;
  cursor:pointer;transition:var(--gecis);white-space:nowrap;line-height:1;text-align:center}
.btn svg{width:18px;height:18px}
.btn-b{background:var(--birincil);color:#05130d;box-shadow:0 6px 20px -8px rgba(34,227,154,.5)}
.btn-b:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-g{background:transparent;color:var(--metin);border-color:var(--kenar)}
.btn-g:hover{border-color:var(--birincil);color:var(--birincil)}
.btn-y{background:var(--yuzey2);color:var(--metin);border-color:var(--kenar)}
.btn-y:hover{background:#1d2133;border-color:#33405e}
.btn-vurgu{background:var(--vurgu);color:#1a1204}
.btn-vurgu:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-tehlike{background:transparent;color:var(--kirmizi);border-color:rgba(255,92,114,.35)}
.btn-tehlike:hover{background:rgba(255,92,114,.1)}
.btn-sm{padding:8px 15px;font-size:.85rem;border-radius:9px}
.btn-blok{width:100%}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* ---------------- Kartlar ---------------- */
.card{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--radius);box-shadow:var(--golge)}
.card-p{padding:22px}
.card-hover{transition:var(--gecis)}
.card-hover:hover{border-color:#33405e;transform:translateY(-3px)}

/* Rozet / çip / durum noktası */
.rozet{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:20px;background:var(--yuzey2);border:1px solid var(--kenar);color:var(--soluk)}
.rozet-b{background:rgba(34,227,154,.12);color:var(--birincil);border-color:rgba(34,227,154,.25)}
.rozet-v{background:rgba(255,179,64,.12);color:var(--vurgu);border-color:rgba(255,179,64,.25)}
.rozet-i{background:rgba(108,140,255,.12);color:var(--bilgi);border-color:rgba(108,140,255,.25)}
.nokta{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--soluk);flex:none}
.nokta.canli{background:var(--birincil);box-shadow:0 0 0 0 rgba(34,227,154,.6);animation:nabiz 1.8s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(34,227,154,.5)}70%{box-shadow:0 0 0 7px rgba(34,227,154,0)}100%{box-shadow:0 0 0 0 rgba(34,227,154,0)}}
.d-bekle{color:var(--vurgu)} .d-islem{color:var(--bilgi)} .d-kismi{color:var(--mor)}
.d-tamam{color:var(--birincil)} .d-iptal{color:var(--kirmizi)}
.nokta.bekle{background:var(--vurgu)} .nokta.islem{background:var(--bilgi)} .nokta.kismi{background:var(--mor)}
.nokta.tamam{background:var(--birincil)} .nokta.iptal{background:var(--kirmizi)}

/* ---------------- Formlar ---------------- */
label{display:block;font-size:.82rem;font-weight:600;color:var(--soluk);margin-bottom:7px}
.inp,.sel,textarea.inp{width:100%;background:var(--bg);border:1px solid var(--kenar);border-radius:10px;
  color:var(--metin);font-family:var(--font);font-size:.95rem;padding:12px 14px;transition:var(--gecis)}
.inp:focus,.sel:focus,textarea.inp:focus{outline:none;border-color:var(--birincil);box-shadow:0 0 0 3px rgba(34,227,154,.14)}
.inp::placeholder{color:#5a627a}
.sel{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b93ad' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.alan{margin-bottom:16px}
.alan-ipucu{font-size:.78rem;color:var(--soluk);margin-top:6px}
.form-hata{color:var(--kirmizi);font-size:.82rem;margin-top:6px}

/* Flash / uyarı */
.flash{padding:13px 18px;border-radius:11px;margin-bottom:16px;font-size:.9rem;border:1px solid var(--kenar);display:flex;gap:10px;align-items:flex-start}
.flash-basari{background:rgba(34,227,154,.1);border-color:rgba(34,227,154,.3);color:#7ff0c4}
.flash-hata{background:rgba(255,92,114,.1);border-color:rgba(255,92,114,.3);color:#ffb0ba}
.flash-uyari{background:rgba(255,179,64,.1);border-color:rgba(255,179,64,.3);color:#ffd699}
.flash-bilgi{background:rgba(108,140,255,.1);border-color:rgba(108,140,255,.3);color:#b3c4ff}

/* ============================================================
   HEADER
   ============================================================ */
.duyuru-serit{background:linear-gradient(90deg,var(--yuzey2),var(--yuzey));border-bottom:1px solid var(--kenar);font-size:.8rem;color:var(--soluk);overflow:hidden}
.duyuru-serit .kap{display:flex;align-items:center;gap:14px;height:38px}
.duyuru-serit b{color:var(--birincil)}
.site-head{position:sticky;top:0;z-index:50;background:rgba(10,11,18,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--kenar)}
.head-in{display:flex;align-items:center;gap:22px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-d);font-weight:800;font-size:1.32rem;letter-spacing:-.03em}
.logo-mark{width:34px;height:34px;flex:none;display:grid;place-items:center;color:var(--birincil)}
.logo-mark svg{width:34px;height:34px}
.head-nav{display:flex;align-items:center;gap:4px;margin-left:8px}
.head-nav a{padding:9px 14px;border-radius:9px;font-size:.92rem;font-weight:500;color:var(--soluk);transition:var(--gecis)}
.head-nav a:hover,.head-nav a.aktif{color:var(--metin);background:var(--yuzey2)}
.head-sag{margin-left:auto;display:flex;align-items:center;gap:12px}
.bakiye-cip{display:flex;align-items:center;gap:8px;background:var(--yuzey2);border:1px solid var(--kenar);border-radius:10px;padding:8px 14px;font-size:.9rem}
.bakiye-cip b{font-family:var(--font-d);color:var(--birincil)}
.head-hamburger{display:none;background:var(--yuzey2);border:1px solid var(--kenar);border-radius:9px;width:42px;height:42px;color:var(--metin);cursor:pointer;align-items:center;justify-content:center}
.head-hamburger svg{width:22px;height:22px}
#navToggle{display:none}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding:72px 0 60px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{margin-bottom:20px}
.hero h1 .vurgu{color:var(--birincil)}
.hero-alt{font-size:1.1rem;color:var(--soluk);max-width:46ch;margin-bottom:28px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hero-guven{display:flex;flex-wrap:wrap;gap:20px;font-size:.85rem;color:var(--soluk)}
.hero-guven span{display:flex;align-items:center;gap:7px}
.hero-guven svg{width:16px;height:16px;color:var(--birincil)}
/* Radar görsel */
.radar{position:relative;aspect-ratio:1;max-width:440px;margin-left:auto;width:100%}
.radar-ring{position:absolute;inset:0;border:1px solid var(--kenar);border-radius:50%}
.radar-ring:nth-child(2){inset:14%}.radar-ring:nth-child(3){inset:30%}.radar-ring:nth-child(4){inset:46%}
.radar-cizgi{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg, transparent 0deg, rgba(34,227,154,.18) 50deg, transparent 60deg);animation:tara 5s linear infinite}
@keyframes tara{to{transform:rotate(360deg)}}
.radar-blip{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--birincil);box-shadow:0 0 12px var(--birincil)}
.radar-card{position:absolute;background:var(--yuzey);border:1px solid var(--kenar);border-radius:12px;padding:12px 15px;box-shadow:var(--golge);display:flex;align-items:center;gap:11px;font-size:.85rem}
.radar-card . ikon,.radar-card svg{width:20px;height:20px}
.radar-card b{font-family:var(--font-d)}

/* İstatistik şeridi */
.istat-serit{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--kenar);border:1px solid var(--kenar);border-radius:var(--radius);overflow:hidden;margin-top:8px}
.istat{background:var(--yuzey);padding:22px 20px;text-align:center}
.istat .say{font-family:var(--font-d);font-weight:800;font-size:1.9rem;color:var(--metin)}
.istat .et{font-size:.8rem;color:var(--soluk);margin-top:2px}
.istat .say .k{color:var(--birincil)}

/* Bölüm başlığı */
.bolum{padding:60px 0}
.bolum-bas{max-width:640px;margin-bottom:38px}
.bolum-bas.orta{margin-left:auto;margin-right:auto;text-align:center}
.bolum-bas p{color:var(--soluk);font-size:1.02rem;margin:0}

/* Platform ızgara */
.plat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.plat-kart{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius);background:var(--yuzey);border:1px solid var(--kenar);transition:var(--gecis)}
.plat-kart:hover{transform:translateY(-3px);border-color:#33405e}
.plat-ikon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--yuzey2)}
.plat-ikon svg{width:26px;height:26px}
.plat-kart b{font-family:var(--font-d);font-size:1.02rem}
.plat-kart .adet{font-size:.8rem;color:var(--soluk)}

/* Adım / nasıl çalışır */
.adim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.adim{padding:26px;border-radius:var(--radius);background:var(--yuzey);border:1px solid var(--kenar);position:relative}
.adim-no{font-family:var(--font-d);font-weight:800;font-size:2.4rem;color:var(--kenar);position:absolute;top:16px;right:22px}
.adim h3{margin-top:8px}
.adim p{color:var(--soluk);margin:0}

/* Öne çıkan servis kartları */
.srv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.srv-kart{padding:20px;border-radius:var(--radius);background:var(--yuzey);border:1px solid var(--kenar);display:flex;flex-direction:column;gap:12px;transition:var(--gecis)}
.srv-kart:hover{border-color:#33405e;transform:translateY(-2px)}
.srv-ust{display:flex;align-items:center;gap:10px}
.srv-ust .p-ikon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--yuzey2)}
.srv-ust .p-ikon svg{width:20px;height:20px}
.srv-kart h4{font-family:var(--font-d);font-size:.98rem;margin:0;line-height:1.3}
.srv-kart .srv-kat{font-size:.76rem;color:var(--soluk)}
.srv-meta{display:flex;gap:14px;font-size:.78rem;color:var(--soluk);flex-wrap:wrap}
.srv-fiyat{font-family:var(--font-d);font-weight:700;font-size:1.15rem;color:var(--metin)}
.srv-fiyat small{font-size:.72rem;color:var(--soluk);font-weight:400}
.srv-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--kenar)}

/* ============================================================
   KATALOG / servis tablosu
   ============================================================ */
.katalog{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:start}
.plat-yan{position:sticky;top:88px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:2px}
.plat-yan a{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:9px;font-size:.9rem;color:var(--soluk);transition:var(--gecis)}
.plat-yan a svg{width:20px;height:20px}
.plat-yan a:hover{background:var(--yuzey2);color:var(--metin)}
.plat-yan a.aktif{background:var(--birincil-koyu);color:var(--birincil);font-weight:600}
.kat-blok{margin-bottom:28px}
.kat-blok h3{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin-bottom:12px}
.tablo-sar{overflow-x:auto;border:1px solid var(--kenar);border-radius:var(--radius)}
table.tbl{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}
table.tbl th{background:var(--yuzey2);text-align:left;padding:12px 14px;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--soluk);font-weight:600;white-space:nowrap}
table.tbl td{padding:13px 14px;border-top:1px solid var(--kenar);vertical-align:middle}
table.tbl tr:hover td{background:rgba(255,255,255,.015)}
.tbl .srv-ad{font-weight:600;color:var(--metin)}
.tbl .id-cip{font-family:var(--mono);font-size:.78rem;color:var(--soluk)}
.tbl .fiyat{font-family:var(--font-d);font-weight:700;color:var(--birincil);white-space:nowrap}

/* ============================================================
   SİPARİŞ FORMU (yeni sipariş)
   ============================================================ */
.siparis-duzen{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.ozet-kutu{position:sticky;top:88px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--radius);padding:22px}
.ozet-satir{display:flex;justify-content:space-between;padding:9px 0;font-size:.9rem;border-bottom:1px solid var(--kenar)}
.ozet-satir:last-of-type{border-bottom:0}
.ozet-satir .d{color:var(--soluk)}
.ozet-toplam{font-family:var(--font-d);font-weight:800;font-size:1.6rem;color:var(--birincil);margin-top:8px}

/* ============================================================
   HESAP PANELİ (müşteri)
   ============================================================ */
.panel-duzen{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:start;padding:32px 0 60px}
.panel-yan{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.panel-kul{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:12px}
.panel-avatar{width:44px;height:44px;border-radius:11px;background:var(--birincil-koyu);color:var(--birincil);display:grid;place-items:center;font-family:var(--font-d);font-weight:800;font-size:1.1rem;flex:none}
.panel-kul .ad{font-weight:700;font-size:.92rem;line-height:1.2}
.panel-kul .rol{font-size:.76rem;color:var(--soluk)}
.panel-menu{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:2px}
.panel-menu a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:9px;font-size:.9rem;color:var(--soluk);transition:var(--gecis)}
.panel-menu a svg{width:19px;height:19px}
.panel-menu a:hover{background:var(--yuzey2);color:var(--metin)}
.panel-menu a.aktif{background:var(--birincil-koyu);color:var(--birincil);font-weight:600}
.panel-menu .ayrac{height:1px;background:var(--kenar);margin:6px 4px}
.acc-head{margin-bottom:24px}
.acc-head h1{font-size:1.7rem;margin:0}
.acc-head .alt{color:var(--soluk);font-size:.92rem;margin-top:4px}

/* İstatistik tile'ları */
.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}
.tile{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--radius);padding:20px}
.tile .et{font-size:.78rem;color:var(--soluk);display:flex;align-items:center;gap:7px}
.tile .et svg{width:16px;height:16px;color:var(--birincil)}
.tile .say{font-family:var(--font-d);font-weight:800;font-size:1.7rem;margin-top:8px}
.tile.vurgu{background:linear-gradient(160deg,var(--birincil-koyu),var(--yuzey));border-color:rgba(34,227,154,.3)}
.tile.vurgu .say{color:var(--birincil)}

/* Meter (kalan/ilerleme) */
.meter{height:7px;background:var(--yuzey2);border-radius:20px;overflow:hidden;margin-top:8px}
.meter i{display:block;height:100%;background:var(--birincil);border-radius:20px}

/* Vault / erişim kutusu */
.vault{background:var(--bg);border:1px dashed var(--kenar);border-radius:11px;padding:14px 16px;font-family:var(--mono);font-size:.85rem;word-break:break-all;display:flex;align-items:center;justify-content:space-between;gap:12px}

/* ============================================================
   FOOTER
   ============================================================ */
.site-foot{border-top:1px solid var(--kenar);background:var(--yuzey);margin-top:60px;padding:52px 0 26px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.foot-col h5{font-family:var(--font-d);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--metin);margin:0 0 14px}
.foot-col a{display:block;color:var(--soluk);font-size:.88rem;padding:5px 0;transition:var(--gecis)}
.foot-col a:hover{color:var(--birincil)}
.foot-col p{color:var(--soluk);font-size:.88rem}
.foot-alt{border-top:1px solid var(--kenar);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--soluk)}

/* Bölüm arkaplan varyant */
.bg-yuzey{background:var(--yuzey);border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}

/* SSS akordeon */
.sss-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.sss-item{background:var(--yuzey);border:1px solid var(--kenar);border-radius:11px;padding:0}
.sss-item summary{padding:18px 20px;cursor:pointer;font-weight:600;font-family:var(--font-d);font-size:.98rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
.sss-item summary::-webkit-details-marker{display:none}
.sss-item summary::after{content:"+";color:var(--birincil);font-size:1.3rem;line-height:1}
.sss-item[open] summary::after{content:"−"}
.sss-item .cvp{padding:0 20px 18px;color:var(--soluk);font-size:.92rem}

/* Auth kart */
.auth-sar{min-height:calc(100vh - 66px);display:grid;place-items:center;padding:40px 20px}
.auth-card{width:100%;max-width:430px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--radius);padding:34px;box-shadow:var(--golge)}
.auth-card h1{font-size:1.6rem;margin-bottom:6px}
.auth-card .alt{color:var(--soluk);font-size:.9rem;margin-bottom:24px}
.auth-alt-link{text-align:center;margin-top:18px;font-size:.88rem;color:var(--soluk)}
.auth-alt-link a{color:var(--birincil);font-weight:600}

/* Yardımcılar */
.mt-0{margin-top:0}.mt-1{margin-top:12px}.mt-2{margin-top:24px}.mb-0{margin-bottom:0}
.text-orta{text-align:center}.text-soluk{color:var(--soluk)}.text-birincil{color:var(--birincil)}
.esit{display:flex;align-items:center}.gap-1{gap:12px}.arasi{justify-content:space-between}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gizle{display:none}

/* Modal (app.js onay) */
.yt-modal{position:fixed;inset:0;background:rgba(6,7,12,.72);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.yt-modal-in{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--radius);padding:26px;max-width:400px;width:100%;box-shadow:var(--golge)}
.yt-modal-in h3{margin:0 0 10px}
.yt-modal-in p{color:var(--soluk);font-size:.92rem}
.yt-modal-btn{display:flex;gap:10px;margin-top:20px}

/* Scrollbar */
*{scrollbar-width:thin;scrollbar-color:var(--kenar) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:var(--kenar);border-radius:20px;border:2px solid var(--bg)}
*::-webkit-scrollbar-thumb:hover{background:#33405e}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .radar{max-width:340px;margin:0 auto}
  .katalog,.siparis-duzen,.panel-duzen{grid-template-columns:1fr}
  .plat-yan,.ozet-kutu,.panel-yan{position:static}
  .adim-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .head-nav,.head-sag .bakiye-cip{display:none}
  .head-hamburger{display:flex}
  #navToggle:checked ~ .head-nav{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--yuzey);border-bottom:1px solid var(--kenar);padding:12px 20px;gap:4px}
  #navToggle:checked ~ .head-nav a{padding:12px}
  .istat-serit{grid-template-columns:1fr 1fr}
  .panel-duzen>*{min-width:0}
}
@media(max-width:520px){
  .hero{padding:48px 0 40px}
  .foot-grid{grid-template-columns:1fr}
  .istat-serit{grid-template-columns:1fr 1fr}
  .hero-cta{flex-direction:column}.hero-cta .btn{width:100%}
  .bolum{padding:44px 0}
}
/* grid blowout koruması */
.katalog>*,.siparis-duzen>*,.panel-duzen>*,.tile-grid>*{min-width:0}