/* SenGetir mağaza ekranı. Renkler tema değişkenlerinden. */
.is-panel{display:grid;gap:18px;min-width:0}
.is-panel>*{min-width:0}
.is-secici{display:flex;justify-content:flex-end;font-size:13.5px;color:var(--soluk)}
.is-secici select{width:auto;min-height:36px;margin-left:6px}
.is-ust{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 22px;border-radius:var(--r);background:var(--marka-koyu);color:#fff}
.is-kim{display:flex;align-items:center;gap:14px}
.is-kim h1{font-size:clamp(1.3rem,3vw,1.7rem);color:#fff}
.is-kim p{margin:2px 0 0;color:#cfe6db;font-size:14px}
.is-kim .sg-avatar{background:rgba(255,255,255,.14);color:#fff}
.is-ust-sag{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.is-ust-sag .sg-btn.ikincil{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}
.is-ust-sag .sg-btn.ikincil:hover{background:rgba(255,255,255,.18)}
.is-ust-sag .sg-btn:disabled{opacity:.7}
.is-acik{position:relative;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:999px;background:rgba(255,255,255,.1);cursor:pointer;font-size:14px}
.is-acik input{position:absolute;opacity:0;width:1px;height:1px}
.is-acik span{position:relative;width:42px;height:24px;border-radius:12px;background:#4ADE80;transition:background .2s}
.is-acik span::after{content:"";position:absolute;top:3px;left:21px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}
.is-acik.kapali span{background:#9aa3a0}
.is-acik.kapali span::after{left:3px}
.is-acik input:focus-visible+span{outline:2px solid var(--sari);outline-offset:2px}

.is-ozet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.is-ozet div{display:grid;gap:2px;padding:14px 16px;border-radius:var(--r-k);background:var(--yuzey);border:1px solid var(--cizgi)}
.is-ozet small{font-size:12.5px;color:var(--soluk)}
.is-ozet b{font-size:1.5rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.is-ozet div:first-child b{color:var(--bilgi)}

.is-sekmeler{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.is-sekmeler button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--cizgi2);background:var(--yuzey);border-radius:999px;padding:9px 16px;font-weight:600;font-size:14px;color:var(--yazi2)}
.is-sekmeler button[aria-selected=true]{background:var(--yazi);color:var(--zemin);border-color:var(--yazi)}
.is-sekmeler i{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--vurgu);color:#fff;font-size:11.5px;display:grid;place-items:center}
.is-sekmeler i:empty{display:none}
.is-yukleniyor{padding:40px;text-align:center;color:var(--soluk)}

.is-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;align-items:start}
.is-kart{display:grid;gap:12px;padding:18px;border-radius:var(--r);background:var(--yuzey);border:1px solid var(--cizgi);border-top:4px solid var(--cizgi2)}
.is-kart.d0{border-top-color:var(--bilgi);box-shadow:0 10px 30px -18px color-mix(in srgb,var(--bilgi) 60%,transparent)}
.is-kart.d1{border-top-color:var(--uyari)}
.is-kart.d2{border-top-color:var(--vurgu)}
.is-kart.d3{border-top-color:var(--ok);opacity:.92}
.is-kart.d-1,.is-kart.d-2{border-top-color:var(--hata)}
.is-kart.gec{border-color:color-mix(in srgb,var(--hata) 45%,transparent)}
.is-kart-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.is-kart-ust>div{display:grid}
.is-no{font-size:1.3rem;letter-spacing:-.02em}
.is-saat{font-size:12.5px;color:var(--soluk)}
.is-durum{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;background:var(--yuzey2)}
.is-durum.d0{background:color-mix(in srgb,var(--bilgi) 12%,transparent);color:var(--bilgi)}
.is-durum.d1{background:color-mix(in srgb,var(--uyari) 14%,transparent);color:var(--uyari)}
.is-durum.d2{background:var(--vurgu-acik);color:var(--vurgu-metin)}
.is-durum.d3{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}
.is-durum.d-1,.is-durum.d-2{background:color-mix(in srgb,var(--hata) 11%,transparent);color:var(--hata)}
.is-teslim{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r-k);background:var(--yuzey2);font-size:14px}
.is-teslim.hemen{background:color-mix(in srgb,var(--sari) 35%,var(--yuzey))}
.is-teslim .ik{width:18px;height:18px}
.is-teslim em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--hata);padding:2px 8px;border-radius:6px}
.is-kalem{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.is-kalem li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14.5px}
.is-kalem img,.is-kalem i{width:40px;height:40px;border-radius:8px;object-fit:contain;background:var(--yuzey3)}
.is-kalem small{color:var(--soluk)}
.is-kalem li>b{font-variant-numeric:tabular-nums;font-size:14px}
.is-toplam{display:flex;justify-content:space-between;padding-top:10px;border-top:1px dashed var(--cizgi2);font-size:15px}
.is-toplam b{font-size:1.15rem}
.is-musteri{display:grid;gap:6px;font-size:14px;color:var(--yazi2);padding:12px;border-radius:var(--r-k);border:1px solid var(--cizgi)}
.is-musteri a{color:var(--vurgu-metin);font-weight:600}
.is-et{display:inline-block;min-width:62px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:600}
.is-odendi,.is-kapida{font-style:normal;font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:5px}
.is-odendi{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}
.is-kapida{background:color-mix(in srgb,var(--uyari) 14%,transparent);color:var(--uyari)}
.is-not,.is-sorun-not{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--sari) 30%,var(--yuzey))}
.is-sorun-not{background:color-mix(in srgb,var(--hata) 9%,var(--yuzey));color:var(--hata)}
.is-not .ik,.is-sorun-not .ik{width:16px;height:16px;flex:none;margin-top:2px}
.is-diger{display:flex;gap:8px;align-items:center;margin:0;font-size:12.5px;color:var(--soluk)}
.is-diger .ik{width:15px;height:15px}
.is-adim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.is-adim li{display:grid;gap:4px;font-size:11.5px;color:var(--soluk);text-align:center}
.is-adim li i{height:5px;border-radius:3px;background:var(--cizgi)}
.is-adim li.tamam{color:var(--yazi)}
.is-adim li.tamam i{background:var(--ok)}
.is-adim small{display:block;font-variant-numeric:tabular-nums}
.is-eylem{display:grid;gap:10px}
.is-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.is-dugmeler .sg-btn{flex:1;min-height:52px;font-size:15.5px}
.is-dugmeler .sg-btn.ikincil{flex:0 0 auto}
.is-dugmeler [data-yazdir]{width:52px;padding:0}
.is-kart.d3 .is-dugmeler [data-yazdir]{width:auto;padding:0 16px}
.is-ek{display:grid;gap:10px;padding:12px;border-radius:var(--r-k);background:var(--yuzey2)}
.is-ek p{margin:0;font-size:13px;color:var(--soluk)}
.is-ek-alan{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.is-hizli{display:flex;flex-wrap:wrap;gap:6px}
.is-hizli button{border:1px solid var(--cizgi2);background:var(--yuzey);border-radius:999px;padding:6px 12px;font-size:13px}
.is-hizli button:hover{border-color:var(--hata);color:var(--hata)}
.sg-tehlike-btn{background:var(--hata)!important}
.is-alt-bilgi{margin:0;font-size:12.5px;color:var(--soluk);text-align:center}

.is-urun-bilgi{margin:0 0 10px;color:var(--soluk);font-size:14px}
.is-urunler{display:grid;gap:8px}
.is-urun{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 14px;border-radius:var(--r-k);background:var(--yuzey);border:1px solid var(--cizgi)}
.is-urun>img,.is-urun>i{width:48px;height:48px;border-radius:8px;object-fit:contain;background:var(--yuzey3)}
.is-urun-ad{display:grid;min-width:0}
.is-urun-ad small{color:var(--soluk)}
.is-stok{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}
.is-stok input{position:absolute;opacity:0;width:1px;height:1px}
.is-stok span{position:relative;width:40px;height:22px;border-radius:11px;background:var(--cizgi2);transition:background .2s}
.is-stok span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.is-stok input:checked+span{background:var(--ok)}
.is-stok input:checked+span::after{left:21px}
.is-stok input:focus-visible+span{outline:2px solid var(--vurgu);outline-offset:2px}
.is-stok em{font-style:normal;min-width:52px;color:var(--soluk)}
.is-fiyat{display:flex;gap:6px;align-items:flex-end}
.is-fiyat label{display:grid;gap:2px}
.is-fiyat small{font-size:11px;color:var(--soluk)}
.is-fiyat input{width:92px;min-height:38px!important;padding:6px 10px!important}
.is-urun-not{color:var(--soluk)}

.is-giris{display:grid;place-items:center;padding:20px 0 40px}
.is-giris-kart{width:min(440px,100%);display:grid;gap:12px;padding:30px;border-radius:var(--r);background:var(--yuzey);border:1px solid var(--cizgi);text-align:center;justify-items:center}
.is-giris-kart h2{font-size:1.5rem}
.is-giris-kart>p{color:var(--soluk);margin:0}
.is-giris-alt{font-size:13.5px;color:var(--soluk)}
.is-giris-alt a{color:var(--vurgu-metin);font-weight:600}

@media (max-width:900px){.is-ozet{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .is-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-ozet div:last-child{grid-column:1/-1}
  .is-izgara{grid-template-columns:minmax(0,1fr)}
  .is-dugmeler .sg-btn:first-child{flex:1 1 100%;white-space:normal}
  .is-dugmeler .sg-btn.ikincil{flex:1}
  .is-dugmeler [data-yazdir]{flex:0 0 52px}
  .is-urun{grid-template-columns:44px minmax(0,1fr) auto;row-gap:10px}
  .is-fiyat{grid-column:1/-1}
  .is-fiyat input{width:100%}
  .is-fiyat label{flex:1}
  .is-ek-alan{grid-template-columns:1fr}
  .is-ust{padding:16px}
  .is-ust-sag{width:100%}
  .is-ust-sag .sg-btn{flex:1}
  .is-acik{width:100%;justify-content:flex-start}
}