/* =====================================================
   EKMAS BAYİ PORTALI — tek stil dosyası (by-*)
   Mobil panelin (mp-*) tasarım dilinin masaüstü uyarlaması: koyu zemin, gradyan kartlar, turuncu-altın vurgu.
   Bölümler: 1 değişkenler/tema · 2 temel · 3 iskelet (menü, üst bar) · 4 bileşenler · 5 sayfalar · 6 duyarlı
   Yön desteği: yalnızca mantıksal özellikler (margin-inline, inset-inline ...) kullanılır; Arapça (dir=rtl) kendiliğinden döner.
   ===================================================== */

/* ---------- 1. Değişkenler ve tema ---------- */
:root{
  --by-bg:#0e1624;
  --by-card-top:#1b2840;
  --by-card-bot:#151f31;
  --by-side:#0b1220;
  --by-line:#2c3a56;
  --by-row-line:rgba(52,66,95,.55);
  --by-text:#eaf0fb;
  --by-muted:#8fa0bf;
  --by-soft:rgba(255,255,255,.06);
  --by-input:#101a2d;
  --by-accent:#f5a524;
  --by-accent-2:#ffcf70;
  --by-on-accent:#1a1204;
  --by-blue:#4c8dff;
  --by-green:#2ecc8f;
  --by-red:#ff6b6b;
  --by-violet:#9b7bff;
  --by-vurgu:#ffcf70;                    /* arama eşleşmesi: yalnızca yazı rengi */
  --by-shadow:0 10px 30px rgba(0,0,0,.28);
  --by-r:1rem;
  --by-r-sm:.65rem;
  --by-side-w:248px;
  color-scheme:dark;
}
:root[data-tema="acik"]{
  --by-bg:#eef2f9;
  --by-card-top:#ffffff;
  --by-card-bot:#f6f9fd;
  --by-side:#ffffff;
  --by-line:#d2dbec;
  --by-row-line:rgba(120,140,180,.26);
  --by-text:#17233a;
  --by-muted:#62708c;
  --by-soft:rgba(23,35,58,.06);
  --by-input:#ffffff;
  --by-accent:#e08a00;
  --by-accent-2:#ffbe3d;
  --by-green:#12a26b;
  --by-red:#e0434b;
  --by-blue:#2f6fe8;
  --by-violet:#7a58e6;
  --by-vurgu:#c25e00;
  --by-shadow:0 10px 28px rgba(30,45,80,.12);
  color-scheme:light;
}

/* ---------- 2. Temel ---------- */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--by-bg);color:var(--by-text);
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
body{min-height:100vh;
  background:
    radial-gradient(90rem 40rem at 100% -10%,rgba(245,165,36,.10),transparent 60%),
    radial-gradient(70rem 40rem at -10% 0%,rgba(76,141,255,.09),transparent 60%),
    var(--by-bg)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
h1,h2,h3,p{margin:0}
[hidden]{display:none !important}
.by-i{flex:none;vertical-align:middle}
.by-muted{color:var(--by-muted)}
.by-up{color:var(--by-green)}.by-down{color:var(--by-red)}
.by-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.by-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--by-accent);outline-offset:2px}

/* ---------- 3. İskelet: yan menü + üst bar ---------- */
.by-shell{display:grid;grid-template-columns:var(--by-side-w) minmax(0,1fr);min-height:100vh}
.by-side{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:6px;padding:18px 14px;
  background:var(--by-side);border-inline-end:1px solid var(--by-line);z-index:30}
.by-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;font-weight:800;font-size:1.05rem;letter-spacing:.2px}
.by-brand b{display:grid;place-items:center;width:36px;height:36px;border-radius:.7rem;color:var(--by-on-accent);
  background:linear-gradient(135deg,var(--by-accent-2),var(--by-accent))}
