/** MSB Shop 7.3.1 — cart drawer rebuild + premium sale countdown. */

/* =========================================================
   Cart drawer — clean RTL product rows and stable footer
   ========================================================= */
.msb-cart-drawer{
  width:min(460px,96vw)!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  direction:rtl!important;
  background:#fff!important;
  border-radius:0 24px 24px 0!important;
  box-shadow:24px 0 80px rgba(32,14,21,.18)!important;
}
.msb-cart-drawer__head{
  flex:0 0 auto!important;
  position:relative!important;
  top:auto!important;
  min-height:76px!important;
  padding:16px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid #ece7ea!important;
  background:#fff!important;
  z-index:4!important;
}
.msb-cart-drawer__head strong{
  font-size:16px!important;
  line-height:1.7!important;
  color:#21171c!important;
  font-weight:800!important;
}
.msb-cart-drawer__head button{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  border:1px solid #ece7ea!important;
  border-radius:12px!important;
  background:#faf8f9!important;
  color:#4e3d45!important;
  font-size:21px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.msb-cart-drawer__body{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
}

.msb-mini-cart-v5{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  list-style:none!important;
  margin:0!important;
  padding:14px 14px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.msb-mini-cart-v5::-webkit-scrollbar{width:5px}
.msb-mini-cart-v5::-webkit-scrollbar-thumb{background:#d7ced2;border-radius:99px}

.msb-mini-cart-v5__item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 82px!important;
  grid-template-areas:"remove body image"!important;
  gap:12px!important;
  align-items:start!important;
  min-height:126px!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid #ede7ea!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(35,18,24,.025)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .msb-mini-cart-v5__item:hover{
    background:#fff!important;
    border-color:#e3d8dd!important;
    box-shadow:0 12px 30px rgba(35,18,24,.05)!important;
    transform:translateY(-1px)!important;
  }
}
.msb-mini-cart-v5__remove{
  grid-area:remove!important;
  position:static!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff5f7!important;
  color:var(--msb-primary)!important;
  text-decoration:none!important;
  font-size:17px!important;
  line-height:1!important;
  z-index:2!important;
}
.msb-mini-cart-v5__image{
  grid-area:image!important;
  display:grid!important;
  place-items:center!important;
  width:82px!important;
  height:82px!important;
  margin:0!important;
  padding:5px!important;
  border:1px solid #eee8eb!important;
  border-radius:14px!important;
  background:#fbfafb!important;
  overflow:hidden!important;
}
.msb-mini-cart-v5__image img{
  float:none!important;
  display:block!important;
  width:70px!important;
  height:70px!important;
  max-width:70px!important;
  margin:0!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.msb-mini-cart-v5__body{
  grid-area:body!important;
  min-width:0!important;
  padding:0!important;
  text-align:right!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.msb-mini-cart-v5__title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  color:#21171c!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.85!important;
  min-height:44px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.msb-mini-cart-v5__item .variation{
  margin:0!important;
  padding:0!important;
  color:#81757a!important;
  font-size:9.5px!important;
  line-height:1.7!important;
}
.msb-mini-cart-v5__item .variation dt,
.msb-mini-cart-v5__item .variation dd{
  display:inline!important;
  float:none!important;
  margin:0 0 0 4px!important;
  padding:0!important;
}
.msb-mini-cart-v5__price-row{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
.msb-mini-cart-v5__price-row span{min-width:0!important}
.msb-mini-cart-v5__price-row small{
  display:block!important;
  margin-bottom:2px!important;
  color:#91848a!important;
  font-size:8.5px!important;
  line-height:1.4!important;
}
.msb-mini-cart-v5__price-row strong,
.msb-mini-cart-v5__price-row .woocommerce-Price-amount{
  display:block!important;
  color:#2a1e23!important;
  font-size:10.5px!important;
  line-height:1.6!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.msb-mini-cart-v5__line-total{text-align:left!important}
.msb-mini-cart-v5__quantity{
  align-self:flex-start!important;
  display:grid!important;
  grid-template-columns:32px 38px 32px!important;
  align-items:center!important;
  height:34px!important;
  border:1px solid #e8e1e4!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#fff!important;
  direction:ltr!important;
}
.msb-mini-cart-v5__qty-btn{
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#faf8f9!important;
  color:#34262d!important;
  display:grid!important;
  place-items:center!important;
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transform:none!important;
}
.msb-mini-cart-v5__qty-btn:hover{background:#fff0f4!important;color:var(--msb-primary)!important;transform:none!important}
.msb-mini-cart-v5__qty-btn:disabled{opacity:.42!important;cursor:not-allowed!important}
.msb-mini-cart-v5__qty-value{
  width:38px!important;
  text-align:center!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#261b20!important;
  direction:rtl!important;
}
.msb-mini-cart-v5__single-qty{
  align-self:flex-start!important;
  min-height:30px!important;
  padding:5px 9px!important;
  border-radius:9px!important;
  background:#f8f6f7!important;
  color:#74666c!important;
  font-size:9.5px!important;
}
.msb-mini-cart-v5__item.is-msb-updating{
  opacity:.62!important;
  pointer-events:none!important;
}

.msb-mini-cart-v5__footer{
  flex:0 0 auto!important;
  position:static!important;
  bottom:auto!important;
  margin:0!important;
  padding:14px 16px max(14px,env(safe-area-inset-bottom))!important;
  border-top:1px solid #ece7ea!important;
  background:#fff!important;
  box-shadow:0 -12px 32px rgba(37,17,24,.04)!important;
}
.msb-mini-cart-v5__footer .total{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0!important;
  color:#4f4147!important;
  font-size:11px!important;
}
.msb-mini-cart-v5__footer .total strong,
.msb-mini-cart-v5__footer .total .woocommerce-Price-amount{
  color:#21171c!important;
  font-size:15px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.msb-mini-cart-v5__footer .buttons{
  display:grid!important;
  grid-template-columns:1fr 1.08fr!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
}
.msb-mini-cart-v5__footer .button{
  min-height:46px!important;
  margin:0!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e7e0e3!important;
  border-radius:12px!important;
  background:#f8f6f7!important;
  color:#2a1f24!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.msb-mini-cart-v5__footer .button.checkout{
  border-color:var(--msb-primary)!important;
  background:var(--msb-primary)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(243,10,73,.16)!important;
}
.msb-mini-cart-v5__secure{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin-top:10px!important;
  color:#8c7e84!important;
  font-size:9.5px!important;
  line-height:1.7!important;
}
.msb-mini-cart-v5__secure .msb-icon{width:14px!important;height:14px!important;color:#9a8d92!important}

.msb-mini-cart-v5__empty{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:30px 22px!important;
  text-align:center!important;
}
.msb-mini-cart-v5__empty img{width:118px!important;height:118px!important;object-fit:contain!important}
.msb-mini-cart-v5__empty strong{font-size:14px!important;color:#24191e!important}
.msb-mini-cart-v5__empty p{margin:0!important;color:#8a7c82!important;font-size:10.5px!important;line-height:1.8!important}
.msb-mini-cart-v5__empty a{margin-top:4px!important;min-height:42px!important;padding:9px 15px!important;border-radius:11px!important;background:var(--msb-primary)!important;color:#fff!important;font-size:10.5px!important;text-decoration:none!important}

/* =========================================================
   Product-card timer — compact premium countdown, no awkward red text
   ========================================================= */
li.msb-original-product-card{position:relative!important}
.msb-original-product-card__top{
  position:relative!important;
  z-index:5!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}
.msb-product-countdown-pro{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:146px!important;
  min-height:72px!important;
  padding:9px 10px 8px!important;
  border:1px solid rgba(243,10,73,.18)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--msb-primary)!important;
  box-shadow:0 10px 28px rgba(55,19,30,.09)!important;
  backdrop-filter:blur(8px)!important;
  direction:rtl!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  pointer-events:none!important;
}
.msb-countdown-pro__head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  min-height:18px!important;
  margin-bottom:4px!important;
}
.msb-countdown-pro__label{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:var(--msb-primary)!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1.4!important;
}
.msb-countdown-pro__label::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:99px!important;
  background:var(--msb-primary)!important;
  box-shadow:0 0 0 4px rgba(243,10,73,.08)!important;
}
.msb-countdown-pro__day{
  min-height:18px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#fff0f4!important;
  color:var(--msb-primary)!important;
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.5!important;
}
.msb-countdown-pro__grid{
  display:grid!important;
  grid-template-columns:1fr auto 1fr auto 1fr!important;
  align-items:start!important;
  gap:4px!important;
  direction:ltr!important;
}
.msb-countdown-pro__grid>span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.msb-countdown-pro__grid b{
  color:#2a1820!important;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1.25!important;
  letter-spacing:.25px!important;
}
.msb-countdown-pro__grid small{
  margin-top:2px!important;
  color:#a18f96!important;
  font-size:7.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
  direction:rtl!important;
}
.msb-countdown-pro__grid i{
  margin-top:1px!important;
  color:#d2c4ca!important;
  font-style:normal!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.msb-product-countdown-pro.is-expired{
  width:auto!important;
  min-height:32px!important;
  padding:7px 10px!important;
  background:#f6f4f5!important;
  border-color:#ece7ea!important;
  color:#85777d!important;
}
.msb-product-countdown-pro.is-expired .msb-countdown-pro__grid,
.msb-product-countdown-pro.is-expired .msb-countdown-pro__day{display:none!important}
.msb-product-countdown-pro.is-expired .msb-countdown-pro__head{margin:0!important;min-height:0!important}
.msb-product-countdown-pro.is-expired .msb-countdown-pro__label{color:#85777d!important}
.msb-product-countdown-pro.is-expired .msb-countdown-pro__label::before{background:#aaa!important;box-shadow:none!important}

@media(max-width:782px){
  .msb-cart-drawer{
    width:min(100vw,430px)!important;
    border-radius:0 20px 20px 0!important;
  }
  .msb-cart-drawer__head{min-height:66px!important;padding:13px 14px!important}
  .msb-mini-cart-v5{padding:10px!important;gap:8px!important}
  .msb-mini-cart-v5__item{
    grid-template-columns:28px minmax(0,1fr) 72px!important;
    gap:9px!important;
    min-height:116px!important;
    padding:11px!important;
    border-radius:15px!important;
  }
  .msb-mini-cart-v5__image{width:72px!important;height:72px!important;padding:4px!important;border-radius:12px!important}
  .msb-mini-cart-v5__image img{width:62px!important;height:62px!important;max-width:62px!important}
  .msb-mini-cart-v5__title{font-size:11px!important;line-height:1.8!important;min-height:39px!important}
  .msb-mini-cart-v5__price-row strong,.msb-mini-cart-v5__price-row .woocommerce-Price-amount{font-size:9.6px!important}
  .msb-mini-cart-v5__footer{padding:12px 12px max(12px,env(safe-area-inset-bottom))!important}
  .msb-mini-cart-v5__footer .buttons{grid-template-columns:.9fr 1.1fr!important}
  .msb-mini-cart-v5__footer .button{min-height:44px!important;font-size:10.5px!important}

  .msb-product-countdown-pro{
    top:10px!important;
    right:10px!important;
    width:124px!important;
    min-height:64px!important;
    padding:7px 8px!important;
    border-radius:12px!important;
  }
  .msb-countdown-pro__label{font-size:8px!important}
  .msb-countdown-pro__day{font-size:7.5px!important}
  .msb-countdown-pro__grid b{font-size:13.5px!important}
  .msb-countdown-pro__grid small{font-size:6.8px!important}
  .msb-countdown-pro__grid i{font-size:13px!important}
}

@media(max-width:430px){
  .msb-cart-drawer{width:100vw!important;border-radius:0!important}
  .msb-mini-cart-v5__price-row{gap:5px!important}
  .msb-mini-cart-v5__unit-price small{display:none!important}
  .msb-mini-cart-v5__line-total small{display:none!important}
  .msb-mini-cart-v5__footer .total strong,.msb-mini-cart-v5__footer .total .woocommerce-Price-amount{font-size:14px!important}
}