/*
 * Mağaza tasarımları (store.berkbeyelektrik.com) — Panel / ERP › Ayarlar › Mağaza tasarımı.
 *
 * <body> sınıfları: d-A|B|C masaüstü katalog, m-A|B|C mobil katalog,
 * u-A|B|C ürün ve sepet sayfası. Masaüstü kuralları 900px ve üstünde,
 * mobil kurallar 900px altında geçerlidir. Renkler style.css değişkenlerinden
 * gelir (kurumsal renk panelden değişince burası da değişir).
 *
 *   A — Usta Kataloğu: liste görünümü, kod/stok/KDV hariç fiyat önde, hızlı adet
 *   B — Modern Mağaza: yuvarlak arama, kart ızgarası, mobilde alt menü
 *   C — Bölüm Vitrini: koyu başlık, bölüm karoları, teknik bilgi tablosu
 */

/* ── Ortak ─────────────────────────────────────────────────────────────── */
.mz{--mz-yumusak:var(--bg-soft); --mz-ok:#1d7a46; --mz-ok-zemin:#e9f5ee; --mz-wa:#1f8f4e;}
:root[data-theme="dark"] .mz{--mz-ok:#6fd39a; --mz-ok-zemin:#163a27; --mz-wa:#4cc17f;}
.mz-ic{max-width:1280px; margin:0 auto; padding-left:max(20px, env(safe-area-inset-left, 0px)); padding-right:max(20px, env(safe-area-inset-right, 0px));}
.container.mz-sayfa{max-width:1280px; padding-top:22px; padding-bottom:40px;}
.mz a:hover{text-decoration:none;}

/* Üst kısım */
.mz-ust{background:var(--header-bg); border-bottom:1px solid var(--line); position:relative; z-index:20;}
.mz-serit{display:none; background:var(--steel); color:#dfe7ea; font-size:13px;}
.mz-serit .mz-ic{display:flex; justify-content:space-between; gap:16px; padding-block:7px;}
.mz-serit a{color:#dfe7ea;}
.mz-serit-sag{display:flex; gap:22px;}
.mz-bar-ic{display:flex; align-items:center; gap:24px; padding-block:14px;}
.mz-logo{display:flex; align-items:center; gap:10px; color:var(--ink); flex:none;}
.mz-logo img{width:44px; height:44px;}
.mz-logo-yazi{display:flex; flex-direction:column; line-height:1.05;}
.mz-logo-yazi strong{font-family:"Barlow Condensed",sans-serif; font-weight:800; font-size:23px;}
.mz-logo-yazi small{font-size:12px; color:var(--red); font-weight:600;}
.mz-ara{flex:1; min-width:0; display:flex; align-items:center; gap:10px; height:48px; border:2px solid var(--steel); border-radius:8px; padding:0 5px 0 14px; background:var(--surface); color:var(--steel);}
.mz-ara input{flex:1; min-width:0; border:0; outline:none; background:transparent; font:inherit; font-size:15px; color:var(--ink);}
.mz-ara button{height:36px; padding:0 18px; border:0; border-radius:6px; background:var(--red); color:#fff; font:inherit; font-weight:700; cursor:pointer;}
.mz-ara:focus-within{box-shadow:0 0 0 3px var(--red-tint);}
.mz-eylemler{display:flex; align-items:center; gap:18px; font-size:14px; font-weight:600; flex:none;}
.mz-eylemler a{color:var(--ink);}
.mz-hesap{display:flex; align-items:center; gap:6px;}
.mz-wa{display:none; color:var(--mz-wa) !important; font-weight:700;}
.mz-sepet{display:flex; align-items:center; gap:8px; background:var(--steel); color:#fff !important; padding:10px 14px; border-radius:8px;}
.mz-sepet .cart-count{background:var(--red); color:#fff; border-radius:999px; font-size:12px; padding:1px 7px;}
.mz-sepet-tutar{font-variant-numeric:tabular-nums;}
.mz-menu{display:none; position:relative;}
.mz-menu > summary{list-style:none; width:44px; height:44px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--ink);}
.mz-menu > summary::-webkit-details-marker{display:none;}
.mz-menu-icerik{position:absolute; right:0; top:48px; background:var(--surface); border:1px solid var(--line); border-radius:10px; box-shadow:var(--shadow); padding:8px; display:flex; flex-direction:column; min-width:220px;}
.mz-menu-icerik a{padding:10px 12px; border-radius:6px;}
.mz-menu-icerik a:hover{background:var(--mz-yumusak);}
.mz-katnav{border-top:1px solid var(--line);}
.mz-katnav .mz-ic{display:flex; gap:26px; font-size:14px; font-weight:600; overflow-x:auto; scrollbar-width:none;}
.mz-katnav .mz-ic::-webkit-scrollbar{display:none;}
.mz-katnav a{color:var(--ink); padding:12px 0; border-bottom:3px solid transparent; white-space:nowrap;}
.mz-katnav a.aktif{border-bottom-color:var(--red);}
.mz-katnav-sag{margin-left:auto; color:var(--ink-muted) !important;}

/* Alt çubuklar (yalnız mobilde, tasarıma göre) */
.mz-alt-sepet,.mz-alt-menu{display:none;}

/* Katalog sayfası */
.mz-yol{font-size:13px; color:var(--ink-muted);}
.mz-yol a{color:var(--ink-muted);}
.mz-katalog-bas{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:14px;}
.mz-katalog-bas h1{margin:0; font-size:34px;}
.mz-katalog-bas h1 small{font-family:"Public Sans",sans-serif; font-size:15px; font-weight:600; color:var(--ink-muted); margin-left:6px;}
.mz-siralama{display:flex; gap:10px; align-items:center; font-size:14px; flex-wrap:wrap;}
.mz-siralama select{padding:8px 12px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); font:inherit;}
.mz-siralama label{display:flex; align-items:center; gap:6px;}
.mz-aciklama{max-width:80ch; margin:0 0 16px; color:var(--ink-muted); font-size:14px;}
.mz-govde{display:block;}
.mz-yan{display:none;}
.mz-bolumler,.mz-guven,.mz-cipler,.mz-bolum-sekme,.mz-alt-karolar,.mz-mobil-suzgec{display:none;}
.mz-urunler{display:grid; gap:12px;}
.mz-urun{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:12px; min-width:0;}
.mz-urun-gorsel{display:flex; align-items:center; justify-content:center; background:#fff; border-radius:8px; overflow:hidden;}
.mz-urun-gorsel img{width:100%; height:100%; object-fit:contain;}
.mz-gorsel-yok{font-size:12px; color:#8a8f94;}
.mz-urun-bilgi{display:flex; flex-direction:column; gap:3px; min-width:0;}
.mz-marka{font-size:12px; font-weight:700; color:var(--red-dark); letter-spacing:.04em; text-transform:uppercase;}
.mz-urun-ad{color:var(--ink); font-weight:600; font-size:15px; line-height:1.3;}
.mz-urun-ad:hover{color:var(--red);}
.mz-urun-kod{font-size:13px; color:var(--ink-muted);}
.mz-urun-stok{font-size:13px; font-weight:600;}
.mz-stok-var{color:var(--mz-ok);}
.mz-stok-var::before{content:"● ";}
.mz-stok-yok{color:var(--ink-muted);}
.mz-urun-fiyat{display:flex; flex-direction:column;}
.mz-fiyat{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:23px; color:var(--red); line-height:1.1; font-variant-numeric:tabular-nums;}
.mz-fiyat-haric{font-size:12px; color:var(--ink-muted); font-variant-numeric:tabular-nums;}
.mz-fiyat-teklif{font-size:14px; font-weight:600; color:var(--ink-muted);}
.mz-sepete{display:flex; gap:8px; align-items:center; margin:0;}
.mz-adet{display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:6px; height:40px; background:var(--surface);}
.mz-adet button{width:32px; height:38px; border:0; background:transparent; font-size:18px; cursor:pointer; color:var(--ink);}
.mz-adet input{width:40px; border:0; text-align:center; font:inherit; font-weight:600; background:transparent; color:var(--ink); -moz-appearance:textfield;}
.mz-adet input::-webkit-outer-spin-button,.mz-adet input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.mz-sepet-dugme{height:40px; padding:0 14px; border:0; border-radius:6px; background:var(--red); color:#fff; font:inherit; font-weight:700; font-size:14px; cursor:pointer; white-space:nowrap;}
.mz-sepet-dugme:hover{background:var(--red-dark);}
.mz-sepet-arti{display:none; font-size:22px; line-height:1;}
.mz-ikincil-dugme{display:inline-flex; align-items:center; height:40px; padding:0 14px; border:2px solid var(--steel); border-radius:6px; color:var(--ink); font-weight:700; font-size:14px; white-space:nowrap;}
.mz-sayfalar{display:flex; gap:8px; justify-content:center; align-items:center; margin-top:28px; flex-wrap:wrap;}
.mz-bos{padding:30px 0; color:var(--ink-muted);}

/* Bölüm karoları (C) */
.mz-bolumler{grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:22px;}
.mz-bolum{background:var(--surface); border:1px solid var(--line); border-radius:10px; overflow:hidden; display:flex; flex-direction:column;}
.mz-bolum-bas{color:#fff; padding:18px 20px 14px; display:flex; justify-content:space-between; align-items:flex-end; gap:12px; min-height:140px;}
.mz-bolum-bas:nth-child(1){}
.mz-bolum:nth-child(3n+1) .mz-bolum-bas{background:var(--red);}
.mz-bolum:nth-child(3n+2) .mz-bolum-bas{background:var(--steel);}
.mz-bolum:nth-child(3n) .mz-bolum-bas{background:#5c4d4b;}
.mz-bolum-bas a{color:#fff;}
.mz-bolum-ust{font-size:12px; font-weight:700; letter-spacing:.12em; opacity:.85;}
.mz-bolum-ad{display:block; font-family:"Barlow Condensed",sans-serif; font-weight:800; font-size:38px; line-height:1; text-transform:uppercase;}
.mz-bolum-sayi{font-size:13px; opacity:.9;}
.mz-bolum-bas img{width:110px; height:110px; object-fit:contain; background:#fff; border-radius:8px; flex:none;}
.mz-bolum-altlar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 16px; padding:14px 20px; font-size:14px;}
.mz-bolum-altlar a{display:flex; justify-content:space-between; color:var(--ink); border-bottom:1px solid var(--line); padding-bottom:5px;}
.mz-bolum-altlar a::after{content:"›"; color:var(--red);}

/* Güven şeridi (B masaüstü) */
.mz-guven{grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:18px;}
.mz-guven div{display:flex; flex-direction:column; border-radius:12px; padding:12px 16px; background:var(--red-tint); font-size:13px; color:var(--ink-muted);}
.mz-guven div:nth-child(2){background:var(--mz-yumusak);}
.mz-guven div:nth-child(3){background:var(--mz-ok-zemin);}
.mz-guven strong{color:var(--ink); font-size:15px;}

/* Kategori çipleri (B) */
.mz-cipler{gap:8px; flex-wrap:wrap; margin-bottom:14px;}
.mz-cipler a{border:1px solid var(--line); border-radius:999px; padding:7px 15px; color:var(--ink); font-size:14px; white-space:nowrap;}
.mz-cipler a.aktif{background:var(--ink); border-color:var(--ink); color:var(--bg);}

/* ═══ MASAÜSTÜ (900px ve üstü) ═══════════════════════════════════════════ */
@media (min-width:900px){
  /* A — Usta Kataloğu */
  .d-A .mz-serit{display:block;}
  .d-A .mz-govde{display:grid; grid-template-columns:240px minmax(0,1fr); gap:28px; align-items:start;}
  .d-A .mz-yan{display:flex; flex-direction:column; gap:18px; font-size:14px; position:sticky; top:12px;}
  .d-A .mz-urunler{gap:8px;}
  .d-A .mz-urunler-bas{display:grid;}
  .d-A .mz-urun{display:grid; grid-template-columns:72px minmax(0,1fr) 140px 150px 220px; gap:16px; align-items:center; padding:10px 16px;}
  .d-A .mz-urun-gorsel{width:72px; height:72px;}
  .d-A .mz-urun-fiyat{align-items:flex-end;}
  .d-A .mz-urun-eylem{display:flex; justify-content:flex-end;}

  /* B — Modern Mağaza */
  .d-B .mz-bar-ic{padding-block:18px;}
  .d-B .mz-ara{border:0; border-radius:999px; background:var(--mz-yumusak); height:52px; padding:0 8px 0 20px; color:var(--ink-muted);}
  .d-B .mz-ara button{border-radius:999px;}
  .d-B .mz-hesap{flex-direction:column; gap:2px; font-size:13px;}
  .d-B .mz-sepet{background:transparent; color:var(--ink) !important; padding:0; flex-direction:column; gap:2px; position:relative; font-size:13px;}
  .d-B .mz-sepet .cart-count{position:absolute; top:-8px; right:-6px;}
  .d-B .mz-sepet-tutar{display:none;}
  .d-B .mz-katnav{border-top:0;}
  .d-B .mz-katnav a.aktif{border-bottom-color:transparent; color:var(--red);}
  .d-B .mz-guven{display:grid;}
  .d-B .mz-cipler{display:flex;}
  .d-B .mz-urunler{grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px;}
  .d-B .mz-urun{display:flex; flex-direction:column; gap:8px; border-radius:14px; padding:14px;}
  .d-B .mz-urun-gorsel{height:170px;}
  .d-B .mz-urun-ad{font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em;}
  .d-B .mz-urun-kod,.d-B .mz-urun-stok,.d-B .mz-fiyat-haric,.d-B .mz-urun .mz-adet{display:none;}
  .d-B .mz-urun{position:relative; padding-bottom:58px;}
  .d-B .mz-urun-fiyat{position:absolute; left:14px; bottom:16px;}
  .d-B .mz-urun-eylem{position:absolute; right:14px; bottom:14px;}
  .d-B .mz-fiyat{color:var(--ink); font-size:24px;}
  .d-B .mz-urun .mz-sepet-dugme{width:40px; height:40px; padding:0; border-radius:999px;}
  .d-B .mz-urun .mz-sepet-dugme .mz-sepet-yazi{display:none;}
  .d-B .mz-urun .mz-sepet-dugme .mz-sepet-arti{display:inline;}
  .d-B .mz-urun .mz-ikincil-dugme{height:36px; border-radius:999px; font-size:13px; padding:0 12px; border-width:1px;}

  /* C — Bölüm Vitrini */
  .d-C .mz-bar{background:var(--steel-2);}
  .d-C .mz-logo,.d-C .mz-eylemler a{color:#fff;}
  .d-C .mz-logo img{background:#fff; border-radius:999px;}
  .d-C .mz-logo-yazi strong{text-transform:uppercase; letter-spacing:.02em;}
  .d-C .mz-logo-yazi small{color:#f3b8bd;}
  .d-C .mz-ara{border:0; border-radius:6px;}
  .d-C .mz-sepet{background:var(--red);}
  .d-C .mz-katnav{background:var(--steel); border-top:0;}
  .d-C .mz-katnav a{color:#e6edf0;}
  .d-C .mz-katnav a.aktif{border-bottom-color:#fff; color:#fff;}
  .d-C .mz-katnav-sag{color:#c9d4d8 !important;}
  .d-C .mz-bolumler{display:grid;}
  .d-C .mz-urunler{grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px;}
  .d-C .mz-urun{display:flex; flex-direction:column; gap:8px; padding:14px;}
  .d-C .mz-urun-gorsel{height:150px;}
  .d-C .mz-urun-ad{font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em;}
  .d-C .mz-urun-kod{font-size:11px; font-weight:600; background:var(--mz-yumusak); border-radius:4px; padding:2px 6px; align-self:flex-start; color:var(--ink);}
  .d-C .mz-urun-stok{font-size:12px;}
  .d-C .mz-fiyat-haric,.d-C .mz-urun .mz-adet{display:none;}
  .d-C .mz-fiyat{font-weight:800; font-size:24px;}
  .d-C .mz-urun .mz-sepet-dugme{background:transparent; color:var(--ink); border:2px solid var(--steel-2); height:36px; font-size:13px;}
  .d-C .mz-urun .mz-sepet-dugme:hover{background:var(--steel-2); color:#fff;}
  .d-C .mz-urun-eylem{margin-top:auto;}
}

/* ═══ MOBİL (900px altı) ═════════════════════════════════════════════════ */
@media (max-width:899.98px){
  .container.mz-sayfa{padding-top:12px;}
  .mz-bar-ic{flex-wrap:wrap; gap:10px; padding-block:10px;}
  .mz-logo img{width:34px; height:34px;}
  .mz-logo-yazi small{display:none;}
  .mz-logo-yazi strong{font-size:20px;}
  .mz-ara{order:3; flex-basis:100%; height:44px;}
  .mz-ara button{display:none;}
  .mz-eylemler{margin-left:auto; gap:10px;}
  .mz-hesap span,.mz-cikis{display:none;}
  .mz-katnav{display:none;}
  .mz-katalog-bas h1{font-size:26px;}
  .mz-siralama{display:none;}
  .mz-mobil-suzgec{display:block; margin-bottom:12px;}
  .mz-mobil-suzgec > summary{list-style:none; cursor:pointer; display:flex; gap:8px;}
  .mz-mobil-suzgec > summary::-webkit-details-marker{display:none;}
  .mz-mobil-suzgec > summary span{flex:1; text-align:center; height:40px; line-height:38px; border:1px solid var(--line); border-radius:6px; background:var(--surface); font-weight:600; font-size:14px;}
  .mz-mobil-suzgec form{display:flex; flex-direction:column; gap:10px; padding:12px; margin-top:8px; background:var(--surface); border:1px solid var(--line); border-radius:10px;}
  .mz-mobil-suzgec select{padding:10px; border:1px solid var(--line); border-radius:6px; font:inherit; background:var(--surface); color:var(--ink);}
  .whatsapp-fab{bottom:86px !important;}

  /* A — Usta Kataloğu */
  .m-A .mz-sepet,.m-A .mz-hesap{display:none;}
  .m-A .mz-menu{display:block;}
  .m-A .mz-alt-sepet{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:30; background:var(--steel); color:#fff; align-items:center; justify-content:space-between; padding:10px max(16px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));}
  .m-A .mz-alt-sepet-ozet{display:flex; flex-direction:column; line-height:1.2;}
  .m-A .mz-alt-sepet-ozet small{font-size:12px; color:#c9d4d8;}
  .m-A .mz-alt-sepet-ozet strong{font-size:17px;}
  .m-A .mz-alt-sepet-git{background:var(--red); color:#fff; font-weight:700; padding:11px 18px; border-radius:6px;}
  body.m-A{padding-bottom:70px;}
  .m-A .mz-urunler{gap:8px;}
  .m-A .mz-urun{display:grid; grid-template-columns:76px minmax(0,1fr); grid-template-areas:"g b" "g s" "g f"; column-gap:12px; row-gap:2px; padding:10px; position:relative;}
  .m-A .mz-urun-gorsel{grid-area:g; width:76px; height:76px;}
  .m-A .mz-urun-bilgi{grid-area:b;}
  .m-A .mz-urun-stok{grid-area:s; font-size:12px;}
  .m-A .mz-urun-fiyat{grid-area:f; padding-right:56px;}
  .m-A .mz-urun-ad{font-size:14px;}
  .m-A .mz-urun-kod{font-size:12px;}
  .m-A .mz-marka{display:none;}
  .m-A .mz-fiyat-haric,.m-A .mz-urun .mz-adet{display:none;}
  .m-A .mz-fiyat{font-size:20px;}
  .m-A .mz-urun-eylem{position:absolute; right:10px; bottom:10px;}
  .m-A .mz-urun .mz-sepet-dugme{width:44px; height:36px; padding:0;}
  .m-A .mz-urun .mz-sepet-dugme .mz-sepet-yazi{display:none;}
  .m-A .mz-urun .mz-sepet-dugme .mz-sepet-arti{display:inline;}
  .m-A .mz-urun .mz-ikincil-dugme{height:34px; font-size:12px; padding:0 10px;}

  /* B — Modern Mağaza */
  .m-B .mz-sepet,.m-B .mz-hesap,.m-B .mz-menu{display:none;}
  .m-B .mz-wa{display:inline;}
  .m-B .mz-ara{border:0; border-radius:999px; background:var(--mz-yumusak); color:var(--ink-muted);}
  .m-B .mz-ust{border-bottom:0;}
  .m-B .mz-cipler{display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none;}
  .m-B .mz-alt-menu{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); position:fixed; left:0; right:0; bottom:0; z-index:30; background:var(--surface); border-top:1px solid var(--line); padding:8px 0 calc(10px + env(safe-area-inset-bottom, 0px)); font-size:11px; font-weight:600;}
  .m-B .mz-alt-menu a{display:flex; flex-direction:column; align-items:center; gap:3px; color:var(--ink);}
  .m-B .mz-alt-menu a:first-child{color:var(--red);}
  body.m-B{padding-bottom:70px;}
  .m-B .mz-urunler{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
  .m-B .mz-urun{display:flex; flex-direction:column; gap:6px; border-radius:14px; padding:10px; position:relative; padding-bottom:52px;}
  .m-B .mz-urun-gorsel{height:130px;}
  .m-B .mz-urun-ad{font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em;}
  .m-B .mz-urun-kod,.m-B .mz-urun-stok,.m-B .mz-fiyat-haric,.m-B .mz-urun .mz-adet{display:none;}
  .m-B .mz-marka{font-size:11px;}
  .m-B .mz-urun-fiyat{position:absolute; left:10px; bottom:14px;}
  .m-B .mz-fiyat{color:var(--ink); font-size:20px;}
  .m-B .mz-urun-eylem{position:absolute; right:10px; bottom:10px;}
  .m-B .mz-urun .mz-sepet-dugme{width:36px; height:36px; padding:0; border-radius:999px;}
  .m-B .mz-urun .mz-sepet-dugme .mz-sepet-yazi{display:none;}
  .m-B .mz-urun .mz-sepet-dugme .mz-sepet-arti{display:inline;}
  .m-B .mz-urun .mz-ikincil-dugme{height:32px; font-size:12px; padding:0 10px; border-radius:999px; border-width:1px;}
  .m-B .mz-fiyat-teklif{font-size:12px;}

  /* C — Bölüm Vitrini */
  .m-C .mz-bar{background:var(--steel-2);}
  .m-C .mz-logo{color:#fff;}
  .m-C .mz-logo img{display:none;}
  .m-C .mz-logo-yazi strong{text-transform:uppercase; letter-spacing:.02em; font-size:22px;}
  .m-C .mz-hesap,.m-C .mz-menu{display:none;}
  .m-C .mz-sepet{background:var(--red); padding:8px 12px; font-size:13px;}
  .m-C .mz-sepet svg,.m-C .mz-sepet-tutar{display:none;}
  .m-C .mz-sepet .cart-count{background:#fff; color:var(--red);}
  .m-C .mz-ara{border:0; border-radius:6px;}
  .m-C .mz-bolum-sekme{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 -20px 12px; background:var(--surface); border-bottom:1px solid var(--line);}
  .m-C .mz-bolum-sekme a{height:46px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; color:var(--ink-muted); border-bottom:3px solid var(--line);}
  .m-C .mz-bolum-sekme a.aktif{color:var(--ink); border-bottom-color:var(--steel);}
  .m-C .mz-alt-karolar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:14px;}
  .m-C .mz-alt-karolar a{background:var(--steel); color:#fff; border-radius:8px; padding:11px 12px; display:flex; flex-direction:column;}
  .m-C .mz-alt-karolar a.aktif{background:var(--red);}
  .m-C .mz-alt-karolar strong{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:18px; line-height:1.05;}
  .m-C .mz-alt-karolar small{font-size:12px; color:#c9d4d8;}
  .m-C .mz-urunler{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
  .m-C .mz-urun{display:flex; flex-direction:column; gap:6px; padding:10px;}
  .m-C .mz-urun-gorsel{height:110px;}
  .m-C .mz-urun-ad{font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em;}
  .m-C .mz-marka,.m-C .mz-urun-kod,.m-C .mz-urun-stok,.m-C .mz-fiyat-haric,.m-C .mz-urun .mz-adet{display:none;}
  .m-C .mz-fiyat{font-weight:800; font-size:20px;}
  .m-C .mz-urun .mz-sepet-dugme{width:100%; background:transparent; color:var(--ink); border:2px solid var(--steel-2); height:36px; font-size:13px;}
  .m-C .mz-urun .mz-sepete{display:block;}
  .m-C .mz-urun .mz-ikincil-dugme{width:100%; justify-content:center; height:36px; font-size:13px;}
}

/* A masaüstü liste başlığı (yalnız d-A masaüstünde görünür) */
.mz-urunler-bas{display:none; grid-template-columns:72px minmax(0,1fr) 140px 150px 220px; gap:16px; padding:0 16px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.mz-urunler-bas span:nth-child(4){text-align:right;}
.mz-yan h2{font-size:17px; text-transform:uppercase; letter-spacing:.03em; margin:0 0 6px;}
.mz-yan nav{display:flex; flex-direction:column; gap:6px;}
.mz-yan nav a{display:flex; justify-content:space-between; color:var(--ink);}
.mz-yan nav a span{color:var(--ink-muted);}
.mz-yan nav a.aktif{color:var(--red); font-weight:700;}
.mz-yan nav a.mz-yan-alt{padding-left:12px; font-size:13px;}
.mz-yan form{display:flex; flex-direction:column; gap:10px;}
.mz-yan select{padding:8px 10px; border:1px solid var(--line); border-radius:6px; font:inherit; background:var(--surface); color:var(--ink);}
.mz-yan label{display:flex; align-items:center; gap:8px; font-weight:600;}

/* ═══ ÜRÜN SAYFASI (u-A / u-B / u-C) ═════════════════════════════════════ */
.mz-us-yol{margin-bottom:12px;}
.mz-us-ust{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px; align-items:start;}
.mz-us-gorsel{background:#fff; border:1px solid var(--line); border-radius:12px; aspect-ratio:1/1; max-width:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; position:sticky; top:12px;}
.mz-us-gorsel img{width:100%; height:100%; object-fit:contain;}
.mz-gorsel-temsili{position:absolute; left:8px; right:8px; bottom:8px; padding:6px 10px; border-radius:8px; background:rgba(255,255,255,.92); color:#4b5563; font-size:12px; line-height:1.35; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.08);}
.mz-us-bilgi{display:flex; flex-direction:column; gap:12px; min-width:0;}
.mz-us-bilgi h1{margin:0; font-size:clamp(26px,3vw,34px); line-height:1.08;}
.mz-us-kod{font-size:13px; color:var(--ink-muted);}
.mz-us-fiyat{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:12px 0;}
.mz-us-fiyat > div{display:flex; flex-direction:column;}
.mz-us-fiyat-tutar{font-family:"Barlow Condensed",sans-serif; font-weight:800; font-size:36px; color:var(--red); line-height:1; font-variant-numeric:tabular-nums;}
.mz-us-fiyat-not{font-size:12px; color:var(--ink-muted); margin-top:4px;}
.mz-us-stok{font-size:14px; font-weight:700; color:var(--mz-ok);}
.mz-us-stok::before{content:"● ";}
.mz-us-teslim{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; font-size:13px;}
.mz-us-teslim div{background:var(--mz-yumusak); border-radius:8px; padding:10px 12px; display:flex; flex-direction:column; gap:2px;}
.mz-us-teslim span{color:var(--ink-muted);}
.mz-satin{display:flex; flex-direction:column; gap:10px;}
.mz-satin-baslik{margin:0; font-weight:700; font-size:14px;}
.mz-secenekler{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:6px;}
.mz-secenekler li{font-size:13px; border:1px solid var(--line); border-radius:999px; padding:4px 10px;}
.mz-secenekler li.var{border-color:var(--mz-ok); color:var(--mz-ok);}
.mz-secenekler li.yok{color:var(--ink-muted); text-decoration:line-through;}
.mz-satin-form{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0;}
.mz-satin-form select{padding:11px 12px; border:1.5px solid var(--line); border-radius:8px; font:inherit; background:var(--surface); color:var(--ink); max-width:100%;}
.mz-satin-form .mz-adet{height:48px;}
.mz-satin-form .mz-adet button{height:46px; width:40px;}
.mz-satin-dugme{height:48px; padding:0 22px; font-size:16px; flex:1; min-width:150px;}
.mz-satin-sabit-fiyat{display:none; flex-direction:column; line-height:1.1;}
.mz-satin-sabit-fiyat strong{font-family:"Barlow Condensed",sans-serif; font-weight:800; font-size:26px;}
.mz-satin-sabit-fiyat small{font-size:11px; color:var(--ink-muted);}
.mz-satin-wa{display:inline-flex; align-items:center; justify-content:center; gap:6px; width:48px; height:48px; border-radius:8px; background:var(--mz-wa); color:#fff !important; font-weight:700;}
.mz-satin-wa span{display:none;}
.mz-wa-dugme{display:inline-flex; align-items:center; gap:9px; align-self:flex-start; height:48px; padding:0 20px; border-radius:8px; background:var(--mz-wa); color:#fff !important; font-weight:700;}
.mz-us-bolum{border-top:1px solid var(--line); padding-top:10px;}
.mz-us-bolum > summary{cursor:pointer; font-weight:700; font-size:15px; list-style:none; display:flex; justify-content:space-between;}
.mz-us-bolum > summary::-webkit-details-marker{display:none;}
.mz-us-bolum > summary::after{content:"+"; color:var(--ink-muted); font-weight:400;}
.mz-us-bolum[open] > summary::after{content:"−";}
.mz-us-bolum p{margin:8px 0 0; color:var(--ink-muted); font-size:14px; line-height:1.6;}
.mz-us-teknik table{width:100%; border-collapse:collapse; margin-top:8px; font-size:14px;}
.mz-us-teknik th,.mz-us-teknik td{text-align:left; padding:8px 10px; border-bottom:1px solid var(--line);}
.mz-us-teknik th{width:40%; color:var(--ink-muted); font-weight:500;}
.mz-us-yazimlar{margin:0;}
.mz-us-benzer{margin-top:44px;}
.mz-us-benzer h2{font-size:24px;}

/* u-B: yumuşak görsel alanı, yuvarlak düğmeler */
.u-B .mz-us-gorsel{background:var(--mz-yumusak); border:0; border-radius:20px;}
.u-B .mz-us-gorsel img{mix-blend-mode:multiply;}
.u-B .mz-us-fiyat-tutar{color:var(--ink);}
.u-B .mz-satin-dugme,.u-B .mz-wa-dugme{border-radius:999px;}
.u-B .mz-satin-wa{display:none;}
.u-B .mz-us-teslim div{border-radius:999px; padding:8px 14px; flex-direction:row; justify-content:space-between; gap:8px;}
.u-B .mz-us-teslim{grid-template-columns:1fr;}

/* u-C: koyu yol çubuğu, teknik tablo öne çıkar, teklif düğmesi yazılı */
.u-C .mz-us-yol{background:var(--steel-2); color:#c9d4d8; padding:9px 14px; border-radius:8px;}
.u-C .mz-us-yol a{color:#fff;}
.u-C .mz-us-gorsel{border-radius:10px;}
.u-C .mz-us-teslim div{background:var(--steel); color:#fff;}
.u-C .mz-us-teslim span{color:#c9d4d8;}
.u-C .mz-us-teknik{border:1px solid var(--line); border-radius:10px; padding:0; overflow:hidden; order:1;}
.u-C .mz-us-bolum:not(.mz-us-teknik),.u-C .mz-us-yazimlar{order:2;}
.u-C .mz-us-teknik > summary{padding:10px 12px; background:var(--mz-yumusak); font-family:"Barlow Condensed",sans-serif; font-size:18px;}
.u-C .mz-us-teknik table{margin:0;}
.u-C .mz-satin-wa{width:auto; padding:0 16px; background:transparent; border:2px solid var(--mz-wa); color:var(--mz-wa) !important;}
.u-C .mz-satin-wa span{display:inline;}

@media (max-width:899.98px){
  .mz-us-ust{grid-template-columns:1fr; gap:16px;}
  .mz-us-gorsel{position:relative; max-height:340px; aspect-ratio:auto; height:300px;}
  .mz-us-bilgi h1{font-size:24px;}
  /* Basit üründe satın alma çubuğu ekranın altına sabitlenir (A ve B) */
  body:has(.mz-satin-sabit) .mz-alt-sepet,body:has(.mz-satin-sabit) .mz-alt-menu{display:none !important;}
  .u-A .mz-satin-sabit,.u-B .mz-satin-sabit,.u-C .mz-satin-sabit{position:fixed; left:0; right:0; bottom:0; z-index:31; background:var(--surface); border-top:1px solid var(--line); box-shadow:0 -6px 18px rgba(34,26,24,.08); padding:10px max(12px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px)); flex-wrap:nowrap;}
  body:has(.mz-satin-sabit){padding-bottom:84px;}
  .mz-satin-sabit .mz-satin-dugme{min-width:0;}
  .u-B .mz-satin-sabit .mz-adet{display:none;}
  .u-B .mz-satin-sabit-fiyat{display:flex;}
  .u-C .mz-satin-sabit .mz-adet{display:none;}
  .u-C .mz-satin-wa{padding:0 12px;}
  .u-B .mz-us-gorsel{height:280px;}
}

/* ═══ SEPET (u-A / u-B / u-C) ═══════════════════════════════════════════ */
.mz-sepet-sayfa h1{font-size:32px; margin:0 0 16px;}
.mz-sepet-sayfa h1 small{font-family:"Public Sans",sans-serif; font-size:15px; font-weight:600; color:var(--ink-muted); margin-left:6px;}
.mz-sepet-izgara{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:28px; align-items:start;}
.mz-sepet-liste{display:flex; flex-direction:column; gap:8px; margin:0;}
.mz-sepet-satir{display:grid; grid-template-columns:80px minmax(0,1fr) auto 110px 44px; gap:14px; align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:10px 14px;}
.mz-sepet-gorsel{width:80px; height:80px; background:#fff; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.mz-sepet-gorsel img{width:100%; height:100%; object-fit:contain;}
.mz-sepet-ad{display:flex; flex-direction:column; gap:4px; min-width:0;}
.mz-sepet-ad .cart-product-name{color:var(--ink); font-weight:600; line-height:1.3;}
.mz-sepet-birim{font-size:13px; color:var(--ink-muted);}
.mz-sepet-adet{display:flex; flex-direction:column; align-items:center; gap:2px;}
.mz-sepet-adet .cart-stock-note{font-size:11px; color:var(--ink-muted);}
.mz-sepet-tutar-satir{text-align:right; font-variant-numeric:tabular-nums; font-size:16px;}
.mz-sepet-kaldir{width:40px; height:40px; border:0; background:transparent; color:var(--ink-muted); cursor:pointer; border-radius:8px; display:flex; align-items:center; justify-content:center;}
.mz-sepet-kaldir:hover{background:var(--red-tint); color:var(--red);}
.mz-sepet-kaldir span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
.mz-sepet-ozet{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:18px; display:flex; flex-direction:column; gap:12px; position:sticky; top:12px;}
.mz-sepet-ozet h2{font-size:22px; margin:0;}
.mz-sepet-ozet dl{margin:0; display:flex; flex-direction:column; gap:6px;}
.mz-sepet-ozet dl > div{display:flex; justify-content:space-between; gap:12px; font-size:15px;}
.mz-sepet-ozet dt{color:var(--ink-muted);}
.mz-sepet-ozet dd{margin:0; font-variant-numeric:tabular-nums;}
.mz-ozet-indirim dd{color:var(--mz-ok); font-weight:700;}
.mz-ozet-toplam{border-top:1px solid var(--line); padding-top:10px; margin-top:4px;}
.mz-ozet-toplam dt{color:var(--ink) !important; font-weight:700;}
.mz-ozet-toplam dd{font-family:"Barlow Condensed",sans-serif; font-weight:800; font-size:28px; color:var(--red);}
.mz-ozet-not{margin:0; font-size:12.5px;}
.mz-kupon{display:flex; gap:6px; margin:0;}
.mz-kupon input{flex:1; min-width:0; height:42px; padding:0 12px; border:1.5px dashed var(--line); border-radius:8px; font:inherit; text-transform:uppercase; background:var(--surface); color:var(--ink);}
.mz-kupon button{height:42px; padding:0 14px; border:0; border-radius:8px; background:var(--steel); color:#fff; font:inherit; font-weight:700; cursor:pointer;}
.mz-kupon-uygulandi{align-items:center; justify-content:space-between; background:var(--mz-ok-zemin); border-radius:8px; padding:8px 10px; font-size:14px;}
.mz-kupon-uygulandi small{color:var(--ink-muted);}
.mz-kupon-kaldir{background:transparent !important; color:var(--ink) !important; text-decoration:underline; height:auto !important; padding:0 4px !important;}
.mz-odeme-dugme{display:flex; align-items:center; justify-content:center; height:50px; border-radius:8px; background:var(--red); color:#fff !important; font-weight:700; font-size:16px;}
.mz-odeme-dugme:hover{background:var(--red-dark);}
.mz-devam{text-align:center; font-size:14px; color:var(--ink-muted) !important;}
.mz-indirim-satiri td{color:var(--mz-ok); font-weight:700;}

.u-B .mz-sepet-satir{border-radius:16px;}
.u-B .mz-sepet-ozet{border-radius:20px; background:var(--mz-yumusak); border:0;}
.u-B .mz-odeme-dugme,.u-B .mz-kupon button,.u-B .mz-kupon input{border-radius:999px;}
.u-B .mz-ozet-toplam dd{color:var(--ink);}
.u-C .mz-sepet-ozet{padding:0; overflow:hidden;}
.u-C .mz-sepet-ozet h2{background:var(--steel-2); color:#fff; padding:12px 18px; font-size:20px;}
.u-C .mz-sepet-ozet > :not(h2){margin-left:18px; margin-right:18px;}
.u-C .mz-sepet-ozet > :last-child{margin-bottom:18px;}
.u-C .mz-kupon button{background:var(--steel-2);}

@media (max-width:899.98px){
  .mz-sepet-izgara{grid-template-columns:1fr; gap:16px;}
  .mz-sepet-ozet{position:static;}
  .mz-sepet-satir{grid-template-columns:64px minmax(0,1fr) auto; grid-template-areas:"g a k" "g d t"; gap:6px 10px; padding:10px;}
  .mz-sepet-gorsel{grid-area:g; width:64px; height:64px;}
  .mz-sepet-ad{grid-area:a;}
  .mz-sepet-adet{grid-area:d; flex-direction:row; gap:8px; align-items:center;}
  .mz-sepet-tutar-satir{grid-area:t; align-self:center; white-space:nowrap;}
  .mz-sepet-kaldir{grid-area:k;}
  .mz-sepet-adet .mz-adet{height:36px;}
  .mz-sepet-adet .mz-adet button{height:34px; width:30px;}
  .mz-sepet-adet .cart-stock-note{display:none;}
}

/* Gizli öğe her zaman gizli (.btn gibi display veren sınıflar hidden özniteliğini ezmesin) */
.mz [hidden]{display:none !important;}

/* ---- Cari müşteri portalı (B2B, /bayi/) ---- */
.portal-kutular{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin:14px 0;}
.portal-kutu{border:1px solid var(--line); border-radius:10px; background:var(--surface); padding:12px 16px; display:flex; flex-direction:column; gap:2px;}
.portal-kutu span{font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted);}
.portal-kutu strong{font-size:1.45rem; color:var(--ink); font-variant-numeric:tabular-nums;}
.portal-kutu small{color:var(--ink-muted);}
.portal-kutu.portal-uyari{border-color:var(--red); background:var(--red-tint);}
.portal-kutu.portal-uyari strong{color:var(--red-dark);}
.portal-yaslandirma{margin:0 0 14px;}
.portal-yaslandirma summary{cursor:pointer; color:var(--ink-muted); margin-bottom:6px;}
.portal-yaslandirma table{max-width:420px;}
.portal-arac{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin:10px 0;}
.portal-hareketler td, .portal-hareketler th{white-space:nowrap; font-variant-numeric:tabular-nums;}
@media (max-width:900px){
  .portal-hareketler th:nth-child(4), .portal-hareketler td:nth-child(4){display:none;}
}
/* Telefonda tablo yerine kart: üstte tarih ve tutar, altta işlem ve bakiye */
@media (max-width:640px){
  .portal-hareketler thead{display:none;}
  .portal-hareketler, .portal-hareketler tbody{display:block; min-width:0;}
  .portal-hareketler tr{display:grid; grid-template-columns:1fr auto; grid-template-areas:"tarih tutar" "islem bakiye" "belge belge"; gap:2px 12px; padding:10px 12px; border-bottom:1px solid var(--line);}
  .portal-hareketler td{display:block; padding:0 !important; border:0 !important; white-space:normal; text-align:left !important;}
  .portal-hareketler td:empty{display:none;}
  .portal-hareketler .p-tarih{grid-area:tarih; color:var(--ink-muted);}
  .portal-hareketler .p-islem{grid-area:islem; font-weight:600;}
  .portal-hareketler .p-belge{grid-area:belge; font-size:.82rem; color:var(--ink-muted);}
  .portal-hareketler .p-vade{display:none;}
  .portal-hareketler .p-borc, .portal-hareketler .p-alacak{grid-area:tutar; text-align:right !important; font-weight:700;}
  .portal-hareketler .p-alacak{color:var(--mz-ok);}
  .portal-hareketler .p-alacak::before{content:"− ";}
  .portal-hareketler .p-bakiye{grid-area:bakiye; text-align:right !important; color:var(--ink-muted); font-size:.82rem;}
  .portal-hareketler .p-bakiye::before{content:"bakiye ";}
}