/* GetirTrend — site görünümü. Önce telefon, sonra geniş ekran. */
:root{
  --ana:#2b3fd6;--ana-k:#1e2ca8;--ana-a:#eef1ff;--vurgu:#ff4f5e;--vurgu-a:#fff0f1;
  --yesil:#0e8f50;--yesil-a:#e7f6ee;--sari:#b45309;--sari-a:#fff6e5;--kirmizi:#d92d20;--kirmizi-a:#fdecec;
  --mor:#6d28d9;--mor-a:#f2ecff;--turuncu:#c2410c;--turuncu-a:#fff0e6;--gri:#5b6473;--gri-a:#eff1f5;--mavi:#1d4ed8;--mavi-a:#e8efff;
  --yildiz:#f5a524;--metin:#151a2d;--soluk:#667085;--cizgi:#e4e7ef;--zemin:#f4f6fb;--kart:#fff;
  --r:14px;--rk:10px;--golge:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);--golge-b:0 12px 32px rgba(16,24,40,.14);
  --yazi:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--yazi);font-size:15px;line-height:1.5;color:var(--metin);background:var(--zemin);padding-bottom:calc(64px + env(safe-area-inset-bottom))}
@media(min-width:900px){body{padding-bottom:0}}
img{max-width:100%;display:block}
a{color:var(--ana);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:22px;line-height:1.25;margin:4px 0 14px;letter-spacing:-.01em}
h2{font-size:18px;line-height:1.3;margin:0 0 12px;letter-spacing:-.01em}
h3{font-size:16px;margin:16px 0 8px}
p{margin:0 0 10px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.ik{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kap{max-width:1260px;margin:0 auto;padding:0 16px}
.icerik{padding-top:14px;padding-bottom:32px;min-height:50vh}
.soluk{color:var(--soluk)}.kucuk{font-size:13px}.yesil{color:var(--yesil)}.kirmizi{color:var(--kirmizi)}.turuncu{color:var(--turuncu)}
.sag{text-align:right}.nowrap{white-space:nowrap}.merkez{text-align:center;margin:20px 0}.ust-cizgi{text-decoration:line-through}
.atla{position:absolute;left:-999px;top:0;background:#fff;padding:8px;z-index:999}.atla:focus{left:8px}
.gizli-tuzak{position:absolute!important;left:-9999px!important;height:1px;overflow:hidden}
[hidden]{display:none!important}

/* ---------- üst bölüm */
.ust-serit{background:#101633;color:#c7cde6;font-size:12.5px}
.ust-serit .kap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:32px}
.ust-duyuru{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ust-serit nav{display:none;gap:18px}.ust-serit nav a{color:#c7cde6}
@media(min-width:900px){.ust-serit nav{display:flex}}
.bas{background:#fff;border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:40}
.bas-ic{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"menu logo eylem" "ara ara ara";align-items:center;gap:8px 10px;padding-top:10px;padding-bottom:10px}
.menu-dugme{grid-area:menu;background:none;border:0;padding:6px;margin-left:-6px;color:var(--metin);display:flex}
.logo{grid-area:logo;display:flex;align-items:center;gap:8px;color:var(--metin);text-decoration:none!important}
.logo-simge{width:34px;height:34px}
.logo-yazi{font-size:22px;font-weight:800;letter-spacing:-.04em;color:#151a2d}.logo-yazi b{color:var(--ana);font-weight:800}
.ara{grid-area:ara;display:flex;background:var(--zemin);border:1.5px solid var(--cizgi);border-radius:12px;overflow:hidden;transition:border-color .15s}
.ara:focus-within{border-color:var(--ana);background:#fff}
.ara input{flex:1;min-width:0;border:0;background:transparent;padding:11px 14px;outline:0;font-size:15px}
.ara button{border:0;background:var(--ana);color:#fff;padding:0 16px;display:flex;align-items:center}
.bas-eylem{grid-area:eylem;display:flex;align-items:center;gap:2px}
.eylem{position:relative;display:flex;align-items:center;gap:6px;padding:8px;border-radius:10px;color:var(--metin);font-size:14px;font-weight:600;text-decoration:none!important;cursor:pointer;list-style:none}
.eylem::-webkit-details-marker{display:none}
.eylem:hover{background:var(--zemin)}
.eylem span{display:none}
.eylem .rozet{position:absolute;top:2px;right:0}
.rozet{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--vurgu);color:#fff;font-size:11px;font-weight:700;line-height:1}
.rozet.ic{position:static;margin-left:auto}
.gizle-mobil{display:none!important}
@media(min-width:900px){
  .bas-ic{grid-template-columns:auto minmax(300px,1fr) auto;grid-template-areas:"logo ara eylem";gap:24px;padding-top:14px;padding-bottom:14px}
  .menu-dugme{display:none}.eylem span{display:inline}.eylem .rozet{position:static}
  .gizle-mobil{display:flex!important}.logo-simge{width:38px;height:38px}.logo-yazi{font-size:25px}
}
.acilir{position:relative}
.acilir-ic{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge-b);min-width:250px;padding:6px;z-index:60}
.acilir-ic a,.acilir-ic button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;color:var(--metin);font-size:14px;background:none;border:0;text-align:left;text-decoration:none}
.acilir-ic a:hover,.acilir-ic button:hover{background:var(--zemin)}
.acilir-ic .vurgulu{color:var(--ana);font-weight:600}
.acilir-ic form{border-top:1px solid var(--cizgi);margin-top:4px;padding-top:4px}
.acilir-bas{padding:8px 10px 10px;font-size:14px;border-bottom:1px solid var(--cizgi);margin-bottom:4px}
.kat-serit{display:none;border-top:1px solid var(--cizgi)}
.kat-serit .kap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.kat-serit .kap::-webkit-scrollbar{display:none}
.kat-serit a{white-space:nowrap;padding:10px 10px;color:var(--metin);font-size:14px;font-weight:500;border-bottom:2px solid transparent;text-decoration:none}
.kat-serit a:hover,.kat-serit a.aktif{color:var(--ana);border-bottom-color:var(--ana)}
@media(min-width:900px){.kat-serit{display:block}}

/* çekmece (telefonda kategoriler) */
.cekmece{position:fixed;inset:0;background:rgba(16,22,51,.45);z-index:100;display:flex}
.cekmece-ic{background:#fff;width:86%;max-width:360px;height:100%;overflow-y:auto;padding-bottom:30px;animation:kay .2s ease-out}
@keyframes kay{from{transform:translateX(-100%)}to{transform:none}}
.cekmece-bas{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--cizgi);font-size:17px;position:sticky;top:0;background:#fff}
.cekmece-bas button{background:none;border:0;padding:4px;display:flex}
.cekmece details{border-bottom:1px solid var(--cizgi)}
.cekmece summary{padding:14px 16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;list-style:none}
.cekmece summary::-webkit-details-marker{display:none}
.cekmece details a{display:block;padding:10px 16px 10px 52px;color:var(--metin);font-size:14px}
.kat-emo{width:26px;text-align:center;font-size:20px}
.cekmece-alt a{display:flex;gap:10px;align-items:center;padding:14px 16px;color:var(--metin);font-weight:500}

/* alt menü (telefon) */
.alt-menu{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--cizgi);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px rgba(16,24,40,.06)}
.alt-menu a,.alt-menu button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 2px 8px;font-size:11px;font-weight:600;color:var(--soluk);background:none;border:0;text-decoration:none}
.alt-menu .aktif{color:var(--ana)}
.alt-menu .rozet{position:absolute;top:4px;left:calc(50% + 4px)}
@media(min-width:900px){.alt-menu{display:none}}

/* bildirim şeridi + tost */
.flash{padding:10px 0;font-size:14.5px;font-weight:500}
.flash .kap{display:flex;justify-content:space-between;align-items:center;gap:10px}
.flash-ok{background:var(--yesil-a);color:#0b6b3c;border-bottom:1px solid #c5ebd6}
.flash-hata{background:var(--kirmizi-a);color:#9b1c13;border-bottom:1px solid #f6c9c5}
.flash-kapat{background:none;border:0;color:inherit;display:flex;padding:2px}
.tost{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#151a2d;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--golge-b);z-index:200;display:flex;gap:14px;align-items:center;font-size:14.5px;max-width:calc(100% - 32px);animation:yuksel .2s ease-out}
.tost a{color:#9db0ff;font-weight:700;white-space:nowrap}
.tost.hata{background:#9b1c13}
@keyframes yuksel{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(min-width:900px){.tost{bottom:28px}}

/* ---------- düğmeler, formlar, kutular */
.dg{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:var(--rk);border:1.5px solid transparent;font-weight:650;font-size:14.5px;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:background .15s,border-color .15s,transform .05s;background:var(--zemin);color:var(--metin);white-space:nowrap}
.dg:active{transform:translateY(1px)}
.dg-ana{background:var(--ana);color:#fff}.dg-ana:hover{background:var(--ana-k)}
.dg-cizgi{background:#fff;border-color:var(--cizgi);color:var(--metin)}.dg-cizgi:hover{border-color:#c9cedb}
.dg-beyaz{background:#fff;color:var(--ana)}
.dg-tehlike{background:var(--kirmizi-a);color:var(--kirmizi)}.dg-tehlike:hover{background:#fbdcda}
.dg-kucuk{padding:6px 11px;font-size:13px;border-radius:8px}.dg-kucuk .ik{width:16px;height:16px}
.dg-buyuk{padding:14px 22px;font-size:16px;border-radius:12px}
.dg.tam{width:100%}
.dg[disabled],.dg.pasif{opacity:.45;pointer-events:none}
.form label{display:block;font-size:13.5px;font-weight:600;margin-bottom:12px;color:#344054}
.form label small{font-weight:500}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1.5px solid var(--cizgi);border-radius:var(--rk);background:#fff;font-size:15px;font-weight:400;color:var(--metin);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ana);box-shadow:0 0 0 3px rgba(43,63,214,.14)}
textarea{resize:vertical;min-height:44px}
input[type=color]{width:100%;height:42px;margin-top:5px;border:1.5px solid var(--cizgi);border-radius:var(--rk);padding:3px;background:#fff}
.form label.onay,label.onay{display:flex;align-items:flex-start;gap:9px;font-weight:500;cursor:pointer;margin-bottom:10px}
.onay input{margin:3px 0 0;width:17px;height:17px;accent-color:var(--ana);flex:none}
.iki{display:grid;gap:0 14px}
@media(min-width:640px){.iki{grid-template-columns:1fr 1fr}}
.uc-sutun{display:grid;gap:14px}@media(min-width:900px){.uc-sutun{grid-template-columns:repeat(3,1fr)}}
.form-hata{background:var(--kirmizi-a);color:#9b1c13;border-radius:var(--rk);padding:10px 12px;margin-bottom:14px;font-size:14px;font-weight:500}
.uyari{background:var(--sari-a);color:#7a3e05;border:1px solid #fbe0b0;border-radius:var(--rk);padding:11px 14px;margin-bottom:14px;font-size:14px;line-height:1.7}
.uyari .dg{margin-left:8px}
.uyari.bilgi{background:var(--ana-a);color:#1e2a85;border-color:#d6dcff}
.uyari a{font-weight:600}
.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px;margin-bottom:14px;box-shadow:var(--golge)}
@media(min-width:900px){.kutu{padding:20px}}
.kutu h2 small{font-weight:500;font-size:13px}
.iki-sutun{display:grid;gap:0 16px}
@media(min-width:900px){.iki-sutun{grid-template-columns:1fr 1fr}.iki-sutun.genis-sol{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.satir-ici{display:inline}
.satir-ici-grup{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.satir-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.satir-form>*{flex:1 1 160px;margin:0}.satir-form>button{flex:0 0 auto}
.satir-form input,.satir-form select,.satir-form textarea{margin-top:0}
.satir-form label{margin:0}
.etiket{display:block;font-size:13.5px;font-weight:600;color:#344054;margin-bottom:6px}
.tikli{list-style:none;padding:0;margin:0}
.tikli li{padding:6px 0 6px 28px;position:relative}
.tikli li::before{content:"";position:absolute;left:0;top:8px;width:18px;height:18px;border-radius:50%;background:var(--yesil-a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e8f50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.bos{text-align:center;padding:40px 16px;background:#fff;border:1px dashed #d4d9e5;border-radius:var(--r)}
.bos-simge{font-size:44px;margin-bottom:6px}.bos h3{margin:4px 0 6px;font-size:18px}.bos p{color:var(--soluk);max-width:420px;margin:0 auto 16px}

/* durum rozetleri */
.durum{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}
.d-mavi{background:var(--mavi-a);color:var(--mavi)}.d-sari{background:var(--sari-a);color:var(--sari)}.d-mor{background:var(--mor-a);color:var(--mor)}.d-yesil{background:var(--yesil-a);color:var(--yesil)}
.d-kirmizi{background:var(--kirmizi-a);color:var(--kirmizi)}.d-turuncu{background:var(--turuncu-a);color:var(--turuncu)}.d-gri{background:var(--gri-a);color:var(--gri)}

/* ---------- vitrin */
.vitrin-ust{display:grid;gap:12px;margin-bottom:18px}
@media(min-width:900px){.vitrin-ust{grid-template-columns:minmax(0,1fr) 290px}}
.slayt{position:relative;height:210px;border-radius:18px;overflow:hidden;background:#1b2266}
@media(min-width:640px){.slayt{height:270px}}
.slayt-oge{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 22px 34px;color:#fff;text-decoration:none!important;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;
  background:radial-gradient(circle at 85% 40%,rgba(255,255,255,.18) 0 22%,transparent 23%),linear-gradient(125deg,var(--renk) 0%,color-mix(in srgb,var(--renk) 55%,#0b0f2e) 100%)}
.slayt-oge.aktif{opacity:1;visibility:visible}
.slayt-yazi{max-width:520px;position:relative;z-index:1}
.slayt-yazi h2{font-size:24px;margin:0 0 8px;color:#fff;line-height:1.15}
.slayt-yazi p{opacity:.92;font-size:14.5px;margin-bottom:14px;max-width:420px}
.slayt-simge{font-size:84px;line-height:1;flex:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));margin-right:4px}
@media(min-width:640px){.slayt-oge{padding:34px 44px 40px}.slayt-yazi h2{font-size:34px}.slayt-yazi p{font-size:16px}.slayt-simge{font-size:140px;margin-right:30px}}
.slayt-nokta{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.slayt-nokta button{width:8px;height:8px;border-radius:4px;border:0;background:rgba(255,255,255,.5);padding:0;transition:width .2s}
.slayt-nokta button.aktif{width:22px;background:#fff}
.vitrin-yan{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:900px){.vitrin-yan{grid-template-columns:1fr}}
.yan-kutu{position:relative;border-radius:18px;padding:16px;color:#151a2d;text-decoration:none!important;display:flex;flex-direction:column;justify-content:center;min-height:100px;overflow:hidden}
.yan-kutu b{font-size:17px}.yan-kutu span{font-size:13px;color:#475069;max-width:170px}
.yan-kutu .ik{position:absolute;right:-6px;bottom:-8px;width:76px;height:76px;stroke-width:1.3;opacity:.22}
.yk-1{background:linear-gradient(135deg,#ffe3e6,#fff4f5)}.yk-1 .ik{color:var(--vurgu);opacity:.35}
.yk-2{background:linear-gradient(135deg,#dff6ea,#f2fbf6)}.yk-2 .ik{color:var(--yesil);opacity:.35}
.kat-daireler{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}
.kat-daireler::-webkit-scrollbar{display:none}
.kat-daireler a{flex:0 0 84px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12.5px;font-weight:600;color:var(--metin);text-decoration:none;line-height:1.25}
.kd-simge{width:64px;height:64px;border-radius:50%;background:var(--renk);display:flex;align-items:center;justify-content:center;font-size:30px;transition:transform .15s}
.kat-daireler a:hover .kd-simge{transform:translateY(-2px)}
@media(min-width:1100px){.kat-daireler{justify-content:space-between}}
.bolum{margin:8px 0 22px}
.bolum-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.bolum-bas h2{margin:0}
.bolum-bas a{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:600;white-space:nowrap}
.bolum-bas a .ik{width:16px;height:16px}
.yatay{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.yatay>.kart{scroll-snap-align:start}
@media(min-width:640px){.yatay{grid-auto-columns:30%}}
@media(min-width:900px){.yatay{grid-auto-columns:calc((100% - 50px)/6)}}

/* ürün kartı */
.izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:640px){.izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(min-width:1100px){.izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kart{position:relative;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;transition:box-shadow .15s,transform .15s;min-width:0}
.kart:hover{box-shadow:var(--golge-b);transform:translateY(-2px)}
.kart-link{display:block;color:var(--metin);text-decoration:none!important;height:100%}
.kart-gorsel{position:relative;aspect-ratio:1/1;background:#f6f7fb}
.kart-gorsel img{width:100%;height:100%;object-fit:cover}
.kart-rozetler{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.rz{display:inline-block;padding:3px 7px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.3}
.rz-indirim{background:var(--vurgu);color:#fff}.rz-indirim.buyuk{position:absolute;left:12px;top:12px;font-size:14px;padding:5px 10px}
.rz-kargo{background:#fff;color:var(--yesil);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.rz-ornek{background:#151a2d;color:#fff;opacity:.85}
.tukendi{position:absolute;inset:0;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--soluk)}
.kart-bilgi{padding:10px 11px 12px}
.kart-magaza{font-size:11.5px;color:var(--soluk);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.02em}
.kart-ad{font-size:13.5px;line-height:1.35;height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 4px}
.kart-ad b{font-weight:700}
.kart-yeni{font-size:12px;color:var(--soluk);height:18px}
.fav-form{position:absolute;right:8px;top:8px;margin:0}
.fav-dugme{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;color:#7b8394;transition:transform .1s}
.fav-dugme .ik{width:18px;height:18px}
.fav-dugme:hover{color:var(--vurgu);transform:scale(1.06)}
.fav-dugme.aktif,.fav-dugme-buyuk.aktif{color:var(--vurgu)}
.fav-dugme.aktif .ik,.fav-dugme-buyuk.aktif .ik{fill:var(--vurgu)}
.fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
.fiyat .eski{font-size:12.5px;color:var(--soluk);text-decoration:line-through}
.fiyat .yeni{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--metin)}
.fiyat.buyuk{margin:12px 0}.fiyat.buyuk .yeni{font-size:28px;color:var(--ana-k)}.fiyat.buyuk .eski{font-size:16px}
.indirim-rozet{background:var(--vurgu-a);color:var(--vurgu);font-weight:700;font-size:13px;padding:3px 8px;border-radius:6px;align-self:center}
.yildizlar{display:inline-flex;align-items:center;gap:5px;font-size:15px;line-height:1;white-space:nowrap}
.yildizlar .yd{background:linear-gradient(90deg,var(--yildiz) var(--p),#d7dbe5 var(--p));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px}
.yildizlar .ys{font-size:12.5px;color:var(--soluk)}
.yildizlar.kucuk{font-size:12.5px;height:18px}
.puan-kutu{display:inline-block;background:var(--yesil);color:#fff;font-size:12px;font-weight:700;padding:1px 6px;border-radius:5px}

/* mağaza kartları */
.magaza-izgara{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:640px){.magaza-izgara{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.magaza-izgara{grid-template-columns:repeat(4,1fr)}}
.arama-magaza{margin-bottom:16px}
.magaza-kart{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:12px;color:var(--metin);text-decoration:none!important;transition:box-shadow .15s}
.magaza-kart:hover{box-shadow:var(--golge-b)}
.magaza-kart .rz-ornek{position:absolute;top:8px;right:8px}
.mk-logo{width:48px;height:48px;border-radius:12px;background:var(--ana-a);color:var(--ana);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border:1px solid var(--cizgi)}
.mk-logo img{width:100%;height:100%;object-fit:cover}
.mk-logo.buyuk{width:84px;height:84px;font-size:34px;border-radius:18px;border:3px solid #fff;box-shadow:var(--golge)}
.mk-bilgi{display:flex;flex-direction:column;min-width:0}.mk-bilgi b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-bilgi small{color:var(--soluk)}
.satici-cta{display:grid;gap:14px;align-items:center;background:linear-gradient(120deg,#16205e,#2b3fd6);color:#fff;border-radius:18px;padding:24px;margin:24px 0 8px}
.satici-cta h2{color:#fff;font-size:22px;margin-bottom:6px}.satici-cta p{opacity:.88;margin:0}
.satici-cta ol{list-style:none;display:flex;gap:10px;padding:0;margin:0;flex-wrap:wrap}
.satici-cta li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);padding:8px 12px;border-radius:10px;font-size:14px;font-weight:600}
.satici-cta li b{width:24px;height:24px;border-radius:50%;background:#fff;color:var(--ana);display:flex;align-items:center;justify-content:center;font-size:13px}
.satici-cta .dg{justify-self:start}
@media(min-width:900px){.satici-cta{grid-template-columns:1.2fr 1.3fr auto;padding:30px 36px}.satici-cta.kucuk{grid-template-columns:1fr auto}}

/* ---------- liste sayfası */
.kirinti{font-size:13px;color:var(--soluk);margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kirinti a{color:var(--soluk)}
.cipler{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;scrollbar-width:none}
.cipler::-webkit-scrollbar{display:none}
.cip{white-space:nowrap;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);color:var(--metin);font-size:13.5px;font-weight:500;text-decoration:none!important}
.cip.aktif{background:var(--ana);border-color:var(--ana);color:#fff}
.cip small{opacity:.7}
.liste-duzen{display:grid;gap:14px}
@media(min-width:900px){.liste-duzen{grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.liste-yan{position:sticky;top:130px}}
.filtre-ac{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r)}
.filtre-ac summary{padding:12px 14px;font-weight:700;display:flex;gap:8px;align-items:center;cursor:pointer;list-style:none}
.filtre-ac summary::-webkit-details-marker{display:none}
@media(min-width:900px){.filtre-ac summary{pointer-events:none}}
.filtre{padding:0 14px 14px}
.filtre-grup{border-top:1px solid var(--cizgi);padding:12px 0 4px}
.filtre-grup h4{margin:0 0 10px;font-size:13.5px}
.filtre-link{display:block;padding:4px 0;color:var(--metin);font-size:14px}.filtre-link.aktif{color:var(--ana);font-weight:700}
.fiyat-aralik{display:flex;align-items:center;gap:6px}
.fiyat-aralik input{margin:0!important;padding:8px 9px!important;font-size:14px!important}
.filtre .onay{font-size:14px}
.filtre-temizle{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:600}
.liste-ust{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.liste-ust h1{margin:0}
.sirala select{display:inline-block;width:auto;margin:0;padding:8px 10px;font-size:14px}
.sirala label{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}
.sayfalama{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:22px 0 6px}
.sy{min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;border:1px solid var(--cizgi);color:var(--metin);font-weight:600;font-size:14px;text-decoration:none!important}
.sy.aktif{background:var(--ana);border-color:var(--ana);color:#fff}.sy.bos{border:0;background:none}

/* ---------- ürün sayfası */
.sahip-serit{display:flex;gap:8px;margin-bottom:12px}
.urun-ust{display:grid;gap:18px;margin-bottom:18px}
@media(min-width:900px){.urun-ust{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start}.galeri{position:sticky;top:130px}}
.galeri-ana{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid var(--cizgi);border-radius:18px;overflow:hidden}
.galeri-ana img{width:100%;height:100%;object-fit:contain}
.galeri-kucuk{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.galeri-kucuk button{flex:0 0 66px;height:66px;padding:0;border:2px solid var(--cizgi);border-radius:10px;overflow:hidden;background:#fff}
.galeri-kucuk button.aktif{border-color:var(--ana)}
.galeri-kucuk img{width:100%;height:100%;object-fit:cover}
.urun-ad{font-size:21px;font-weight:600;margin:0 0 8px;line-height:1.3}
.urun-ad .marka{font-weight:800;color:var(--metin)}
@media(min-width:900px){.urun-ad{font-size:24px}}
.urun-alt-bilgi{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14px}
.satici-link{display:inline-flex;align-items:center;gap:5px;font-weight:600}.satici-link .ik{width:17px;height:17px}
.az-kaldi{color:var(--turuncu);font-weight:700;font-size:14px;margin:-4px 0 10px}
.satin-al{margin:6px 0 10px}
.secenek-grup{margin-bottom:14px}
.secenek-liste{display:flex;flex-wrap:wrap;gap:8px}
.secenek-cip input{position:absolute;opacity:0;pointer-events:none}
.secenek-cip span{display:inline-block;min-width:46px;text-align:center;padding:9px 14px;border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;font-weight:600;font-size:14px;cursor:pointer}
.secenek-cip input:checked+span{border-color:var(--ana);background:var(--ana-a);color:var(--ana)}
.secenek-cip input:focus-visible+span{box-shadow:0 0 0 3px rgba(43,63,214,.25)}
.satin-al-satir{display:flex;gap:10px}
.sepete-ekle{flex:1}
.adet{display:inline-flex;align-items:center;border:1.5px solid var(--cizgi);border-radius:12px;background:#fff;overflow:hidden;flex:none}
.adet button{width:40px;height:48px;border:0;background:none;font-size:20px;color:var(--metin)}
.adet input{width:44px!important;margin:0!important;border:0!important;text-align:center;padding:0!important;box-shadow:none!important;-moz-appearance:textfield;font-weight:700}
.adet input::-webkit-outer-spin-button,.adet input::-webkit-inner-spin-button{-webkit-appearance:none}
.adet.kucuk button{width:32px;height:36px;font-size:17px}.adet.kucuk input{width:36px!important;font-size:14px}
.fav-satir{margin:0 0 14px}
.fav-dugme-buyuk{width:100%}
.urun-avantaj{list-style:none;padding:12px 14px;margin:0 0 14px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r)}
.urun-avantaj li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:14px}
.urun-avantaj .ik{color:var(--ana);margin-top:1px}
.satici-kutu{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);color:var(--metin);text-decoration:none!important}
.satici-kutu>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}
.satici-kutu small{color:var(--soluk);font-size:12px}
.urun-alt{display:grid;gap:0}
.metin{line-height:1.65}
.metin h2{font-size:18px;margin:18px 0 8px}.metin h2:first-child{margin-top:0}
.metin ul{padding-left:20px;margin:0 0 12px}
.ozellik{width:100%;border-collapse:collapse;font-size:14px}
.ozellik th,.ozellik td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.ozellik th{width:38%;color:var(--soluk);font-weight:600;background:#fafbfd}
.yorum-ozet{display:grid;gap:16px;margin-bottom:12px;padding-bottom:14px;border-bottom:1px solid var(--cizgi)}
@media(min-width:640px){.yorum-ozet{grid-template-columns:160px 1fr;align-items:center}}
.yo-puan{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.yo-puan b{font-size:40px;line-height:1}
.yo-puan span:last-child{font-size:13px;color:var(--soluk)}
.yo-dagilim div{display:grid;grid-template-columns:34px 1fr 30px;gap:8px;align-items:center;font-size:13px;color:var(--soluk)}
.yo-dagilim i{height:8px;background:var(--gri-a);border-radius:4px;overflow:hidden}
.yo-dagilim em{display:block;height:100%;background:var(--yildiz);border-radius:4px}
.yorum{padding:12px 0;border-bottom:1px solid var(--cizgi)}.yorum:last-child{border-bottom:0}
.yorum-bas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;margin-bottom:4px}
.yorum p{margin:4px 0 0}
.dogrulanmis{color:var(--yesil);font-size:12.5px;font-weight:600}
.satici-yanit{margin-top:8px;padding:9px 12px;background:var(--zemin);border-radius:10px;font-size:14px}
.soru-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.soru-form textarea{margin:0}
.soru-form button{align-self:flex-start}
@media(min-width:640px){.soru-form{flex-direction:row;align-items:flex-start}.soru-form textarea{flex:1}}
.soru{padding:11px 0;border-bottom:1px solid var(--cizgi);font-size:14.5px}.soru:last-child{border-bottom:0}
.soru-s{margin:2px 0}.soru-c{margin:6px 0 0;padding-left:14px;border-left:3px solid var(--ana-a)}
.mobil-sepet-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:46;background:#fff;border-top:1px solid var(--cizgi);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 -6px 20px rgba(16,24,40,.1)}
.mobil-sepet-cubuk .fiyat{flex-direction:column;gap:0}.mobil-sepet-cubuk .dg{flex:0 0 55%;padding:13px}
.urun-sayfa .alt-menu{display:none}
@media(min-width:900px){.mobil-sepet-cubuk{display:none}}

/* mağaza sayfası */
.magaza-bas{position:relative;border-radius:18px;overflow:hidden;min-height:150px;display:flex;align-items:flex-end;margin-bottom:14px;
  background:var(--kapak,linear-gradient(120deg,#16205e,#2b3fd6 70%,#ff4f5e)) center/cover no-repeat}
.magaza-bas::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,14,40,.75),rgba(10,14,40,.1) 70%)}
.magaza-bas-ic{position:relative;z-index:1;display:flex;align-items:flex-end;gap:14px;padding:18px;color:#fff}
.magaza-bas h1{color:#fff;margin:0 0 4px;font-size:24px}
.magaza-meta{font-size:13.5px;opacity:.9}
@media(min-width:900px){.magaza-bas{min-height:200px}.magaza-bas-ic{padding:24px 28px}}

/* ---------- sepet + ödeme */
.odeme-duzen{display:grid;gap:14px}
@media(min-width:900px){.odeme-duzen{grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.ozet{position:sticky;top:130px}}
.sepet-grup{padding:0;overflow:hidden}
.sg-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#fafbfd;border-bottom:1px solid var(--cizgi);font-size:14px}
.sg-bas a{display:flex;align-items:center;gap:6px;color:var(--metin)}
.kargo-ipucu{padding:10px 16px;font-size:13.5px;background:var(--yesil-a);color:#0b6b3c;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.kargo-ipucu i{flex-basis:100%;height:5px;background:rgba(14,143,80,.15);border-radius:3px;overflow:hidden}
.kargo-ipucu em{display:block;height:100%;background:var(--yesil)}
.sepet-satir{display:grid;grid-template-columns:72px 1fr auto;grid-template-areas:"g b s" "g a t";gap:6px 12px;padding:14px 16px;border-bottom:1px solid var(--cizgi);align-items:center}
.sepet-satir:last-child{border-bottom:0}
.sepet-satir.sorunlu{background:#fffaf5}
.ss-gorsel{grid-area:g;align-self:start}.ss-gorsel img{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid var(--cizgi)}
.ss-bilgi{grid-area:b;display:flex;flex-direction:column;font-size:14px;min-width:0}
.ss-ad{color:var(--metin);font-weight:500;line-height:1.35}
.ss-sorun{color:var(--turuncu);font-weight:600;font-size:13px}
.ss-birim{font-size:12.5px}
.ss-adet{grid-area:a;margin:0}
.ss-tutar{grid-area:t;font-weight:800;text-align:right;white-space:nowrap}
.ss-sil{grid-area:s;margin:0;justify-self:end;align-self:start}
.ss-sil button{background:none;border:0;color:var(--soluk);padding:4px;display:flex}.ss-sil button:hover{color:var(--kirmizi)}
@media(min-width:700px){.sepet-satir{grid-template-columns:80px 1fr auto 110px 36px;grid-template-areas:"g b a t s"}.ss-gorsel img{width:80px;height:80px}.ss-sil{align-self:center}}
.ozet h2{margin-bottom:12px}
.ozet-satir{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:14.5px}
.ozet-satir.toplam{border-top:1px solid var(--cizgi);margin-top:6px;padding-top:12px;font-size:17px}
.ozet-satir.toplam b{font-size:20px;color:var(--ana-k)}
.ozet .dg{margin:12px 0 10px}
.sozlesme{font-size:13px!important;margin-top:12px}
.adim{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--ana);color:#fff;font-size:14px;align-items:center;justify-content:center;margin-right:6px}
.secim-kart{display:flex!important;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--cizgi);border-radius:12px;margin-bottom:10px!important;cursor:pointer;font-weight:400!important;font-size:14.5px!important}
.secim-kart input{margin-top:3px;width:18px;height:18px;accent-color:var(--ana);flex:none}
.secim-kart:has(input:checked){border-color:var(--ana);background:var(--ana-a)}
.secim-kart small{color:var(--soluk)}
.yeni-adres{margin:12px 0 0;border:0;padding:0;min-width:0}
.paket-ozet{padding:10px 0;border-bottom:1px solid var(--cizgi)}.paket-ozet:last-child{border-bottom:0}
.paket-ozet b{display:inline-flex;align-items:center;gap:6px}.paket-ozet .ik{width:17px;height:17px}
.paket-ozet ul{list-style:none;padding:0;margin:8px 0 0}
.paket-ozet li{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:14px}
.paket-ozet li span{flex:1;min-width:0}
.paket-ozet img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--cizgi)}
.tamam{text-align:center;max-width:620px;margin:20px auto;padding:30px 20px}
.tamam-simge{width:72px;height:72px;border-radius:50%;background:var(--yesil-a);color:var(--yesil);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:36px}
.tamam-simge .ik{width:38px;height:38px;stroke-width:2.6}.tamam-simge.bekle{background:var(--sari-a)}
.tamam-dugmeler{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.havale-kutu{text-align:left;background:var(--ana-a);border:1px solid #d6dcff;border-radius:var(--r);padding:16px;margin:14px 0}
.havale-kutu h3{margin:0 0 8px;display:flex;gap:8px;align-items:center}
.havale-kutu pre{font-family:inherit;white-space:pre-wrap;margin:0 0 10px;font-size:14.5px;background:#fff;padding:10px 12px;border-radius:10px}

/* ---------- giriş / kayıt */
.yetki-kap{display:grid;gap:18px;max-width:940px;margin:10px auto}
@media(min-width:860px){.yetki-kap{grid-template-columns:1fr 1fr;align-items:start;gap:30px}}
.yetki-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:22px;box-shadow:var(--golge)}
.sekmeler{display:grid;grid-template-columns:1fr 1fr;background:var(--zemin);border-radius:12px;padding:4px;margin-bottom:18px}
.sekmeler a{text-align:center;padding:10px;border-radius:9px;color:var(--soluk);font-weight:700;text-decoration:none!important}
.sekmeler a.aktif{background:#fff;color:var(--ana);box-shadow:var(--golge)}
.yetki-alt{text-align:center;margin:14px 0 0;font-size:14px}
.yetki-yan{padding:10px 4px}.yetki-yan h2{font-size:20px}
.satici-tanitim{display:grid;gap:20px;background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:22px;margin-bottom:16px}
.satici-tanitim h1{font-size:26px}
@media(min-width:900px){.satici-tanitim{grid-template-columns:1.3fr 1fr;padding:30px;align-items:center}}
.adimlar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.adimlar div{background:var(--ana-a);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.adimlar b{width:30px;height:30px;border-radius:50%;background:var(--ana);color:#fff;display:flex;align-items:center;justify-content:center}

/* ---------- paneller (hesap / satıcı / yönetim) */
.panel{display:grid;gap:14px}
@media(min-width:900px){.panel{grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.panel-menu{position:sticky;top:130px}}
.panel-menu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:8px;overflow:hidden}
.panel-baslik{display:none;padding:10px 10px 12px;border-bottom:1px solid var(--cizgi);margin-bottom:6px;align-items:center;gap:2px 10px;flex-wrap:wrap}
.panel-baslik b{display:block;font-size:15px}.panel-baslik small{display:block;color:var(--soluk);font-size:12.5px;flex-basis:100%;overflow:hidden;text-overflow:ellipsis}
.panel-baslik .mk-logo{width:38px;height:38px;font-size:16px}
.panel-menu nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.panel-menu nav::-webkit-scrollbar{display:none}
.panel-menu nav a{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:9px;color:var(--metin);font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none!important}
.panel-menu nav a .ik{width:18px;height:18px;color:var(--soluk)}
.panel-menu nav a:hover{background:var(--zemin)}
.panel-menu nav a.aktif{background:var(--ana-a);color:var(--ana);font-weight:650}.panel-menu nav a.aktif .ik{color:var(--ana)}
@media(min-width:900px){.panel-baslik{display:flex}.panel-menu nav{flex-direction:column}.panel-menu nav a .rozet{margin-left:auto}}
.panel-h1{font-size:21px;margin:2px 0 14px}
.panel-ic{min-width:0}
.kpi-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media(min-width:1000px){.kpi-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kpi{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:2px;color:var(--metin);text-decoration:none!important;min-width:0}
.kpi span{font-size:13px;color:var(--soluk);font-weight:600}
.kpi b{font-size:22px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi small{font-size:12.5px;color:var(--soluk)}
.kpi.vurgu{border-color:#c8d0ff;background:linear-gradient(180deg,#fff,var(--ana-a))}
a.kpi:hover{box-shadow:var(--golge-b)}
.cubuk-grafik{display:flex;align-items:flex-end;gap:2px;height:170px;border-bottom:1px solid var(--cizgi);padding-top:28px;margin-bottom:22px}
.cg-sutun{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;outline:0;cursor:default}
.cg-cubuk{background:var(--ana);border-radius:4px 4px 0 0;min-height:0;transition:background .15s}
.cg-sutun:hover .cg-cubuk,.cg-sutun:focus .cg-cubuk{background:var(--ana-k)}
.cg-gun{position:absolute;top:100%;left:0;right:0;text-align:center;font-size:11px;color:var(--soluk);margin-top:4px}
.cg-ipucu{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#151a2d;color:#fff;font-size:12px;padding:6px 9px;border-radius:8px;white-space:nowrap;z-index:5;pointer-events:none}
.cg-sutun:first-child .cg-ipucu,.cg-sutun:nth-child(2) .cg-ipucu{left:0;transform:none}
.cg-sutun:last-child .cg-ipucu,.cg-sutun:nth-last-child(2) .cg-ipucu{left:auto;right:0;transform:none}
.cg-sutun:hover .cg-ipucu,.cg-sutun:focus .cg-ipucu{display:block}
.tablo-kap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.kutu.tablo-kap{padding:0}
.tablo{width:100%;border-collapse:collapse;font-size:14px}
.tablo th{text-align:left;font-size:12px;font-weight:700;color:var(--soluk);text-transform:uppercase;letter-spacing:.03em;padding:11px 12px;border-bottom:1px solid var(--cizgi);background:#fafbfd;white-space:nowrap}
.tablo td{padding:11px 12px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.tablo tr:last-child td{border-bottom:0}
.tablo th.sag,.tablo td.sag{text-align:right}
.tablo tr.tikla{cursor:pointer}.tablo tr.tikla:hover td{background:#fafbff}
.tablo-gorsel{width:46px;height:46px;border-radius:8px;object-fit:cover;border:1px solid var(--cizgi)}
.urun-tablo td:nth-child(2){min-width:200px}
.sekme-serit{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--cizgi);margin-bottom:12px;scrollbar-width:none}
.sekme-serit::-webkit-scrollbar{display:none}
.sekme-serit a{padding:9px 12px;white-space:nowrap;color:var(--soluk);font-weight:600;font-size:14px;border-bottom:2px solid transparent;text-decoration:none!important}
.sekme-serit a.aktif{color:var(--ana);border-bottom-color:var(--ana)}
.sekme-serit a b{background:var(--gri-a);color:var(--metin);font-size:11.5px;padding:1px 6px;border-radius:9px;margin-left:3px}
.sekme-serit a.aktif b{background:var(--ana);color:#fff}
.ara-kucuk{display:flex;gap:8px;margin-bottom:12px;max-width:560px}
.ara-kucuk input,.ara-kucuk select{margin:0!important}
.ara-kucuk select{max-width:180px}
.arac-cubugu{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.arac-cubugu .ara-kucuk{flex:1;min-width:260px}
.duz-liste{list-style:none;padding:0;margin:0}
.duz-liste li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--cizgi);font-size:14px;align-items:center}
.duz-liste li:last-child{border-bottom:0}
.detay-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:14px}
.paket-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.paket-bas a{display:flex;align-items:center;gap:6px;color:var(--metin)}
.cizelge{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:4px 0 16px}
.cizelge li{position:relative;text-align:center;font-size:12px;color:var(--soluk);padding-top:22px}
.cizelge li::before{content:"";position:absolute;top:7px;left:-50%;right:50%;height:3px;background:var(--cizgi)}
.cizelge li:first-child::before{display:none}
.cizelge i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid var(--cizgi);z-index:1}
.cizelge li.gecti,.cizelge li.simdi{color:var(--metin);font-weight:600}
.cizelge li.gecti::before,.cizelge li.simdi::before{background:var(--yesil)}
.cizelge li.gecti i{background:var(--yesil);border-color:var(--yesil)}
.cizelge li.simdi i{border-color:var(--yesil);box-shadow:0 0 0 4px var(--yesil-a)}
.cizelge-ozel{margin:0 0 12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:14px}
.kargo-bilgi{display:flex;gap:8px;align-items:center;background:var(--mor-a);color:#4c1d95;padding:9px 12px;border-radius:10px;margin-bottom:10px;font-size:14px}
.kopyala{cursor:copy}
.kalemler{list-style:none;padding:0;margin:0 0 10px}
.kalemler li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--cizgi);flex-wrap:wrap}
.kalemler li:last-child{border-bottom:0}
.kalemler img{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--cizgi)}
.kalemler li>div{flex:1;min-width:150px;display:flex;flex-direction:column;font-size:14px}
.kalemler li>div a{color:var(--metin)}
.paket-alt{display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--cizgi);font-size:14px}
.paket-islem{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:flex-start}
.paket-islem:empty{display:none}
.iade-ac{display:inline-block}
.iade-ac summary{list-style:none}.iade-ac summary::-webkit-details-marker{display:none}
.iade-ac[open]{display:block;width:100%;background:var(--zemin);padding:12px;border-radius:12px;margin-top:6px}
.iade-ac[open] summary{margin-bottom:10px}
.islem-kutu .form{margin-bottom:12px}
.gecmis{list-style:none;padding:0;margin:0;border-left:2px solid var(--cizgi)}
.gecmis li{position:relative;padding:0 0 12px 16px;font-size:14px}
.gecmis li::before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ana)}
.siparis-kart{display:block;color:var(--metin);text-decoration:none!important;transition:box-shadow .15s}
.siparis-kart:hover{box-shadow:var(--golge-b)}
.sk-ust{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14.5px}
.sk-gorseller{display:flex;gap:6px;margin:10px 0}
.sk-gorseller img{width:52px;height:52px;border-radius:8px;object-fit:cover;border:1px solid var(--cizgi)}
.sk-paketler{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;align-items:center}
.liste-kutu{padding:4px 16px}
.bildirim{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--cizgi);color:var(--metin);font-size:14.5px;text-decoration:none!important;flex-wrap:wrap}
.bildirim:last-child{border-bottom:0}
.bildirim.yeni span{font-weight:650}.bildirim.yeni::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--vurgu);margin-top:7px;flex:none}
.bildirim span{flex:1;min-width:200px}
.adres-izgara{display:grid;gap:12px;margin-bottom:14px}
@media(min-width:700px){.adres-izgara{grid-template-columns:1fr 1fr}}
.adres-kart p{font-size:14px;margin:6px 0 12px}
.degerlendir{max-width:620px}
.kalem-baslik{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.kalem-baslik img{width:64px;height:64px;border-radius:10px;object-fit:cover}
.yildiz-sec{border:0;padding:0;margin:0 0 14px;display:inline-flex;flex-direction:row-reverse;gap:2px}
.yildiz-sec legend{font-size:13.5px;font-weight:600;margin-bottom:4px;float:left;width:100%}
.yildiz-sec input{position:absolute;opacity:0}
.yildiz-sec label{font-size:36px;color:#d7dbe5;cursor:pointer;margin:0;line-height:1}
.yildiz-sec input:checked~label,.yildiz-sec label:hover,.yildiz-sec label:hover~label{color:var(--yildiz)}
.yildiz-sec input:focus-visible+label{outline:2px solid var(--ana)}
.soru-kutu.bekliyor,.mesaj-kutu.bekliyor{border-left:4px solid var(--ana)}
.soru-ust{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;margin-bottom:6px}
.urun-form textarea{font-size:14.5px}
.gorsel-yonet{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:12px}
.gy-oge{border:1px solid var(--cizgi);border-radius:12px;padding:6px;background:#fafbfd}
.gy-oge img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:6px}
.gy-oge label{font-size:12.5px!important;margin:2px 0!important}
.dosya-sec{display:flex!important;align-items:center;justify-content:center;gap:8px;border:2px dashed #c9d0e3;border-radius:12px;padding:18px;color:var(--ana)!important;cursor:pointer;text-align:center;background:#fafbff}
.dosya-sec:hover{border-color:var(--ana)}
.dosya-sec input{position:absolute;opacity:0;width:1px;height:1px}
.dosya-sec.kucuk{padding:10px;font-size:13px!important}
.onizleme{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin:10px 0}
.onizleme img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--cizgi)}
.logo-onizle{width:84px;height:84px;border-radius:14px;border:1px solid var(--cizgi);background:#fafbfd;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px;font-size:13px}
.logo-onizle.genis{width:100%;max-width:240px}
.logo-onizle img{width:100%;height:100%;object-fit:cover}
.sil-form{margin-top:4px}
.kat-liste{padding:8px 16px}
.kat-satir{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--cizgi);flex-wrap:wrap}
.kat-satir input{margin:0!important;padding:7px 9px!important;font-size:14px!important}
.kat-satir>input[name=ad]{flex:1;min-width:150px}
.kat-satir.alt{padding-left:28px}
.kat-satir.pasif{opacity:.55}
.kat-satir label{margin:0!important;font-size:13px}
.kat-simge{width:52px!important;text-align:center}
.kat-sira{width:70px!important}
.slayt-alan{border:1px solid var(--cizgi);border-radius:12px;padding:12px}
.slayt-alan legend{font-weight:700;font-size:14px;padding:0 6px}

/* kurumsal sayfalar */
.kurumsal{display:grid;gap:14px}
@media(min-width:900px){.kurumsal{grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}}
.kurumsal-menu{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.kurumsal-menu::-webkit-scrollbar{display:none}
.kurumsal-menu a{white-space:nowrap;padding:8px 12px;border-radius:9px;background:#fff;border:1px solid var(--cizgi);color:var(--metin);font-size:14px;text-decoration:none!important}
.kurumsal-menu a.aktif{background:var(--ana-a);border-color:#d6dcff;color:var(--ana);font-weight:650}
@media(min-width:900px){.kurumsal-menu{flex-direction:column;position:sticky;top:130px}.kurumsal-menu a{border:0;background:none}}
.kurumsal .metin{max-width:820px}
.iletisim-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--cizgi)}

/* ---------- alt bilgi */
.alt{background:#101633;color:#aab3d1;margin-top:24px;font-size:14px}
.alt-guven{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}
@media(min-width:900px){.alt-guven{grid-template-columns:repeat(4,1fr)}}
.alt-guven div{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center}
.alt-guven .ik{grid-row:span 2;width:30px;height:30px;color:#8fa0ff;stroke-width:1.6}
.alt-guven b{color:#fff;font-size:14px}.alt-guven span{font-size:12.5px}
.alt-ic{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:28px;padding-bottom:20px}
@media(min-width:900px){.alt-ic{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.alt-marka{grid-column:1/-1}
@media(min-width:900px){.alt-marka{grid-column:auto}}
.alt-marka .logo-yazi{color:#fff}.alt-marka .logo-yazi b{color:#8fa0ff}
.alt-marka p{margin-top:10px;max-width:300px}
.alt h4{color:#fff;margin:0 0 10px;font-size:14.5px}
.alt-ic a{display:block;color:#aab3d1;padding:4px 0}.alt-ic a:hover{color:#fff}
.alt-ic .logo{display:flex}
.alt-son{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:16px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px}

/* yazdırma (satıcı sipariş fişi) */
@media print{
  .ust-serit,.bas,.alt,.alt-menu,.panel-menu,.flash,.yazdirma,.detay-ust .dg,.mobil-sepet-cubuk,.cekmece{display:none!important}
  body{background:#fff;padding:0}.kutu{box-shadow:none;border-color:#ccc;break-inside:avoid}.panel{display:block}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}