/* VictorStore mini cart header - isolated to the HikaShop mini cart view */
#sp-header .vs-mini-cart,
#sp-header .vs-mini-cart.hikashop_cart {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:auto; max-width:none; min-width:48px; min-height:48px;
  margin:0; padding:0; border:0; background:transparent; box-shadow:none;
  vertical-align:middle; overflow:visible; direction:ltr;
}
#sp-header .vs-mini-cart .vs-mini-cart-trigger {
  position:relative; display:inline-flex!important; align-items:center; justify-content:center;
  width:48px; height:48px; min-width:48px; min-height:48px; padding:0!important;
  border:1px solid rgba(255,255,255,.65); border-radius:14px; background:rgba(255,255,255,.10);
  color:#fff!important; text-decoration:none!important; cursor:pointer;
  transition:background .2s ease,transform .2s ease; box-shadow:none;
}
#sp-header .vs-mini-cart .vs-mini-cart-trigger:hover,
#sp-header .vs-mini-cart .vs-mini-cart-trigger:focus-visible {
  background:rgba(255,255,255,.21); transform:translateY(-1px); outline:2px solid transparent;
}
#sp-header .vs-mini-cart .vs-mini-cart-icon { width:25px; height:25px; display:block; color:#fff; fill:none; }
#sp-header .vs-mini-cart .vs-mini-cart-badge {
  position:absolute; top:-8px; right:-9px; display:grid; place-items:center;
  min-width:21px; height:21px; padding:0 5px; border-radius:20px;
  background:#ff7415; color:#fff; font-size:12px; font-weight:700; line-height:1; font-family:inherit; border:2px solid #f00;
}
#sp-header .vs-mini-cart .vs-mini-cart-sr { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
#sp-header .vs-mini-cart .hikashop_checkout_loading_elem,
#sp-header .vs-mini-cart .hikashop_checkout_loading_spinner {pointer-events:none;}
#sp-header .vs-mini-cart .hikashop_cart_dropdown_container {position:absolute; top:calc(100% + 12px); left:0; z-index:9999; width:380px; max-width:min(380px,calc(100vw - 28px)); direction:rtl;}
html[lang^="en"] #sp-header .vs-mini-cart .hikashop_cart_dropdown_container {direction:ltr;}
#sp-header .vs-mini-cart .hikashop_cart_dropdown_content:not(.hikashop_drawer) {
  background:#fff!important; color:#1e293b!important; width:100%!important; max-width:100%!important;
  min-width:0!important; padding:16px!important; border:1px solid #e2e8f0!important;
  border-radius:16px!important; box-shadow:0 18px 48px rgba(15,23,42,.20)!important;
  box-sizing:border-box!important; font-family:inherit!important;
}
#sp-header .vs-mini-cart .hikashop_cart_dropdown_content:not(.hikashop_drawer) * {box-sizing:border-box;}
#sp-header .vs-mini-cart .hikashop_cart_dropdown_content:not(.hikashop_drawer) table {width:100%!important; table-layout:auto!important; border-collapse:collapse; font-size:13px;}
#sp-header .vs-mini-cart .hikashop_cart_dropdown_content:not(.hikashop_drawer) th,
#sp-header .vs-mini-cart .hikashop_cart_dropdown_content:not(.hikashop_drawer) td {padding:7px 5px!important; text-align:start; color:#263445; overflow-wrap:anywhere;}
#sp-header .vs-mini-cart .hikashop_cart_dropdown_content:not(.hikashop_drawer) a {color:#e45b00; font-size:13px; text-decoration:none;}
#sp-header .vs-mini-cart .hikashop_cart_dropdown_content:not(.hikashop_drawer) a.hikabtn,
#sp-header .vs-mini-cart .hikashop_cart_dropdown_content:not(.hikashop_drawer) a.hikashop_cart_proceed_to_checkout {display:block; text-align:center; padding:10px; margin-top:10px; background:#ff6600; color:#fff; border-radius:10px;}
@media(max-width:600px){#sp-header .vs-mini-cart .hikashop_cart_dropdown_container{position:fixed;top:70px;left:12px;right:12px;width:auto;max-width:none;}}

/* VictorStore Header Cart V1.1 — placement only; no cart calculations or markup changes. */
@media (min-width: 992px) {
  #sp-header .vs-mini-cart { transform: translateY(-12px); }
}
/* Tablet and phone: anchor the visible control into the left-side space of the header,
   independent of how Helix stacks the header-right module position. */
@media (max-width: 991.98px) {
  #sp-header .vs-mini-cart,
  #sp-header .vs-mini-cart.hikashop_cart {
    position: fixed !important;
    top: 10px !important;
    left: 15px !important;
    right: auto !important;
    bottom: auto !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 10550 !important;
  }
  #sp-header .vs-mini-cart .vs-mini-cart-trigger { display:inline-flex !important; visibility:visible !important; opacity:1 !important; }
  #sp-header .vs-mini-cart .hikashop_cart_dropdown_container {
    position: fixed !important;
    top: 67px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    z-index: 10551 !important;
  }
}

/* VictorStore Cart V1.2: keep English dropdown inside the viewport.
   In English the mini-cart trigger is at the right edge of the header. */