.by-brand small{display:block;font-weight:500;font-size:.7rem;color:var(--by-muted);letter-spacing:0}
.by-nav{display:flex;flex-direction:column;gap:4px}
.by-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--by-r-sm);color:var(--by-muted);font-weight:600;position:relative}
.by-nav a:hover{background:var(--by-soft);color:var(--by-text)}
.by-nav a.on{background:linear-gradient(135deg,rgba(245,165,36,.20),rgba(245,165,36,.07));color:var(--by-accent);box-shadow:inset 0 0 0 1px rgba(245,165,36,.35)}
.by-nav .rozet{margin-inline-start:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--by-red);color:#fff;font-size:.7rem;display:grid;place-items:center}
.by-side-alt{margin-top:auto;padding:12px;border-radius:var(--by-r-sm);background:var(--by-soft);font-size:.8rem}
.by-side-alt b{display:block;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.by-main{min-width:0;display:flex;flex-direction:column}
.by-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:8px 18px;
  background:color-mix(in srgb,var(--by-bg) 82%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--by-line)}
.by-top h1{font-size:1.15rem;white-space:nowrap}
.by-menu-btn{display:none}
.by-search{flex:1;max-width:460px;margin-inline-start:18px;position:relative}
.by-search input{width:100%;padding:9px 14px;padding-inline-start:38px;border-radius:99px;border:1px solid var(--by-line);background:var(--by-input);color:var(--by-text)}
.by-search .by-i{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--by-muted)}
.by-top-act{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.by-ibtn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--by-r-sm);border:1px solid var(--by-line);
  background:linear-gradient(180deg,var(--by-card-top),var(--by-card-bot))}
.by-ibtn:hover{border-color:var(--by-accent)}
.by-ibtn .dot{position:absolute;top:-6px;inset-inline-end:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--by-red);color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center}
.by-dd{position:relative}
.by-dd-list{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:170px;padding:6px;border-radius:var(--by-r-sm);background:var(--by-card-top);
  border:1px solid var(--by-line);box-shadow:var(--by-shadow);display:none;z-index:50}
.by-dd.open .by-dd-list{display:block}
.by-dd-list a,.by-dd-list button{display:flex;width:100%;align-items:center;gap:10px;padding:8px 10px;border-radius:.5rem;text-align:start;font-size:.9rem}
.by-dd-list a:hover,.by-dd-list button:hover{background:var(--by-soft)}
.by-dd-list a.on{color:var(--by-accent);font-weight:700}
.by-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:700;font-size:.85rem;color:var(--by-on-accent);
  background:linear-gradient(135deg,var(--by-accent-2),var(--by-accent))}
.by-page{width:100%;padding:14px 18px 40px}
.by-ov{position:fixed;inset:0;background:rgba(5,9,16,.6);backdrop-filter:blur(2px);z-index:25;display:none}

/* tema düğmesi: koyuyken güneş (açığa geç), açıkken ay (koyuya geç) */
:root[data-tema="koyu"] .tema-ik-acik,:root[data-tema="acik"] .tema-ik-koyu{display:none}
.tema-ik-koyu,.tema-ik-acik{display:grid;place-items:center}

/* ---------- 4. Bileşenler ---------- */
.by-card{background:linear-gradient(180deg,var(--by-card-top),var(--by-card-bot));border:1px solid var(--by-line);border-radius:var(--by-r);padding:18px}
.by-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.by-card-h h2{font-size:1rem;font-weight:700}
.by-card-h a{font-size:.82rem;color:var(--by-accent)}
.by-grid{display:grid;gap:18px}
.by-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.by-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.by-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.by-g-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.by-mt{margin-top:18px}

.by-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--by-r-sm);font-weight:700;font-size:.92rem;
  border:1px solid var(--by-line);background:var(--by-soft);transition:transform .08s,filter .15s}
.by-btn:hover{filter:brightness(1.12)}
.by-btn:active{transform:scale(.98)}
.by-btn.pri{background:linear-gradient(135deg,var(--by-accent-2),var(--by-accent));color:var(--by-on-accent);border-color:transparent}
.by-btn.yesil{background:linear-gradient(135deg,#34d89b,#169a69);color:#04170f;border-color:transparent}
.by-btn.tehlike{color:var(--by-red);border-color:rgba(255,107,107,.4)}
.by-btn.sm{padding:6px 12px;font-size:.82rem}
.by-btn.blok{width:100%}
.by-btn[disabled]{opacity:.5;cursor:not-allowed}

.by-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.by-field>span{font-size:.8rem;color:var(--by-muted);font-weight:600}
.by-input,.by-field input,.by-field select,.by-field textarea{width:100%;padding:10px 12px;border-radius:var(--by-r-sm);border:1px solid var(--by-line);
  background:var(--by-input);color:var(--by-text);font:inherit}
.by-field input:focus,.by-field select:focus,.by-field textarea:focus{outline:none;border-color:var(--by-accent);box-shadow:0 0 0 3px rgba(245,165,36,.18)}
.by-field .hata{color:var(--by-red);font-size:.8rem}
.by-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.by-row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}

.by-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:.74rem;font-weight:700;white-space:nowrap}
.c-blue{background:rgba(76,141,255,.16);color:var(--by-blue)}
.c-gold{background:rgba(245,165,36,.16);color:var(--by-accent)}
.c-green{background:rgba(46,204,143,.16);color:var(--by-green)}
.c-red{background:rgba(255,107,107,.16);color:var(--by-red)}
.c-violet{background:rgba(155,123,255,.16);color:var(--by-violet)}

