/* ==========================================================================
   «سبد خرید» — موبایل (عرض مرجع ۳۶۰؛ پایه: bp-mobile-base.css). فقط سکشن، بدون نویگیشن بار.
   کارت ۳۲۰×۱۱۶ (فاصله ۱۶) — تصویر ۶۰×۵۱ — شمارنده ۷۴×۲۵ — حذف ۱۵ — خلاصه ۳۲۰×۱۶۳ و دکمه ۲۹۲×۲۶
   خلاصهٔ پرداخت بالای نویگیشن بار می‌چسبد:  .bpm--cart{ --bpm-nav:147px }  (ارتفاع نویگیشن + ۱۸)
   ========================================================================== */
.bpm--cart{--bpm-nav:147px; --bpm-pill:#b8d2df; --bpm-sbg:#ecf4f7; --bpm-ctitle:#1e3944; --bpm-gray:#6d6e72; --bpm-btn:#72a5c0; --bpm-glyph:#496e81; --bpm-price:#060e11; --bpm-strong:#18181a}

.bpm--cart .barman-cart-msg{margin:12px 0 0; font-size:12px; line-height:20px; text-align:center}
.bpm--cart .barman-cart-msg:empty{display:none}

/* صفحه تمام‌قد؛ خلاصهٔ پرداخت ته صفحه (بالای نویگیشن بار) می‌نشیند و با طولانی‌شدن فهرست می‌چسبد (sticky) */
.bpm--cart{display:flex; flex-direction:column; min-height:100vh; min-height:100dvh}
.bpm--cart .barman-cart-filled{flex:1; display:flex; flex-direction:column}
.bpm--cart .bpm-cart{flex:1; display:flex; flex-direction:column; margin-top:20px}
.bpm--cart .bpm-items{display:flex; flex-direction:column; gap:16px; margin-bottom:20px}

/* ---------- کارت کالا ---------- */
.bpm--cart .bpm-citem{
  position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:24px;
  min-height:116px; padding:7px; border:1px solid var(--bpm-line); border-radius:8px; background:var(--bpm-card);
}
.bpm--cart .bpm-ctop{display:flex; align-items:flex-start; gap:8px; max-width:calc(100% - 28px)}
.bpm--cart .bpm-cimg{display:block; flex:none; width:60px; height:51px; border-radius:5px; overflow:hidden; background:#a9c4d3}
.bpm--cart .barman-c-image{display:block; width:60px; height:51px; object-fit:cover}
.bpm--cart .bpm-cinfo{min-width:0}
.bpm--cart .barman-c-title{display:block; font-size:16px; line-height:24px; font-weight:500; color:var(--bpm-ctitle); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.bpm--cart .barman-c-brand{margin-top:9px; font-size:10px; line-height:16px; color:var(--bpm-ctitle)}

.bpm--cart .bpm-cbot{display:flex; align-items:center; justify-content:space-between}
.bpm--cart .barman-c-price{font-size:16px; line-height:25px; height:25px; font-weight:500; color:var(--bpm-price); white-space:nowrap; padding-left:1px}

/* شمارنده [−] ۱ [+] چپ‌به‌راست */
.bpm--cart .bpm-cqty{display:flex; direction:ltr; align-items:center; justify-content:space-between; width:74px; height:25px; padding:4px; border-radius:4px; background:var(--bpm-pill)}
.bpm--cart .barman-c-qty{flex:1; text-align:center; font-size:10px; line-height:17px; color:var(--bpm-price); user-select:none}
.bpm--cart .barman-c-minus,.bpm--cart .barman-c-plus{
  position:relative; flex:none; width:25px; height:25px; margin:-4px; padding:0; cursor:pointer;
  border:4px solid transparent; border-radius:7px; background:var(--bpm-btn); background-clip:padding-box; color:var(--bpm-glyph); /* ظاهر ۱۷px، سطح لمس ۲۵px */
}
.bpm--cart .barman-c-minus:active,.bpm--cart .barman-c-plus:active{transform:scale(.9)}
.bpm--cart .barman-c-minus::before,.bpm--cart .barman-c-plus::before,.bpm--cart .barman-c-plus::after{
  content:''; position:absolute; left:50%; top:50%; width:7px; height:1.5px; margin:-.75px 0 0 -3.5px; border-radius:1px; background:currentColor;
}
.bpm--cart .barman-c-plus::after{transform:rotate(90deg)}
.bpm--cart .bpm-cqty button{touch-action:manipulation}
.bpm--cart .barman-c-minus:focus-visible,.bpm--cart .barman-c-plus:focus-visible,.bpm--cart .barman-c-remove:focus-visible{outline:2px solid var(--bpm-dark); outline-offset:2px}

/* حذف: دایرهٔ ۱۵ با × (بالا-چپ)؛ سطح لمس ۳۱px با حاشیهٔ شفاف */
.bpm--cart .barman-c-remove{
  position:absolute; left:-1px; top:-1px; width:31px; height:31px; padding:0; cursor:pointer;
  border:8px solid transparent; border-radius:50%; background:transparent; background-clip:padding-box;
  box-shadow:inset 0 0 0 1.5px var(--bpm-dark); color:var(--bpm-dark);
}
.bpm--cart .barman-c-remove::before,.bpm--cart .barman-c-remove::after{
  content:''; position:absolute; left:50%; top:50%; width:6px; height:1.3px; margin:-.65px 0 0 -3px; border-radius:1px; background:currentColor; transform:rotate(45deg);
}
.bpm--cart .barman-c-remove::after{transform:rotate(-45deg)}

/* ---------- خلاصهٔ پرداخت: چسبیده بالای نویگیشن بار ---------- */
.bpm--cart .bpm-sum{
  position:sticky; bottom:calc(var(--bpm-nav) + env(safe-area-inset-bottom,0px)); z-index:5;
  margin-top:auto; padding:15px 14px 10px; border-radius:12px; background:var(--bpm-sbg);
}
.bpm--cart .bpm-srow{display:flex; align-items:center; justify-content:space-between; gap:8px; height:20px; margin-top:17px; color:var(--bpm-gray)}
.bpm--cart .bpm-srow:first-child{margin-top:0}
.bpm--cart .bpm-slabel{font-size:10px; line-height:20px; white-space:nowrap}
.bpm--cart .bpm-sval{font-size:12px; line-height:20px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left}
.bpm--cart .bpm-srow--total{color:var(--bpm-strong)}
.bpm--cart .bpm-srow--total .bpm-slabel{font-size:14px; font-weight:500}

.bpm--cart .barman-cart-checkout{
  display:flex; align-items:center; justify-content:center; height:26px; margin-top:17px; border-radius:4px;
  background:var(--bpm-dark); color:var(--bpm-light); font-size:12px; line-height:1; cursor:pointer;
}
.bpm--cart .barman-cart-checkout:active{background:#244152}
.bpm--cart .barman-cart-checkout:focus-visible{outline:2px solid var(--bpm-dark); outline-offset:2px}

/* کد تخفیف (coupon="1") */
.bpm--cart .bpm-coupon{margin-top:12px}
.bpm--cart .barman-cart-coupon{display:flex; flex-wrap:wrap; gap:6px}
.bpm--cart .barman-cart-coupon input{flex:1; min-width:0; height:26px; padding:0 8px; border:1px solid var(--bpm-line); border-radius:4px; background:#fff; font:inherit; font-size:11px}
.bpm--cart .barman-cart-coupon button[data-barman-coupon-apply]{height:26px; padding:0 12px; border:0; border-radius:4px; background:var(--bpm-btn); font-size:11px; color:var(--bpm-price)}
.bpm--cart [data-barman-coupon-list]{flex-basis:100%}
.bpm--cart .barman-coupon-chip{display:inline-flex; align-items:center; gap:4px; margin:2px 0 0 4px; padding:1px 8px; border-radius:10px; background:var(--bpm-pill); font-size:10px}
.bpm--cart .barman-coupon-chip button{border:0; background:none; color:var(--bpm-dark); cursor:pointer}

/* مطابق طرح: «−» وقتی تعداد ۱ است هم کم‌رنگ نمی‌شود (cart.js به‌طور پیش‌فرض ۰٫۵ می‌گذارد)؛ فقط مکان‌نما نشان می‌دهد */
.bpm--cart .barman-c-minus[aria-disabled=true]{opacity:1!important}