/* FuLoop SU — markaya/işleve özel bileşenler. Kabuk ve bileşenler: ortak.css (Market ile aynı).
   Burada yalnız su işlevleri var: abone bandı, boş-damacana satırı, depozito satırı, kurye sütunları, emanet, hatırlatma. */

/* ---------- şerit ---------- */
.su-cagri > i{ color: #FFC46B; }
.m-durum.su-cagri > b{ color: #FFE2A8; }

/* ---------- 02 SİPARİŞ AL ---------- */
.m-ekran[data-ekran="satis"] .sa-mod.su-arama{ background: #7A4B00; color: #fff; display: inline-flex; gap: 8px; align-items: center; }
.m-ekran[data-ekran="satis"] .sa-mod.su-bosta{ background: var(--ml-koyu); color: #fff; display: inline-flex; gap: 8px; align-items: center; }
.su-abone-bant{ flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: clamp(14px, 2.2vw, 40px); padding: 0 8px; }
.su-abone-bant > div{ display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.su-abone-bant small{ font-size: 11.5px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--ml-soluk); }
.su-abone-bant b{ font-size: clamp(15px, 1.25vw, 19px); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.su-abone-bant .uyari b{ color: var(--ml-tehlike); }
.su-abone-bant.bos b{ font-weight: 500; color: var(--ml-soluk); font-size: 15px; white-space: normal; }

.su-gost-izgara{ flex: 0 0 auto; display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: clamp(6px, 1vh, 10px); }
.m-ekran[data-ekran="satis"] .su-gost-izgara .sa-urunkart.resimli{ grid-template-columns: auto minmax(0, 1fr); }
.m-ekran[data-ekran="satis"] .su-gost-izgara .sa-urunkart-resim{ width: 44px; height: 54px; padding: 3px; }
.su-gost-izgara svg{ display: block; max-width: 100%; max-height: 100%; }
.m-ekran[data-ekran="satis"] .su-gost-izgara .sa-kutu{ min-height: clamp(34px, 5.4vh, 56px); }
.m-ekran[data-ekran="satis"] .su-gost-izgara .sa-kutu b{ font-size: clamp(26px, 4.4vh, 44px); }

.su-giris{ align-items: flex-end !important; }
.su-etiketli{ display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 0 0 20%; }
.su-etiketli.genis{ flex: 1 1 auto; }
.su-etiketli small{ font-size: 11.5px; font-weight: 500; letter-spacing: .08em; color: var(--ml-soluk); }
.m-ekran[data-ekran="satis"] .su-giris .sa-carpi{ padding-bottom: 8px; }

.m-ekran[data-ekran="satis"] .su-depozito{ background: #fff3d6; }
.m-ekran[data-ekran="satis"] .su-depozito .sa-ad small{ color: #8a5300; }
.m-ekran[data-ekran="satis"] .su-depozito .tut{ color: #8a5300; }
.m-ekran[data-ekran="satis"] .su-soluk .sa-ad b{ color: var(--ml-soluk); }
.m-ekran[data-ekran="satis"] .su-soluk .tut{ color: var(--ml-soluk); }
.m-ekran[data-ekran="satis"] .sa-satir{ min-height: 56px; grid-template-columns: minmax(0, 1fr) auto 26%; }
.m-ekran[data-ekran="satis"] .sa-adim{ width: 40px; height: 40px; }
.m-ekran[data-ekran="satis"] .su-gonder{ min-height: 56px; font-size: 18px; letter-spacing: .02em; }
.m-ekran[data-ekran="satis"] .su-gonder:disabled{ opacity: 1; background: var(--ml-kart-cubuk); color: #3C5167; }
.m-ekran[data-ekran="satis"] .sa-toplam-kap{ gap: 6px; }
.m-ekran[data-ekran="satis"] .sa-toplam-satir .sa-kutu{ min-height: clamp(38px, 6vh, 64px); }
.m-ekran[data-ekran="satis"] .sa-toplam-satir .sa-kutu b{ font-size: clamp(32px, 5.6vh, 60px); }

/* ürün kutuları: 3 sütun, 2 satır ürün + 1 satır özel kart */
.m-ekran[data-ekran="satis"] .sa-izgara.su-izgara{ grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1.25fr)) minmax(0, .8fr); }
.m-ekran[data-ekran="satis"] .sa-urun{ position: relative; }
.m-ekran[data-ekran="satis"] .sa-urun.is-secili{ border: 2px solid var(--ml-vurgu); background: var(--ml-vurgu-acik); }
.m-ekran[data-ekran="satis"] .sa-urun-resim{ background: transparent; padding: 4px 0; }
.m-ekran[data-ekran="satis"] .sa-urun-resim svg{ height: 100%; width: auto; max-width: 100%; }
.su-adet-rozet{ position: absolute; top: 6px; right: 8px; min-width: 28px; padding: 1px 9px; border-radius: 999px; background: var(--ml-koyu); color: #fff; font-style: normal; font-size: 15px; font-weight: 600; text-align: center; box-shadow: 0 0 0 2px #fff; z-index: 1; }
.su-gecen{ grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; padding: 0 18px; border: 1px dashed var(--ml-vurgu); border-radius: var(--ml-radius-lg); background: var(--ml-kart); color: var(--ml-metin); text-align: left; cursor: pointer; font: inherit; }
.su-gecen > i{ font-size: 22px; color: var(--ml-vurgu-metin); }
.su-gecen > div{ flex: 1 1 auto; min-width: 0; line-height: 1.25; }
.su-gecen b{ display: block; font-size: 16px; font-weight: 600; }
.su-gecen small{ font-size: 13px; color: var(--ml-soluk); }
.su-kacan{ grid-column: 1 / -1; display: flex; flex-direction: column; gap: 6px; padding: 10px 14px; border: 1px solid var(--ml-cizgi); border-radius: var(--ml-radius-lg); background: var(--ml-kart); box-shadow: var(--ml-golge); min-height: 0; overflow: hidden; }
.su-kacan-ust{ display: flex; align-items: center; gap: 10px; font-size: 15px; }
.su-kacan-ust > i{ color: var(--ml-tehlike); }
.su-kacan-satir{ display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--ml-cizgi); padding-top: 6px; }
.su-kacan-satir > div{ flex: 1 1 auto; min-width: 0; line-height: 1.2; }
.su-kacan-satir b{ display: block; font-size: 15px; font-weight: 600; }
.su-kacan-satir small{ font-size: 12.5px; color: var(--ml-soluk); }

/* ince ayar: sepet satırı ve gösterge satırı */
.su-gost-izgara{ grid-template-columns: 1.3fr .55fr 1.05fr; }
.m-ekran[data-ekran="satis"] .su-gost-izgara .sa-urunkart.resimli{ column-gap: 8px; padding: 6px 10px; }
.m-ekran[data-ekran="satis"] .su-gost-izgara .sa-urunkart b{ font-size: 15px; line-height: 1.15; }
.m-ekran[data-ekran="satis"] .su-gost-izgara .sa-urunkart span{ font-size: 13px; }
.m-ekran[data-ekran="satis"] .su-gost-izgara .sa-urunkart-resim{ width: 38px; height: 48px; }
.m-ekran[data-ekran="satis"] .sa-satir{ grid-template-columns: minmax(0, 1fr) auto 24%; gap: 6px; }
.m-ekran[data-ekran="satis"] .sa-adim{ width: 38px; height: 38px; }
.m-ekran[data-ekran="satis"] .sa-adet > span{ min-width: 30px; }
.m-ekran[data-ekran="satis"] .sa-urun-fiyat small{ display: block; margin: 0; }

/* ana menü geniş kutu: küçük yazı da AA (opaklık düşürme yok) */
.m-kutu.genis .m-kutu-kart small{ opacity: 1; color: #fff; }
/* boş durumdaki kaçan aramalar: iki sütun, ürün ızgarasına sığar */
.su-kacan{ display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; align-content: start; }
.su-kacan-ust{ grid-column: 1 / -1; }
.su-kacan-satir{ flex-wrap: wrap; }
.su-kacan-satir .m-btn{ width: 100%; }
.su-kacan-satir{ flex-wrap: nowrap; }
.su-kacan-satir .m-btn{ width: 44px; flex: none; }