.by-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--by-r-sm);border:1px solid;margin-bottom:16px;font-size:.9rem}
.by-alert.hata{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.45);color:var(--by-red)}
.by-alert.basari{background:rgba(46,204,143,.1);border-color:rgba(46,204,143,.45);color:var(--by-green)}
.by-alert.uyari{background:rgba(245,165,36,.1);border-color:rgba(245,165,36,.45);color:var(--by-accent)}

.by-seg{display:inline-flex;gap:4px;padding:3px;border-radius:99px;background:var(--by-soft);border:1px solid var(--by-line)}
.by-seg a,.by-seg button{padding:5px 14px;border-radius:99px;font-size:.8rem;color:var(--by-muted)}
.by-seg .on{background:var(--by-accent);color:var(--by-on-accent);font-weight:700}

.by-table{width:100%;border-collapse:collapse;font-size:.9rem}
.by-table th{text-align:start;font-size:.74rem;text-transform:uppercase;letter-spacing:.4px;color:var(--by-muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--by-line)}
.by-table td{padding:11px 10px;border-bottom:1px solid var(--by-row-line);vertical-align:middle}
.by-table tr:last-child td{border-bottom:0}
.by-table tbody tr:hover{background:var(--by-soft)}
.by-table .sag{text-align:end}
.by-scroll{overflow-x:auto}
.by-empty{padding:28px 0;text-align:center;color:var(--by-muted)}

.by-pager{display:flex;gap:6px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.by-pager a,.by-pager span{min-width:36px;height:36px;padding:0 10px;border-radius:.6rem;display:grid;place-items:center;border:1px solid var(--by-line);font-size:.86rem}
.by-pager .on{background:var(--by-accent);color:var(--by-on-accent);border-color:transparent;font-weight:700}

.by-toast{position:fixed;inset-inline:0;top:16px;margin-inline:auto;width:max-content;max-width:calc(100% - 32px);z-index:90;padding:11px 18px;border-radius:99px;
  background:var(--by-card-top);border:1px solid var(--by-line);box-shadow:var(--by-shadow);transform:translateY(-160%);transition:transform .3s}
.by-toast.on{transform:translateY(0)}
.by-toast.hata{border-color:var(--by-red);color:var(--by-red)}

.by-modal{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:20px;background:rgba(5,9,16,.65);backdrop-filter:blur(3px)}
.by-modal.on{display:grid}
.by-modal-k{width:min(680px,100%);max-height:86vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--by-card-top),var(--by-card-bot));
  border:1px solid var(--by-line);border-radius:var(--by-r);box-shadow:var(--by-shadow)}
.by-modal-k header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--by-line);font-weight:700}
.by-modal-k .govde{padding:18px 20px;overflow:auto;white-space:pre-line;font-size:.92rem;color:var(--by-text)}

/* ---------- 5. Sayfalar ---------- */
/* Giriş */
.by-giris{min-height:100vh;display:grid;place-items:center;padding:24px}
.by-giris-k{width:min(430px,100%)}
.by-giris-k .by-card{padding:30px;box-shadow:var(--by-shadow)}
.by-giris-ust{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}
.by-giris-logo{text-align:center;margin-bottom:22px}
.by-giris-logo b{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:1rem;font-size:1.3rem;color:var(--by-on-accent);
  background:linear-gradient(135deg,var(--by-accent-2),var(--by-accent));margin-bottom:10px}
