/* ==========================================================================
   «سبد خرید» — دسکتاپ (عرض مرجع ۱۶۰۰). اندازه‌ها از روی طرح اندازه‌گیری شده:
   محتوا ۱۴۴۰ (حاشیه ۸۰) — ستون کارت‌ها ۹۱۵ | فاصله ۷۰ | خلاصه ۴۵۵ — بالا ۸۰ زیر هدر
   کارت ۹۱۵×۱۷۷ (فاصله ۴۰) — تصویر ۱۰۳×۸۸ — شمارنده ۱۰۵×۳۶ — دکمهٔ حذف ۳۰ — خلاصه ۴۵۵×۲۴۳، دکمه ۳۹۹×۳۶
   ========================================================================== */
.bpc{
  --bpc-bg:#dce9ef; --bpc-card:#ccdee8; --bpc-line:#b8d2df; --bpc-sum:#ecf4f7;
  --bpc-dark:#2c4f63; --bpc-light:#edf4f7; --bpc-title:#1e3944; --bpc-ink:#060e11;
  --bpc-gray:#646368; --bpc-strong:#191919; --bpc-pill:#b8d2df; --bpc-btn:#72a5c0; --bpc-glyph:#496e81;
  --bpc-font:'Peyda','Peyda FaNum','PeydaWeb','IRANSansX',Tahoma,sans-serif;

  position:relative; box-sizing:border-box; direction:rtl; text-align:right;
  padding:80px clamp(20px,5vw,80px) 120px; background:var(--bpc-bg); color:var(--bpc-ink);
  font-family:var(--bpc-font); font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;
}
.bpc *,.bpc *::before,.bpc *::after{box-sizing:border-box}
.bpc img{max-width:none; border:0}
.bpc [hidden]{display:none!important}
.bpc p{margin:0; padding:0}
.bpc a{text-decoration:none}
.bpc button{font-family:inherit; margin:0; padding:0; box-shadow:none; text-transform:none; letter-spacing:0; -webkit-tap-highlight-color:transparent}
.bpc .bp-i{display:block; flex:none}

.bpc.bpc-bleed{width:100vw; max-width:100vw; margin-inline:calc(50% - 50vw)}
html:has(.bpc.bpc-bleed){overflow-x:clip}

.bpc .bpc-wrap{max-width:1440px; margin:0 auto}

/* پیام (خطا/موفقیت) */
.bpc .barman-cart-msg{margin:0 0 16px; font-size:14px; line-height:24px; text-align:center}
.bpc .barman-cart-msg:empty{display:none}

/* ---------- چیدمان: کارت‌ها راست، خلاصه چپ ---------- */
.bpc .bpc-grid{display:grid; grid-template-columns:minmax(0,1fr) 455px; column-gap:70px; align-items:start}
.bpc .bpc-list{display:flex; flex-direction:column; gap:40px}

