/* scd core styles — mobile-first, clean, minimal */
.scd-wrap.scd-wrap{max-width:1100px;margin:0 auto;padding:1px;color:#111;overflow-x:hidden}
.scd-wrap *{box-sizing:border-box}
.scd-hidden-shortcode{display:none!important;height:0!important;overflow:hidden!important}

.scd-banner{border-radius:16px;padding:16px 18px;margin:8px 0 16px}
.scd-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    justify-content: center;
}@media(min-width:992px){.scd-grid.scd-has-sidebar{grid-template-columns:2fr 1fr}}
@media(min-width:992px){.scd-aside{position:sticky;top:12px;height:max-content}}
@media(max-width:991px){.scd-aside{display:none}}

.scd-tabs{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width: 768px){

    .scd-tabs{display:flex;gap:8px;flex-wrap:wrap; padding-right: 37px;}

}}

.scd-tab{background:#f2f2f2;border:1px solid #e7e7e7;padding:8px 12px;border-radius:12px;font-weight:700;color:#111}
.scd-tab.is-active{
  background: var(--scd-btn,#000);
  color:#fff;
  border-color: var(--scd-btn,#000);
}
.scd-tabpanel.is-hidden{display:none!important}

.scd-item{display:flex;gap:12px;background:#fff;border:1px solid #eee;border-radius:16px;padding:12px;align-items:center;min-height:88px;width:100%;flex-wrap:nowrap}
.scd-thumb{border-radius:12px;width:64px;height:64px;object-fit:cover}
.scd-info{flex:1;min-width:0}
.scd-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scd-attrs{color:#6b7280;font-size:12px;margin-top:4px}
.scd-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    flex-wrap: wrap;
}.scd-qty{width:84px;max-width:40vw}

.scd-actions{display:flex;flex-direction:column;gap:8px;width:140px;align-self:flex-start}
@media(max-width:560px){
  .scd-item{flex-wrap:wrap; align-items:flex-start}
  .scd-info{order:2; width:100%; min-width:0}
  .scd-actions{order:3; width:100%; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px}
  .scd-qty{width:min(32vw,92px)}
}
.scd-actions .button{height:44px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:12px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f2f2f2;border:1px solid #e9e9e9;color:#111}

.scd-next-list{position:relative; z-index:1}
.scd-next-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #eee;border-radius:16px;padding:10px}
.scd-next-actions{display:flex;gap:8px;margin-right:auto}
@media(max-width:560px){
  .scd-next-item{grid-template-columns:64px 1fr; align-items:center}
  .scd-next-actions{grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:8px}
}
.scd-icon{width:40px;height:40px;border:1px solid #e5e5e5;border-radius:12px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;color:#111;position:relative}
.scd-svg{display:block;width:20px;height:20px}
.scd-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:1;opacity:.9}

.scd-summary{background:#fff;border:1px solid #eee;border-radius:16px;padding:14px;width:100%}
.scd-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:10px}
.scd-coupon{display:flex;gap:8px;margin:10px 0}
.scd-coupon .input-text{flex:1;min-width:0}
.scd-cta{display:block;text-align:center;background:var(--scd-btn,#000);color:#fff;padding:12px 14px;border-radius:16px;font-weight:800;text-decoration:none}
@media(min-width:992px){.scd-summary--stack{display:none}}
/* === SCD mobile fix (ONLY mobile) === */
@media (max-width: 560px){

  /* جلوگیری از اسکرول افقی و بیرون‌زدن کلی */
  .scd-wrap,
  .scd-cart,
  .scd-tabpanel{
    max-width:100%;
    overflow-x:hidden;
    box-sizing:border-box;
    padding-left:1px;
    padding-right:1px;
  }

  /* ردیف آیتم: تصویر ثابت + متن کشسان، متن اجازه شکست داشته باشد */
  .scd-item{
    display:grid;
    grid-template-columns: 84px 1fr; /* تصویر + متن/کنترل‌ها */
    column-gap:12px;
    align-items:start;
  }

  /* تصویر: جلوی کش آمدن و به‌هم‌ریختگی را بگیر */
  .scd-item .scd-thumb{
    width:84px;
    height:84px;
    flex:0 0 84px;
  }
  .scd-item .scd-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
    display:block;
  }

  /* کانتینر متن/عنوان: عرض بگیرد و اجازه شکست داشته باشد */
  .scd-item .scd-body{
    min-width:0;            /* مهم برای جلوگیری از فشار به گرید */
    width:100%;
  }

  /* عنوان: نوشتار طبیعی، نه عمودی */
  .scd-item .scd-title{
    display:block;
    white-space:normal !important;
    word-break:break-word;
    overflow-wrap:anywhere;
    writing-mode:initial !important;
    -webkit-writing-mode:initial !important;
    line-height:1.5;
    margin-bottom:8px;
  }

  /* کنترل تعداد و دکمه‌ها: تمام‌عرض و بدون بیرون‌زدن */
  .scd-qty-wrap,
  .scd-actions{
    min-width:0;
    width:100%;
  }
  .scd-actions{
    display:grid;
    grid-template-columns:1fr;  /* دکمه‌ها زیر هم */
    row-gap:8px;
  }
  .scd-actions .button,
  .scd-actions .scd-icon{
    width:100%;
  }

  /* باکس خلاصه سفارش: عرض درون‌کادر بماند */
  .scd-summary{
    max-width:100%;
    width:100%;
    box-sizing:border-box;
  }
}



/* ـــ Mobile: دکمه‌های حذف/انتقال داخل باکس و کنار هم ـــ */
@media (max-width:560px){
  /* باکس اکشن‌ها زیر کل کارت و تمام عرض */
  .scd-item .scd-actions{
    order:3;
    grid-column: 1 / -1;                 /* زیر هر دو ستونِ کارت */
    display:grid;
    grid-template-columns: 1fr 1fr !important; /* حتماً کنار هم */
    gap:10px;
    padding:1px 1px;                   /* باکس بزرگ‌تر */
    background:#f6f6f6;
    border:1px solid #ececec;
    border-radius:12px;
    width:100%;
    box-sizing:border-box;
  }
  .scd-item .scd-actions .button{
    height:42px;
    font-size:12px;
    border-radius:12px;
  }
}







/* Qty group: باریک، مینیمال، سریع‌حس */
.scd-qty-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  padding: 4px;
  background: #fff;
  user-select: none;
}

.scd-qty {
  width: 46px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 8px;
  font-size: 13px;
  padding: 0;
  outline: none;
  background: #fff;
}

.scd-qty:focus {
  border-color: rgba(0,0,0,.18);
  box-shadow: 0 0 0 2px rgba(0,0,0,.05) inset;
}

.scd-qty-minus,
.scd-qty-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 8px;
  background: #fafafa;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: transform .06s ease, background .12s ease;
}
.scd-qty-minus:active,
.scd-qty-plus:active { transform: scale(.96); background: #f2f2f2; }

/* اکشن‌های کارت در موبایل: جمع‌وجور و تمام‌عرض تمیز */
@media (max-width: 768px){
  .scd-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
  }
  .scd-actions .button,
  .scd-actions .scd-cta {
    width: 100%;
    min-height: 38px;
    border-radius: 10px;
    font-size: 13px;
    padding: 8px 10px;
  }
  .scd-qty-group { gap: 4px; padding: 3px; }
  .scd-qty { width: 42px; height: 26px; font-size: 12px; }
  .scd-qty-minus, .scd-qty-plus { width: 26px; height: 26px; font-size: 15px; }
}

/* فاصله‌ها کمی کمتر برای حس مینیمال */
.scd-item .scd-row { gap: 12px; }
.scd-item .scd-meta { font-size: 13px; }



/* SCD — prices use brand button color + bold */
.scd-price,
.scd-price .amount,
.scd-next-meta .amount,
.scd-summary .amount,
.scd-summary .woocommerce-Price-amount {
  color: var(--scd-btn,#000) !important;
  font-weight: 800 !important;
}

/* اگر قیمتِ ویژه با <ins>/<del> میاد، این هم پوشش بده */
.scd-price ins .amount,
.scd-next-meta ins .amount,
.scd-summary ins .amount {
  color: var(--scd-btn,#000) !important;
  font-weight: 800 !important;
}