.by-giris-logo h1{font-size:1.35rem}

/* KPI kartları */
.by-kpi{position:relative;overflow:hidden}
.by-kpi .lb{display:flex;align-items:center;gap:8px;color:var(--by-muted);font-size:.82rem}
.by-kpi .ic{display:grid;place-items:center;width:34px;height:34px;border-radius:.6rem}
.by-kpi .vl{font-size:1.6rem;font-weight:800;margin:10px 0 2px;letter-spacing:-.4px}
.by-kpi .alt{font-size:.78rem;color:var(--by-muted)}
.by-kpi.uyari{border-color:rgba(255,107,107,.55)}

/* Temsilci kartı */
.by-temsilci{display:flex;gap:14px;align-items:center}
.by-temsilci .by-avatar{width:56px;height:56px;font-size:1.1rem}
.by-temsilci a{display:flex;align-items:center;gap:8px;color:var(--by-accent);font-size:.9rem;margin-top:4px}

/* Liste satırı (son siparişler / ödemeler) */
.by-liste{display:flex;flex-direction:column}
.by-liste .satir{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--by-row-line)}
.by-liste .satir:last-child{border-bottom:0}
.by-liste .ri{display:grid;place-items:center;width:38px;height:38px;border-radius:.7rem;flex:none}
.by-liste .rt{flex:1;min-width:0}
.by-liste .rt b{display:block;font-size:.92rem}
.by-liste .rt small{color:var(--by-muted);font-size:.78rem}

/* Grafikler */
.by-grafik{width:100%}
.by-grafik svg{display:block;width:100%;height:auto;overflow:visible}
.by-grafik text{fill:var(--by-muted);font-size:11px}
.by-grafik .eksen{stroke:var(--by-row-line);stroke-width:1}
.by-grafik .cubuk{transition:opacity .15s}
.by-grafik .cubuk:hover{opacity:.8}
.by-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.8rem;color:var(--by-muted);margin-top:8px}
.by-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:middle}
.by-donut{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.by-donut ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.88rem}
.by-donut li i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:8px}
.by-bar-yatay{display:flex;flex-direction:column;gap:12px}
.by-bar-yatay .b{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.86rem}
.by-bar-yatay .cub{grid-column:1/-1;height:8px;border-radius:99px;background:var(--by-soft);overflow:hidden}
.by-bar-yatay .cub i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--by-accent),var(--by-accent-2))}

/* Tahmin kartı */
.by-tahmin{background:linear-gradient(135deg,rgba(245,165,36,.16),rgba(76,141,255,.10)),linear-gradient(180deg,var(--by-card-top),var(--by-card-bot))}
.by-tahmin .buyuk{font-size:1.7rem;font-weight:800}
/* Panel: "Siparişler ve Ödemeler" grafiği alçaltıldı (data-yukseklik), yanındaki kutular da buna göre sıkılaştırıldı */
.by-g-main > .by-card{padding-block:14px}
.by-g-main > .by-card .by-card-h{margin-bottom:8px}
.by-kompakt{gap:12px;align-content:start}
.by-kompakt .by-card{padding:12px 16px}
.by-kompakt .by-card-h{margin-bottom:8px}
.by-kompakt .by-temsilci .by-avatar{width:44px;height:44px;font-size:.95rem}
.by-kompakt .by-temsilci a{margin-top:2px}
.by-kompakt .by-tahmin .buyuk,.by-kompakt.by-grid .by-tahmin .buyuk{font-size:1.35rem}
.by-kompakt .by-tahmin p{margin:2px 0 0}

/* Ürünler sayfası slider'ı (Constants.php → BAYI_SLIDER) */
.by-slider{position:relative;margin-bottom:18px;border-radius:calc(var(--by-r) + 4px);overflow:hidden;background:linear-gradient(135deg,var(--by-card-top),var(--by-card-bot));
  border:1px solid var(--by-line);box-shadow:var(--by-shadow);outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.by-slider:focus-visible{box-shadow:0 0 0 3px var(--by-accent),var(--by-shadow)}
.by-slider .sahne{position:relative;aspect-ratio:16/5;min-height:150px;max-height:340px;width:100%}
.by-slider .slayt{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}
.by-slider .slayt.on{opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s}
.by-slider .slayt img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.045);transition:transform 7s ease-out}
.by-slider .slayt.on img{transform:scale(1)}
.by-slider .slayt .yazi{position:absolute;inset-inline:0;bottom:0;padding:54px 24px 40px;background:linear-gradient(0deg,rgba(6,10,18,.72),rgba(6,10,18,0));
  transform:translateY(10px);opacity:0;transition:transform .7s ease .25s,opacity .7s ease .25s}