/* ---------- کارت کالا ---------- */
.bpc .bpc-item{
  position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:17px;
  min-height:177px; padding:17px; border:1px solid var(--bpc-line); border-radius:8px; background:var(--bpc-card);
}
.bpc .bpc-top{display:flex; align-items:flex-start; gap:8px; max-width:calc(100% - 60px)}
.bpc .bpc-img{display:block; flex:none; width:103px; height:88px; border-radius:6px; overflow:hidden; background:#a9c4d3}
.bpc .barman-c-image{display:block; width:103px; height:88px; object-fit:cover}
.bpc .bpc-info{min-width:0}
.bpc .barman-c-title{
  display:block; font-size:32px; line-height:40px; font-weight:500; color:var(--bpc-title);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; transition:opacity .15s;
}
.bpc .barman-c-title:hover{opacity:.8}
.bpc .barman-c-brand{margin-top:8px; font-size:12px; line-height:18px; color:var(--bpc-title)}

.bpc .bpc-bot{display:flex; align-items:center; justify-content:space-between}
.bpc .barman-c-price{font-size:24px; line-height:30px; height:36px; font-weight:500; color:var(--bpc-ink); white-space:nowrap}

/* شمارنده: [−] ۱ [+] (همیشه چپ‌به‌راست مثل طرح) */
.bpc .bpc-qty{display:flex; direction:ltr; align-items:center; justify-content:space-between; width:105px; height:36px; padding:6px 8px; border-radius:4px; background:var(--bpc-pill)}
.bpc .barman-c-qty{flex:1; text-align:center; font-size:16px; line-height:24px; color:var(--bpc-ink); user-select:none}
.bpc .barman-c-minus,.bpc .barman-c-plus{
  position:relative; flex:none; width:24px; height:24px; border:0; border-radius:4px;
  background:var(--bpc-btn); color:var(--bpc-glyph); cursor:pointer; transition:background-color .15s,transform .1s;
}
.bpc .barman-c-minus:hover,.bpc .barman-c-plus:hover{background:#6598b3}
.bpc .barman-c-minus:active,.bpc .barman-c-plus:active{transform:scale(.92)}
.bpc .barman-c-minus::before,.bpc .barman-c-plus::before,.bpc .barman-c-plus::after{
  content:''; position:absolute; left:50%; top:50%; width:10px; height:2px; margin:-1px 0 0 -5px; border-radius:1px; background:currentColor;
}
.bpc .barman-c-plus::after{transform:rotate(90deg)}
.bpc .barman-c-minus:focus-visible,.bpc .barman-c-plus:focus-visible,.bpc .barman-c-remove:focus-visible{outline:2px solid var(--bpc-dark); outline-offset:2px}

/* دکمهٔ حذف: دایرهٔ ۳۰ با × (بالا-چپ) */
.bpc .barman-c-remove{
  position:absolute; left:15px; top:18px; width:30px; height:30px; padding:0; border:2px solid var(--bpc-dark); border-radius:50%;
  background:transparent; color:var(--bpc-dark); cursor:pointer; transition:background-color .15s,color .15s;
}
.bpc .barman-c-remove:hover{background:var(--bpc-dark); color:var(--bpc-card)}
.bpc .barman-c-remove::before,.bpc .barman-c-remove::after{
  content:''; position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-1px 0 0 -6px; border-radius:1px; background:currentColor; transform:rotate(45deg);
}
.bpc .barman-c-remove::after{transform:rotate(-45deg)}

/* ---------- خلاصهٔ سفارش ---------- */
.bpc .bpc-sum{padding:28px 28px 32px; border-radius:16px; background:var(--bpc-sum)}
.bpc .bpc-row{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:24px; margin-top:20px; color:var(--bpc-gray)}
.bpc .bpc-row:first-child{margin-top:0}
.bpc .bpc-label{font-size:16px; line-height:24px}
.bpc .bpc-val{font-size:14px; line-height:24px; text-align:left}
.bpc .bpc-row--total{margin-top:39px; color:var(--bpc-strong)}
.bpc .bpc-row--total .bpc-label{font-weight:500}

.bpc .barman-cart-checkout{
  display:flex; align-items:center; justify-content:center; height:36px; margin-top:16px; border-radius:6px;
  background:var(--bpc-dark); color:var(--bpc-light); font-size:18px; line-height:1; cursor:pointer; transition:background-color .15s;
}
.bpc .barman-cart-checkout:hover{background:#244152; color:var(--bpc-light)}
.bpc .barman-cart-checkout:focus-visible{outline:2px solid var(--bpc-dark); outline-offset:3px}

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

/* ---------- سبد خالی ---------- */
.bpc .bpc-empty{padding:120px 0 80px; text-align:center; color:var(--bpc-dark)}
.bpc .bpc-empty .bpc-empty-ico{width:84px; height:84px; margin:0 auto 20px; opacity:.55; stroke-width:1.2}
.bpc .bpc-empty p{font-size:24px; line-height:36px}
.bpc .bpc-btn-shop{display:inline-flex; align-items:center; justify-content:center; height:44px; margin-top:28px; padding:0 32px; border-radius:8px; background:var(--bpc-dark); color:var(--bpc-light); font-size:18px; transition:background-color .15s}
.bpc .bpc-btn-shop:hover{background:#244152; color:var(--bpc-light)}

/* ---------- تبلت: خلاصه زیر کارت‌ها ---------- */
@media (max-width:1100px){
  .bpc .bpc-grid{grid-template-columns:minmax(0,1fr); row-gap:32px}
  .bpc .barman-c-title{font-size:26px}
}
/* mobile="0": فقط دسکتاپ/تبلت (≥۷۶۸) — کنار [barman_mobile_cart desktop="0"] در یک صفحه */
@media (max-width:767px){ .bpc.bpc-hide-m{display:none} }

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