/* MUK Herbal professional WooCommerce cart drawer */
.cart-drawer{
  width:min(460px,100%)!important;
  max-width:100%!important;
}
.cart-drawer .cart-drawer-header{
  min-height:96px;
  height:auto;
  padding:22px 30px;
}
.cart-drawer .cart-drawer-header h2{
  margin:0;
  color:#394f35;
  line-height:1;
}
.cart-drawer .cart-close{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  color:#394f35;
  line-height:1;
}
.cart-drawer .cart-drawer-body{
  padding:18px 30px 28px!important;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.cart-drawer .muk-mini-cart-list,
.cart-drawer ul.woocommerce-mini-cart{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.cart-drawer .muk-mini-cart-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) 30px!important;
  gap:16px!important;
  align-items:center!important;
  width:100%!important;
  min-height:122px!important;
  margin:0!important;
  padding:18px 0!important;
  border:0!important;
  border-bottom:1px solid #e7ebe7!important;
  background:#fff!important;
  color:#394f35!important;
}
.cart-drawer .muk-mini-cart-thumb{
  width:88px;
  height:102px;
  overflow:hidden;
  border-radius:13px;
  background:#f1f3f0;
  border:1px solid #e7ebe7;
}
.cart-drawer .muk-mini-cart-thumb a{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
.cart-drawer .muk-mini-cart-thumb img{
  display:block!important;
  float:none!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:5px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.cart-drawer .muk-mini-cart-info{
  min-width:0;
  align-self:center;
}
.cart-drawer .muk-mini-cart-title{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  color:#394f35!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-decoration:none!important;
  overflow-wrap:anywhere;
}
.cart-drawer .muk-mini-cart-unit-price{
  margin:0 0 10px;
  color:#7a8478;
  font-size:13px;
  line-height:1.2;
}
.cart-drawer .variation{
  margin:0 0 7px!important;
  font-size:11px!important;
  color:#7a8478!important;
}
.cart-drawer .muk-mini-cart-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.cart-drawer .muk-mini-cart-qty{
  display:inline-grid;
  grid-template-columns:30px 36px 30px;
  align-items:center;
  height:34px;
  border:1px solid #cfd8cf;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.cart-drawer .muk-mini-cart-qty-btn{
  width:30px;
  height:32px;
  padding:0;
  border:0;
  background:#f4f6f3;
  color:#394f35;
  font-size:18px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
}
.cart-drawer .muk-mini-cart-qty-btn:hover{
  background:#dff4eb;
}
.cart-drawer .muk-mini-cart-qty-input{
  width:36px!important;
  height:32px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #e1e6e1!important;
  border-right:1px solid #e1e6e1!important;
  border-radius:0!important;
  background:#fff!important;
  color:#394f35!important;
  font-size:13px!important;
  font-weight:600!important;
  text-align:center!important;
  appearance:textfield;
  -moz-appearance:textfield;
}
.cart-drawer .muk-mini-cart-qty-input::-webkit-inner-spin-button,
.cart-drawer .muk-mini-cart-qty-input::-webkit-outer-spin-button{
  margin:0;
  -webkit-appearance:none;
}
.cart-drawer .muk-mini-cart-line-total{
  color:#394f35;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.cart-drawer .muk-mini-cart-remove{
  position:static!important;
  align-self:start;
  justify-self:end;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#9a5b5b!important;
  font-size:22px!important;
  line-height:1!important;
  text-align:center;
  cursor:pointer;
}
.cart-drawer .muk-mini-cart-remove:hover{
  background:#f7eded!important;
  color:#7e3737!important;
}
.cart-drawer .muk-mini-cart-total,
.cart-drawer .woocommerce-mini-cart__total{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:20px 0 0!important;
  padding:20px 0 0!important;
  border-top:1px solid #e7ebe7!important;
  color:#394f35!important;
  font-size:16px!important;
}
.cart-drawer .muk-mini-cart-total strong,
.cart-drawer .woocommerce-mini-cart__total strong{
  font-weight:700!important;
}
.cart-drawer .cart-drawer-footer{
  padding:20px 30px 30px!important;
  gap:12px!important;
  background:#fff;
}
.cart-drawer .cart-drawer-footer .button{
  height:56px!important;
  min-height:56px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1!important;
}
.cart-drawer .cart-drawer-footer .button-outline{
  border:2px solid #394f35!important;
  background:#fff!important;
  color:#394f35!important;
}
.cart-drawer .cart-drawer-footer .button-primary{
  border:2px solid #394f35!important;
  background:#394f35!important;
  color:#fff!important;
}
.cart-drawer.is-updating .cart-drawer-body{
  opacity:.58;
  pointer-events:none;
}
.cart-drawer.is-updating:after{
  content:"";
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  width:30px;
  height:30px;
  margin:-15px 0 0 -15px;
  border:3px solid rgba(57,79,53,.2);
  border-top-color:#394f35;
  border-radius:50%;
  animation:muk-cart-spin .65s linear infinite;
}
@keyframes muk-cart-spin{to{transform:rotate(360deg)}}
.cart-drawer .muk-mini-cart-empty{
  display:flex;
  min-height:340px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:36px 20px;
  text-align:center;
  color:#7a8478;
}
.cart-drawer .muk-mini-cart-empty-icon{
  display:grid;
  place-items:center;
  width:78px;
  height:78px;
  margin-bottom:18px;
  border-radius:50%;
  background:#eef5f0;
  font-size:32px;
}
.cart-drawer .muk-mini-cart-empty h3{
  margin:0 0 8px;
  color:#394f35;
  font-family:Montserrat,Arial,sans-serif;
  font-size:20px;
}
.cart-drawer .muk-mini-cart-empty p{
  max-width:280px;
  margin:0;
  font-size:14px;
  line-height:1.6;
}
@media(max-width:520px){
  .cart-drawer .cart-drawer-header{min-height:86px;padding:18px 20px}
  .cart-drawer .cart-drawer-header h2{font-size:34px!important}
  .cart-drawer .cart-drawer-body{padding:10px 20px 24px!important}
  .cart-drawer .muk-mini-cart-item{grid-template-columns:74px minmax(0,1fr) 28px!important;gap:12px!important;min-height:108px!important;padding:15px 0!important}
  .cart-drawer .muk-mini-cart-thumb{width:74px;height:88px;border-radius:11px}
  .cart-drawer .muk-mini-cart-title{font-size:14px!important}
  .cart-drawer .muk-mini-cart-controls{align-items:flex-end;flex-direction:column;gap:7px}
  .cart-drawer .muk-mini-cart-qty{align-self:flex-start}
  .cart-drawer .muk-mini-cart-line-total{align-self:flex-start}
  .cart-drawer .cart-drawer-footer{padding:16px 20px 22px!important;gap:9px!important}
  .cart-drawer .cart-drawer-footer .button{height:50px!important;min-height:50px!important;font-size:11px!important}
}

/* v1.0.4 - consistent layout across product, cart and checkout pages */
.cart-drawer,
.cart-drawer *{box-sizing:border-box!important}
.cart-drawer{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.cart-drawer .cart-drawer-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
.cart-drawer .muk-mini-cart-list{display:block!important;width:100%!important;max-width:100%!important}
.cart-drawer .muk-mini-cart-item{grid-template-columns:88px minmax(0,1fr) 32px!important;width:100%!important;max-width:100%!important;min-width:0!important}
.cart-drawer .muk-mini-cart-thumb{grid-column:1!important;min-width:88px!important}
.cart-drawer .muk-mini-cart-info{grid-column:2!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
.cart-drawer .muk-mini-cart-title{width:100%!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.cart-drawer .muk-mini-cart-remove{grid-column:3!important}
.cart-drawer .cart-drawer-footer{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
.cart-drawer .cart-drawer-footer .button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0!important}
@media(max-width:520px){
  .cart-drawer .cart-drawer-header{padding:18px 20px!important}
  .cart-drawer .cart-drawer-body{padding:12px 20px 24px!important}
  .cart-drawer .cart-drawer-footer{padding:16px 20px 20px!important}
  .cart-drawer .muk-mini-cart-item{grid-template-columns:72px minmax(0,1fr) 28px!important;gap:12px!important;min-height:104px!important}
  .cart-drawer .muk-mini-cart-thumb{width:72px!important;min-width:72px!important;height:84px!important}
}

/* v1.0.12 — exact branded footer social icons. */
.site-footer .social-links{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
.site-footer .social-links a.muk-footer-social-icon{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.5)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#fff!important;
  line-height:1!important;
  text-indent:0!important;
  transition:background .25s ease,border-color .25s ease,transform .25s ease!important;
}
.site-footer .social-links a.muk-footer-social-icon:hover{
  border-color:#73c6ad!important;
  background:#73c6ad!important;
  transform:translateY(-3px)!important;
}
.site-footer .social-links a.muk-footer-social-icon svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  overflow:visible!important;
}
.site-footer .social-links a.muk-footer-social-instagram svg{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.site-footer .social-links a.muk-footer-social-instagram .muk-social-dot{
  fill:#fff!important;
  stroke:none!important;
}
.site-footer .social-links a.muk-footer-social-facebook svg,
.site-footer .social-links a.muk-footer-social-tiktok svg{
  fill:#fff!important;
  stroke:none!important;
}
@media(max-width:520px){
  .site-footer .social-links{gap:12px!important}
  .site-footer .social-links a.muk-footer-social-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  .site-footer .social-links a.muk-footer-social-icon svg{
    width:21px!important;
    height:21px!important;
  }
}