.by-slider .slayt.on .yazi{transform:none;opacity:1}
.by-slider .yazi b{display:block;font-size:clamp(1.05rem,2.2vw,1.7rem);font-weight:800;letter-spacing:.2px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.by-slider .yazi small{display:block;margin-top:4px;font-size:clamp(.82rem,1.3vw,1rem);opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.by-slider .ok{position:absolute;top:50%;translate:0 -50%;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);cursor:pointer;display:grid;place-items:center;
  color:#fff;background:rgba(10,16,28,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s,background .2s,transform .2s;z-index:2}
.by-slider .ok:hover{background:var(--by-accent);color:var(--by-on-accent);border-color:transparent}
.by-slider .ok.onceki{inset-inline-start:14px}
.by-slider .ok.sonraki{inset-inline-end:14px}
[dir=rtl] .by-slider .ok svg{transform:scaleX(-1)}
.by-slider:hover .ok,.by-slider:focus-within .ok{opacity:1}
.by-slider .noktalar{position:absolute;inset-inline:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:2}
.by-slider .nokta{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.45);cursor:pointer;overflow:hidden;transition:width .35s ease,background .25s}
.by-slider .nokta:hover{background:rgba(255,255,255,.8)}
.by-slider .nokta.on{width:34px;background:rgba(255,255,255,.35)}
.by-slider .nokta i{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:var(--by-accent)}
[dir=rtl] .by-slider .nokta i{transform-origin:right center}
.by-slider .nokta.on i{animation:by-slider-dolum var(--sure,5s) linear forwards}
.by-slider.dur .nokta.on i{animation-play-state:paused}
@keyframes by-slider-dolum{to{transform:scaleX(1)}}
/* Örnek slaytlar (BAYI_SLIDER boşken, BAYI_SLIDER_ORNEK = true): görselsiz renkli zemin */
.by-slider .slayt.ornek1{background:linear-gradient(120deg,#1b3a6b 0%,#2f6fd6 55%,#7fb2ff 100%)}
.by-slider .slayt.ornek2{background:linear-gradient(120deg,#6a2c91 0%,#a94de0 55%,#f08bd0 100%)}
.by-slider .slayt.ornek3{background:linear-gradient(120deg,#9a4a05 0%,#e8890c 55%,#ffd36b 100%)}
.by-slider .slayt[class*=ornek]::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.28),transparent 45%),radial-gradient(circle at 10% 110%,rgba(0,0,0,.28),transparent 50%)}
.by-slider .slayt[class*=ornek] .yazi{z-index:1;background:none;padding-bottom:46px}
.by-slider .slayt[class*=ornek] .yazi b{font-size:clamp(1.3rem,3.2vw,2.4rem)}
@media (max-width:760px){
  .by-slider .sahne{aspect-ratio:16/7;min-height:120px}
  .by-slider .ok{opacity:1;width:34px;height:34px}
  .by-slider .slayt .yazi{padding:34px 16px 30px}
}
@media (prefers-reduced-motion:reduce){
  .by-slider .slayt,.by-slider .slayt.on{transition:opacity .2s linear}
  .by-slider .slayt img,.by-slider .slayt.on img{transform:none;transition:none}
  .by-slider .slayt .yazi{transform:none;transition:none}
}

/* Kampanya / banner */
.by-bannerlar{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-bottom:18px}
.by-banner{position:relative;flex:0 0 min(520px,86%);height:190px;border-radius:var(--by-r);overflow:hidden;scroll-snap-align:start;display:flex;align-items:flex-end;
  background:linear-gradient(135deg,#3f7bff,#2a50c9);border:1px solid var(--by-line);color:#fff}
.by-banner.kampanya{background:linear-gradient(135deg,#f7b032,#d97a0c)}
.by-banner.duyuru{background:linear-gradient(135deg,#9b7bff,#6a4ee0)}
.by-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.by-banner .metin{position:relative;width:100%;padding:44px 18px 16px;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent)}
.by-banner .metin b{display:block;font-size:1.1rem}
.by-banner .metin small{opacity:.9}
.by-banner .etiket{position:absolute;top:12px;inset-inline-start:12px;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:700;background:rgba(0,0,0,.45)}

/* Ürünler */
.by-stok{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}
.by-kategoriler{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px}
.by-kategoriler a{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:var(--by-r-sm);color:var(--by-muted);font-size:.9rem}
.by-kategoriler a:hover{background:var(--by-soft);color:var(--by-text)}
.by-kategoriler a.on{background:rgba(245,165,36,.14);color:var(--by-accent);font-weight:700}
.by-kategoriler small{opacity:.7}
.by-filtre{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.by-filtre .by-field{margin:0;flex:1;min-width:160px}
.by-filtre .by-filtre-ara{flex:1 1 340px;min-width:220px}
.by-filtre .by-filtre-ara input,.by-filtre select{padding:9px 14px;font-size:.92rem}

/* switch: Hepsi [anahtar] Stoktakiler */
.by-filtre{gap:8px}
.by-switch{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;background:linear-gradient(180deg,var(--by-card-top),var(--by-card-bot));border:1px solid var(--by-line);font-size:.84rem;color:var(--by-muted);cursor:pointer;user-select:none;white-space:nowrap;transition:border-color .15s}
.by-switch:hover,.by-switch:has(input:checked){border-color:var(--by-accent)}
.by-switch:has(input:focus-visible){outline:2px solid var(--by-accent);outline-offset:2px}
.by-switch input{position:absolute;opacity:0;width:0;height:0}
.by-switch i{position:relative;width:38px;height:22px;border-radius:99px;background:var(--by-soft);border:1px solid var(--by-line);transition:background .15s,border-color .15s;flex:none}
.by-switch i::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:var(--by-muted);transition:transform .15s,background .15s}
.by-switch input:checked~i{background:rgba(245,165,36,.25);border-color:var(--by-accent)}
.by-switch input:checked~i::after{transform:translateX(16px);background:var(--by-accent)}
[dir="rtl"] .by-switch input:checked~i::after{transform:translateX(-16px)}
.by-switch:has(input:checked) span:last-child{color:var(--by-text);font-weight:700}
.by-switch:not(:has(input:checked)) span:first-child{color:var(--by-text);font-weight:700}
.by-urunler{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.by-urun{display:flex;flex-direction:column;overflow:hidden;padding:0}
.by-urun .gorsel{aspect-ratio:4/3;background:var(--by-soft);display:grid;place-items:center;color:var(--by-muted)}
.by-urun .gorsel img{width:100%;height:100%;object-fit:cover}
.by-urun .ic{display:flex;flex-direction:column;gap:6px;padding:14px;flex:1}
.by-urun .ad{font-weight:700;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.by-urun .kod{font-size:.76rem;color:var(--by-muted)}
.by-urun .fiyat{font-size:1.15rem;font-weight:800;margin-top:auto}
.by-urun .fiyat small{font-size:.72rem;font-weight:500;color:var(--by-muted)}
.by-urun .ekle{display:flex;gap:8px;margin-top:8px}
.by-urun .ekle input{width:70px;text-align:center;padding:8px 6px;border-radius:var(--by-r-sm);border:1px solid var(--by-line);background:var(--by-input);color:var(--by-text)}
.by-urun .ekle .by-btn{flex:1;padding:8px}
.by-saf{border:0;cursor:pointer;font-family:inherit}
.by-saf:hover{filter:brightness(1.15);text-decoration:underline}
.by-urun .sepette{font-size:.74rem;color:var(--by-green);font-weight:700}

/* Adet düğmesi (sepet) */
.by-adet{display:inline-flex;align-items:center;border:1px solid var(--by-line);border-radius:var(--by-r-sm);overflow:hidden}
.by-adet button{width:34px;height:34px;display:grid;place-items:center;background:var(--by-soft)}
.by-adet input{width:56px;text-align:center;border:0;background:transparent;color:var(--by-text);font:inherit;padding:0}

/* Sepet / ödeme */
.by-sepet{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.by-sepet-satir{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--by-row-line)}
.by-sepet-satir:last-child{border-bottom:0}
.by-sepet-satir[data-sepet-pencere]{cursor:pointer}
.by-sepet-satir[data-sepet-pencere]:hover{background:var(--by-soft)}
.by-sepet-satir .res{width:72px;height:72px;border-radius:.7rem;background:var(--by-soft);overflow:hidden;display:grid;place-items:center;color:var(--by-muted)}
.by-sepet-satir .res img{width:100%;height:100%;object-fit:cover}
/* yalnızca yan özet kutusu (aside) yapışkandır; .by-ozet sınıfını kullanan listeler (pencere, profil, ödeme) normal akışta kalır */
aside.by-ozet{position:sticky;top:84px}
.by-ozet dl{margin:0}
.by-ozet .t{display:flex;justify-content:space-between;padding:7px 0;font-size:.92rem}
.by-ozet .t.genel{border-top:1px solid var(--by-line);margin-top:6px;padding-top:12px;font-size:1.2rem;font-weight:800}
.by-secenek{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--by-r-sm);border:1px solid var(--by-line);margin-bottom:10px;cursor:pointer;background:var(--by-soft)}
.by-secenek:has(input:checked){border-color:var(--by-accent);background:rgba(245,165,36,.10)}
.by-secenek input{margin-top:4px;accent-color:var(--by-accent)}
.by-secenek.kapali{opacity:.5;cursor:not-allowed}
.by-secenek b{display:flex;align-items:center;gap:8px}
.by-secenek small{display:block;color:var(--by-muted);margin-top:2px}
.by-onay{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;font-size:.9rem}
.by-onay input{margin-top:3px;accent-color:var(--by-accent)}
.by-onay a{color:var(--by-accent);text-decoration:underline;cursor:pointer}
.by-liste .satir form{margin:0}
.by-model-btn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--by-line);background:var(--by-card-top);color:var(--by-accent);vertical-align:middle;cursor:pointer}
.by-model-btn:hover{border-color:var(--by-accent);background:rgba(245,165,36,.18)}
.by-model-btn.kose{position:absolute;top:8px;inset-inline-end:8px;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.by-urun .gorsel{position:relative}
.by-modal-k.genis{width:min(980px,100%)}
.by-model-cerceve{display:block;width:100%;height:min(72vh,640px);border:0;background:var(--by-soft);border-radius:0 0 var(--by-r) var(--by-r)}
.by-vurgu{color:var(--by-vurgu);font-weight:800}
.by-ara-sar{position:relative}
.by-ara-sar input{padding-inline-end:44px}
.by-mik{position:absolute;inset-inline-end:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--by-muted);cursor:pointer}
.by-mik:hover{color:var(--by-accent);background:var(--by-soft)}
.by-mik.dinliyor{color:#fff;background:var(--by-red);animation:by-nabiz 1s infinite}
@keyframes by-nabiz{0%,100%{box-shadow:0 0 0 0 rgba(255,107,107,.55)}50%{box-shadow:0 0 0 7px rgba(255,107,107,0)}}
.by-sesli-yok .by-mik{display:none}
.by-adres-act{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.by-urun-hucre{display:flex;align-items:center;gap:10px;min-width:0}
.by-thumb{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:.5rem;overflow:hidden;background:var(--by-soft);color:var(--by-muted)}
.by-thumb img{width:100%;height:100%;object-fit:cover}
.by-card-h h2 .by-i{margin-inline-end:4px}
.by-ozet .t dd .by-input{width:auto}
.by-adim{display:flex;gap:10px;margin-bottom:20px;font-size:.85rem;color:var(--by-muted)}
.by-adim span{display:flex;align-items:center;gap:8px}
.by-adim .n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--by-line);font-weight:700}
.by-adim .on{color:var(--by-text);font-weight:700}
.by-adim .on .n{background:var(--by-accent);color:var(--by-on-accent);border-color:transparent}
.by-iban{padding:12px 14px;border-radius:var(--by-r-sm);border:1px dashed var(--by-line);margin-bottom:10px}
.by-iban code{display:block;font-size:1rem;margin-top:4px;letter-spacing:.5px;direction:ltr;text-align:start;user-select:all}
.by-kart-form{max-width:520px}

/* Sonuç (sipariş alındı) */
.by-sonuc{text-align:center;max-width:620px;margin:20px auto}
.by-sonuc .buyuk-ic{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:rgba(46,204,143,.16);color:var(--by-green);margin-bottom:14px}
.by-sonuc .buyuk-ic.hata{background:rgba(255,107,107,.14);color:var(--by-red)}
.by-sonuc .buyuk-ic.bekle{background:var(--by-soft);color:var(--by-accent);animation:by-bekle 1.4s ease-in-out infinite}
@keyframes by-bekle{0%,100%{opacity:1}50%{opacity:.45}}

/* Kartla ödeme: sağlayıcının güvenli sayfası (çerceve) ve bilgi listesi */
.by-pos-cerceve{display:block;width:100%;min-height:620px;border:0;border-radius:var(--by-r-sm);background:#fff}
.by-guvenli{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;font-size:.84rem;color:var(--by-muted)}
.by-guvenli li{display:flex;gap:8px;align-items:flex-start}
.by-guvenli li svg{flex:none;margin-top:2px;color:var(--by-green)}

/* ---------- 6. Duyarlı ---------- */
@media (max-width:1280px){
  .by-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .by-g-main{grid-template-columns:minmax(0,1fr)}
  .by-sepet{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width:1100px){
  :root{--by-side-w:76px}
  .by-side{padding-inline:10px;align-items:center}
  .by-brand div,.by-nav a span,.by-side-alt{display:none}
  .by-nav a{justify-content:center;padding:12px}
  .by-nav .rozet{position:absolute;top:2px;inset-inline-end:2px;margin:0}
  .by-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .by-stok{grid-template-columns:200px minmax(0,1fr)}
}
@media (max-width:860px){
  .by-sepet{grid-template-columns:minmax(0,1fr)}
  aside.by-ozet,.by-kategoriler{position:static}
  .by-stok{grid-template-columns:minmax(0,1fr)}
  .by-kategoriler{flex-direction:row;overflow-x:auto;padding-bottom:6px}
  .by-kategoriler a{white-space:nowrap;border:1px solid var(--by-line)}
}
@media (max-width:760px){
  .by-shell{grid-template-columns:minmax(0,1fr)}
  .by-side{position:fixed;inset-block:0;inset-inline-start:0;width:260px;align-items:stretch;transform:translateX(-105%);transition:transform .25s}
  [dir="rtl"] .by-side{transform:translateX(105%)}
  .by-side.open{transform:none}
  .by-side.open~.by-ov,.by-shell.menu-acik .by-ov{display:block}
  .by-brand div,.by-nav a span,.by-side-alt{display:block}
  .by-nav a{justify-content:flex-start}
  .by-nav .rozet{position:static;margin-inline-start:auto}
  .by-menu-btn{display:grid}
  .by-top{padding:8px 12px}
  .by-search{display:none}
  .by-page{padding:12px 12px 40px}
  .by-g2,.by-g3,.by-g4{grid-template-columns:minmax(0,1fr)}
  .by-row2,.by-row3{grid-template-columns:minmax(0,1fr)}
  .by-sepet-satir{grid-template-columns:56px minmax(0,1fr) auto}
  .by-sepet-satir .res{width:56px;height:56px}
  .by-sepet-satir .tutar,.by-sepet-satir .sil{grid-column:2/-1}
  .by-table.duyarli thead{display:none}
  .by-table.duyarli tr{display:block;padding:10px 0;border-bottom:1px solid var(--by-row-line)}
  .by-table.duyarli td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 0}
  .by-table.duyarli td::before{content:attr(data-b);color:var(--by-muted);font-size:.78rem}
}
@media print{.by-side,.by-top,.by-ov{display:none}.by-shell{display:block}}
.by-urun[data-urun-pencere]{cursor:pointer}
.by-giris-ac{margin-top:10px;padding-top:12px;border-top:1px solid var(--by-line)}
.by-giris-alan{margin:6px 0 12px;padding:12px 14px;border:1px solid var(--by-line);border-radius:var(--by-r-sm);background:var(--by-soft)}
.by-giris-alan[hidden]{display:none}
.by-izinler{display:grid;gap:2px;margin-bottom:10px}
.by-izinler .by-onay{margin:0}