@media (min-width: 992px) {
  html[lang^="en"] #sp-header .vs-mini-cart .hikashop_cart_dropdown_container {
    left: auto !important;
    right: 0 !important;
    direction: ltr;
  }
}


/* VictorStore header container alignment (desktop, container 1200px).
   Keeps the existing fixed/sticky behavior and cart animation unchanged.
   Aligns the trigger and dropdown to the inner edge of the centered container. */
/* VS Product Fix V12: keep the confirmed V5 ringing mini-cart visible while scrolling.
   Only its outer position changes; SVG animation and badge are untouched. */
@media (min-width: 992px) {
  #sp-header .vs-mini-cart,
  #sp-header .vs-mini-cart.hikashop_cart {
    position: fixed !important;
    top: 18px !important;
    left: max(16px, calc((100vw - 1200px) / 2 + 16px)) !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 10550 !important;
  }
  #sp-header .vs-mini-cart .hikashop_cart_dropdown_container {
    position: fixed !important;
    top: 76px !important;
    left: max(16px, calc((100vw - 1200px) / 2 + 16px)) !important;
    right: auto !important;
    z-index: 10551 !important;
  }
  html:lang(en) #sp-header .vs-mini-cart,
  html[lang^="en"] #sp-header .vs-mini-cart {
    right: max(16px, calc((100vw - 1200px) / 2 + 16px)) !important;
    left: auto !important;
  }
  html:lang(en) #sp-header .vs-mini-cart .hikashop_cart_dropdown_container,
  html[lang^="en"] #sp-header .vs-mini-cart .hikashop_cart_dropdown_container {
    right: max(16px, calc((100vw - 1200px) / 2 + 16px)) !important;
    left: auto !important;
  }
}


/* VS V13: contrast for fixed mini-cart on light page backgrounds.
   Animate existing SVG unchanged; badge stays untouched. */
#sp-header .vs-mini-cart .vs-mini-cart-trigger {
  color: #171717 !important;
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(30,41,59,.24) !important;
  box-shadow: 0 3px 13px rgba(15,23,42,.14) !important;
}
#sp-header .vs-mini-cart .vs-mini-cart-icon {
  color: #171717 !important;
  stroke: currentColor;
}

/* VictorStore VS-HC-021 — English mobile/tablet cart at the right edge.
   Persian and desktop placements remain unchanged. */
@media (max-width: 991.98px) {
  html:lang(en) #sp-header .vs-mini-cart,
  html:lang(en) #sp-header .vs-mini-cart.hikashop_cart,
  html[lang^="en"] #sp-header .vs-mini-cart,
  html[lang^="en"] #sp-header .vs-mini-cart.hikashop_cart {
    left: auto !important;
    right: 15px !important;
  }
}


/* VictorStore VS-HC-022 — compact mini-cart control on tablet and mobile only.
   Self-contained in vs-mini-cart.css; desktop and cart behavior unchanged. */
@media (max-width: 991.98px) {
  #sp-header .vs-mini-cart,
  #sp-header .vs-mini-cart.hikashop_cart {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  #sp-header .vs-mini-cart .vs-mini-cart-trigger {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 12px;
  }

  #sp-header .vs-mini-cart .vs-mini-cart-icon {
    width: 20px !important;
    height: 20px !important;
  }

  #sp-header .vs-mini-cart .vs-mini-cart-badge {
    min-width: 18px;
    height: 18px;
    top: -7px;
    right: -7px;
    padding: 0 4px;
    font-size: 10px;
  }
}

/* VS-H25: Active cart styling moved verbatim from Helix Custom CSS (2026-10-21). */
#sp-header.vs-brand-header .vs-mini-cart, #sp-header.vs-brand-header .vs-mini-cart.hikashop_cart { position: relative !important; inset: auto !important; transform: none !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; direction: inherit; z-index: auto !important; }
#sp-header.vs-brand-header .vs-mini-cart .vs-mini-cart-trigger { width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; padding: 11px 18px !important; gap: 8px; border: 0 !important; border-radius: 999px; background: #1c1917 !important; color: #fff !important; box-shadow: none !important; font-size: 13.5px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
#sp-header.vs-brand-header .vs-mini-cart .vs-mini-cart-trigger:hover { background: #9e0b22 !important; transform: none; }
#sp-header.vs-brand-header .vs-mini-cart .vs-mini-cart-icon { width: 18px !important; height: 18px !important; color: #fff !important; order: 0; }
#sp-header.vs-brand-header .vs-mini-cart .vs-mini-cart-trigger::after { content: none; }
#sp-header.vs-brand-header .vs-mini-cart .vs-mini-cart-badge { position: static; order: 2; min-width: 20px; height: 20px; padding: 0 5px; border: 0; background: #c9a227; color: #1c1917; font-size: 11px; }
#sp-header.vs-brand-header .vs-mini-cart .hikashop_cart_dropdown_container { position: absolute !important; inset: auto !important; top: calc(100% + 12px) !important; left: 0 !important; width: min(380px,calc(100vw - 48px)) !important; max-width: none !important; z-index: 1001 !important; }