/* ============================================================
   ELITE CORE V6 (Gallery A) - SIDE CART OVERRIDES
   The drawer is "Side Cart WooCommerce" 2.8.1 (Xootix, .xoo-wsc-*).
   mu-plugins/ec-side-cart-skin.php prints a black skin at wp_footer
   with !important on every rule, so every rule here is scoped to
   html body.ec-v6 .xoo-wsc-modal (higher specificity) and also
   marked !important. Reference: design/CartDrawer.dc.html.
   Live settings this targets: row pattern (scb-playout rows), delete
   as a trash icon inside .xoo-wsc-sm-right, no quantity stepper
   (scb-update-qty no, so rows print "Qty: N" and "Price: $x"),
   footer buttons cart / continue / checkout, totals in the footer.
   White drawer, 460px, pill buttons, cream image wells, gold meter.
   ============================================================ */

/* ---------- Panel, overlay, slide-in ---------- */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-container{
  background:#FFFFFF !important;
  color:#0A0A0A !important;
  width:100% !important;
  max-width:460px !important;
  right:-480px !important;
  top:0 !important;
  bottom:0 !important;
  height:100vh !important;
  height:100dvh !important;
  max-height:100vh !important;
  max-height:100dvh !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  box-shadow:-30px 0 80px rgba(10,10,10,.22) !important;
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
  transition:right .45s cubic-bezier(.16,1,.3,1) !important;
}
/* Open state. Xootix and the ec-side-cart-skin trigger add xoo-wsc-cart-active
   to .xoo-wsc-modal, body and html; every variant must outrank the hidden rule. */
html body.ec-v6 .xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-container,
html body.ec-v6.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-container,
html.xoo-wsc-cart-active body.ec-v6 .xoo-wsc-modal .xoo-wsc-container{right:0 !important}

html body.ec-v6 .xoo-wsc-modal .xoo-wsc-opac{
  background:rgba(10,10,10,.56) !important;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-loader{background:rgba(255,255,255,.72) !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-loader-icon{color:#0A0A0A !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-basket{display:none !important}

/* Coupon / order-notes sub panel (opens over the drawer) */
html body.ec-v6 .xoo-wsc-slider{
  background:#FFFFFF !important;color:#0A0A0A !important;
  font-family:'Inter',sans-serif !important;font-size:14px !important;
  box-shadow:-30px 0 80px rgba(10,10,10,.22) !important;
}

/* ---------- Header: "Your Cart" + count pill + round close ---------- */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-header{
  flex:0 0 auto !important;
  background:#FFFFFF !important;
  color:#0A0A0A !important;
  border:0 !important;
  padding:26px 24px 22px 32px !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:0 !important;
  background:#FFFFFF !important;
  border:0 !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-section{display:flex !important;align-items:center !important;min-width:0}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-sec-left{gap:12px !important;flex:1 1 auto !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-sec-center{display:none !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-sec-right{flex:none !important;justify-content:flex-end !important;gap:8px !important}

html body.ec-v6 .xoo-wsc-modal .xoo-wsch-text{
  order:1;
  display:block !important;
  margin:0 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:30px !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  line-height:1 !important;
  color:#0A0A0A !important;
  /* The plugin setting reads "Your Cart"; the design says "Your cart". */
  text-transform:lowercase !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-text::first-letter{text-transform:uppercase}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-basket{
  order:2;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:#0A0A0A !important;
  color:#FAFAF8 !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  position:static !important;
  cursor:default !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-basket .xoo-wsch-bki{display:none !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-items-count{
  position:static !important;
  display:inline !important;
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#C9A961 !important;
  font-size:12px !important;
  font-weight:700 !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-items-count::after{content:" in cart";color:#FAFAF8;font-weight:600}

html body.ec-v6 .xoo-wsc-modal .xoo-wsch-close{
  position:static !important;
  width:44px !important;
  height:44px !important;
  flex:none !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #E8E4DC !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  color:#0A0A0A !important;
  font-size:16px !important;
  line-height:1 !important;
  margin:0 !important;
  cursor:pointer !important;
  transition:background .2s ease !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsch-close:hover{background:#F7F5F0 !important;color:#0A0A0A !important}

/* ---------- Body ---------- */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-body{
  flex:1 1 0% !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#FFFFFF !important;
  color:#0A0A0A !important;
  padding:0 32px 24px !important;
  scrollbar-width:thin;
  scrollbar-color:#E8E4DC transparent;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-body::-webkit-scrollbar{width:8px}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-body::-webkit-scrollbar-thumb{background:#E8E4DC;border-radius:4px}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-body::-webkit-scrollbar-track{background:transparent}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-products{display:block !important;padding:0 !important;margin:0 !important}

/* Free-shipping meter (when a plugin prints one inside the drawer) */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-notice,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-fs-text,
html body.ec-v6 .xoo-wsc-modal .ec-fs-cart-notice{
  color:#0A0A0A !important;font-size:14px !important;line-height:1.5 !important;
  padding:0 0 12px !important;margin:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-notice strong,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-fs-text strong,
html body.ec-v6 .xoo-wsc-modal .ec-fs-cart-notice strong{color:#0A0A0A !important;font-weight:700 !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-fs-bar,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-progress-bar,
html body.ec-v6 .xoo-wsc-modal .ec-fs-cart-progress,
html body.ec-v6 .xoo-wsc-modal .v6-cart-meter{
  display:block !important;height:8px !important;border-radius:999px !important;overflow:hidden !important;
  background:#F7F5F0 !important;box-shadow:inset 0 0 0 1px #E8E4DC !important;margin:0 0 22px !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-fs-bar > span,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-progress-bar > span,
html body.ec-v6 .xoo-wsc-modal .ec-fs-cart-progress > span,
html body.ec-v6 .xoo-wsc-modal .v6-cart-meter > span{
  display:block !important;height:100% !important;border-radius:999px !important;
  background:#C9A961 !important;transition:width .4s ease !important;
}

/* ---------- Line items (row pattern) ---------- */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product{
  display:flex !important;
  gap:16px !important;
  align-items:flex-start !important;
  padding:20px 0 !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid #E8E4DC !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#0A0A0A !important;
  opacity:1 !important;
  font-size:14px !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product *{color:#0A0A0A;opacity:1 !important;font-style:normal !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product.xoo-wsc-is-parent{border-bottom:0 !important;padding-bottom:8px !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product.xoo-wsc-is-child{padding-top:8px !important;padding-left:88px !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product.xoo-wsc-is-child .xoo-wsc-img-col{display:none !important}

html body.ec-v6 .xoo-wsc-modal .xoo-wsc-img-col{
  flex:0 0 72px !important;
  width:72px !important;
  height:72px !important;
  align-self:flex-start !important;
  border-radius:16px !important;
  background:#F7F5F0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  margin:0 !important;
  position:relative !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-img-col a{display:block !important;width:100% !important;height:100% !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-img-col img{
  width:100% !important;height:100% !important;max-width:none !important;
  object-fit:contain !important;padding:4px !important;margin:0 !important;background:transparent !important;float:none !important;
}
/* Delete lives in .xoo-wsc-sm-right on this site (scbp-delpos default). */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-img-col .xoo-wsc-smr-del{display:none !important}

html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sum-col{
  flex:1 1 auto !important;
  min-width:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:12px !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sm-info{display:flex !important;gap:12px !important;align-items:stretch !important;justify-content:space-between !important;min-width:0 !important;min-height:72px !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sm-left{flex:1 1 auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;gap:4px !important;row-gap:4px !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sm-right{flex:none !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;justify-content:space-between !important;gap:6px !important;row-gap:6px !important}

html body.ec-v6 .xoo-wsc-modal .xoo-wsc-pname,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-pname a{
  display:block !important;
  font-family:'Inter',sans-serif !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  color:#0A0A0A !important;
  text-decoration:none !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
}

/* Meta lines: "Qty: N", "Price: $x", qty x price, variations, bundle notes */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-price,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sml-qty,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-pprice,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-priceBox,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-cart-meta,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product-variations,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product dl.variation,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product dl.variation dt,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product dl.variation dd,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product dl.variation p{
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:#6B6B6B !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product dl.variation{display:flex !important;flex-wrap:wrap !important;gap:0 6px !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-priceBox{display:flex !important;flex-direction:column !important;gap:4px !important;align-items:flex-start !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-price{display:flex !important;flex-wrap:wrap !important;gap:4px !important;align-items:center !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-price > span{margin:0 !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-price .amount,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-pprice .amount,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-pprice bdi,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-pprice del,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-pprice ins,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-price bdi,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-cart-meta strong,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sml-qty span{color:#6B6B6B !important;font-weight:500 !important;font-size:13px !important;text-decoration:none !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-pprice del{text-decoration:line-through !important}

/* Line total on the right */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-smr-ptotal,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-smr-ptotal .amount,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-smr-ptotal bdi,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-card-ptotal,
html body.ec-v6 .xoo-wsc-modal .xoo-wscp-subtotal{
  font-size:16px !important;
  font-weight:600 !important;
  color:#0A0A0A !important;
  white-space:nowrap !important;
  margin:0 !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sm-right .xoo-wsc-smr-ptotal{order:1}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sm-right .xoo-wsc-psavings{order:2}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sm-right .xoo-wsc-smr-del{order:3;margin-top:auto !important}

/* Savings badge: ink on cream (no green, no gold text on white) */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-psavings,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-psavings *,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-psavlabel{
  color:#0A0A0A !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-psavings{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  background:#F7F5F0 !important;
  border:1px solid #E8E4DC !important;
  border-radius:999px !important;
  padding:4px 8px !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* Remove: the live setting prints a trash icon (icon font ::before);
   v6 shows the word "Remove" as an underlined text link instead. */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-smr-del{
  display:inline-flex !important;
  align-items:center !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 2px !important;
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  color:#6B6B6B !important;
  cursor:pointer !important;
  line-height:1 !important;
  transition:color .15s ease !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-smr-del[class*="xoo-wsc-icon-"]::before{content:none !important;display:none !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-smr-del[class*="xoo-wsc-icon-"]::after{
  content:"Remove";
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1;
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-smr-del.xoo-wsc-del-txt{text-decoration:underline !important;text-underline-offset:3px !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-smr-del:hover{color:#0A0A0A !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-sm-right-tools{display:flex !important;gap:8px !important;align-items:center !important}

/* Quantity stepper: pill with 44px targets (only when scb-update-qty is enabled) */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-box-cont{display:flex !important;align-items:center !important;justify-content:flex-start !important;flex-wrap:wrap !important;gap:12px !important;margin:0 !important;width:100% !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-box-cont > *{margin:0 !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-box{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  max-width:none !important;
  height:44px !important;
  border:1px solid #E8E4DC !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  overflow:hidden !important;
  margin:4px 0 0 !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-box .xoo-wsc-chng{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  line-height:44px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#0A0A0A !important;
  font-size:16px !important;
  font-weight:600 !important;
  cursor:pointer !important;
  user-select:none !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-qty-box .xoo-wsc-chng:hover{background:#F7F5F0 !important}
html body.ec-v6 .xoo-wsc-modal input[type="number"].xoo-wsc-qty{
  width:32px !important;
  min-width:28px !important;
  height:42px !important;
  line-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#0A0A0A !important;
  font-family:'Inter',sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  text-align:center !important;
  box-shadow:none !important;
  outline:none !important;
}

/* ---------- Empty state ---------- */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-cart{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:18px !important;
  padding:24px 8px 40px !important;
  margin:0 !important;
  color:#0A0A0A !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-cart > *{margin:0 !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-cart::before{
  content:"";
  display:block;
  width:184px;
  height:184px;
  margin-bottom:8px;
  border-radius:50%;
  border:1px solid #E8E4DC;
  box-sizing:border-box;
  background:radial-gradient(circle,#F7F5F0 0 77px,transparent 78px);
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-emp-img{display:none !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-emp-txt,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-text,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ec-text{
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:28px !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  line-height:1.1 !important;
  color:#0A0A0A !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-emp-txt::after{
  content:"Every batch is third-party tested, with its certificate of analysis published.";
  display:block;
  margin:18px auto 0;
  max-width:300px;
  font-family:'Inter',sans-serif;
  font-size:15px;
  font-weight:400;
  letter-spacing:0;
  line-height:1.6;
  color:#6B6B6B;
}
/* The plugin prints its "Return to Shop" label (sct-shop-btn); the design reads
   "Shop compounds" with the gold arrow. The original text stays in the DOM for
   assistive tech, collapsed to 0 and replaced visually by the pseudo-elements. */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-cart a.xoo-wsc-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  width:auto !important;
  height:54px !important;
  padding:0 30px !important;
  margin:6px 0 0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#0A0A0A !important;
  color:#FAFAF8 !important;
  font-family:'Inter',sans-serif !important;
  font-size:0 !important;
  line-height:1 !important;
  font-weight:600 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-cart a.xoo-wsc-btn::before{
  content:"Shop compounds";
  font-family:'Inter',sans-serif;
  font-size:15px;
  font-weight:600;
  line-height:1;
  color:#FAFAF8;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-cart a.xoo-wsc-btn::after{
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  flex:none;
  margin-left:10px;
  background-color:#C9A961;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center/contain no-repeat;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-cart a.xoo-wsc-btn:hover{background:#0A0A0A !important;color:#FAFAF8 !important;border:0 !important;box-shadow:0 10px 30px rgba(10,10,10,.18) !important}

/* ---------- Points nudge (ec-cart-points-widgets pill, if it ever renders in the drawer) ---------- */
html body.ec-v6 .xoo-wsc-modal .ec-cpw-pill{
  display:flex !important;align-items:center !important;gap:16px !important;
  margin:20px 0 0 !important;padding:20px 22px !important;border-radius:20px !important;
  background:#0A0A0A !important;color:#FAFAF8 !important;border:0 !important;
}
html body.ec-v6 .xoo-wsc-modal .ec-cpw-pill *{color:#E8E4DC !important}
html body.ec-v6 .xoo-wsc-modal .ec-cpw-pill strong{color:#C9A961 !important;font-weight:700 !important}
html body.ec-v6 .xoo-wsc-modal .ec-cpw-pill a{color:#FAFAF8 !important}
html body.ec-v6 .xoo-wsc-modal .ec-cpw-pill-icon{
  width:44px !important;height:44px !important;flex:none !important;border-radius:50% !important;
  border:1px solid #C9A961 !important;display:grid !important;place-items:center !important;color:#C9A961 !important;
}
html body.ec-v6 .xoo-wsc-modal .ec-cpw-pill-headline{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:15px !important;font-weight:700 !important;color:#FAFAF8 !important;line-height:1.4 !important}
html body.ec-v6 .xoo-wsc-modal .ec-cpw-pill-sub{font-size:13px !important;line-height:1.5 !important}
html body.ec-v6 .xoo-wsc-modal .ec-cpw-pill-mult{display:none !important}

/* Express checkout block (ec-express-checkout-boost, only with WooPayments) */
html body.ec-v6 .xoo-wsc-modal .ec-side-cart-express{margin:0 0 12px !important;padding:0 !important;background:transparent !important}
html body.ec-v6 .xoo-wsc-modal .ec-side-cart-express-label{font-size:12px !important;color:#6B6B6B !important;text-align:center !important;margin:0 0 8px !important}

/* ---------- Footer: totals, checkout pill, continue link ---------- */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-footer{
  flex:0 0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  padding:20px 32px 16px !important;
  background:#FFFFFF !important;
  color:#0A0A0A !important;
  border-top:1px solid #E8E4DC !important;
  box-shadow:0 -12px 30px rgba(10,10,10,.05) !important;
  font-size:14px !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-footer *{color:#0A0A0A;opacity:1 !important;font-style:normal !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-footer a{font-size:14px !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-info-cont{margin:0 !important;padding:0 !important;font-size:13px !important;color:#6B6B6B !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-info-cont:empty{display:none !important}

html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-totals{
  width:100% !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;
  display:flex !important;flex-direction:column !important;gap:6px !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-totals-row{
  display:flex !important;justify-content:space-between !important;align-items:baseline !important;gap:12px !important;
  padding:0 !important;margin:0 !important;border:0 !important;width:auto !important;background:transparent !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-label,
html body.ec-v6 .xoo-wsc-modal span.xoo-wsc-ft-amt-label{font-size:13px !important;font-weight:400 !important;color:#6B6B6B !important;padding:0 !important;flex:1 1 auto !important;text-align:left !important}
html body.ec-v6 .xoo-wsc-modal span.xoo-wsc-ft-amt-label::after{content:none !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-value{text-align:right !important;color:#0A0A0A !important;font-size:13px !important;font-weight:500 !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-value .amount,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-value bdi{color:#0A0A0A !important;font-size:13px !important;font-weight:500 !important}

/* Subtotal: the prominent line from the design */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-subtotal{display:flex !important;margin:0 !important;align-items:baseline !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-subtotal .xoo-wsc-ft-amt-label,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-subtotal span.xoo-wsc-ft-amt-label{font-size:15px !important;font-weight:600 !important;color:#0A0A0A !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-subtotal .xoo-wsc-ft-amt-value,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-subtotal .amount,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-subtotal bdi,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-subt-price,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-subt .amount{
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:24px !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  color:#0A0A0A !important;
}
/* Total (after discounts / shipping estimate): medium weight line */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-total{border-top:1px solid #E8E4DC !important;margin:4px 0 0 !important;padding:8px 0 0 !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-total .xoo-wsc-ft-amt-label,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-total span.xoo-wsc-ft-amt-label{font-size:14px !important;font-weight:600 !important;color:#0A0A0A !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-total .xoo-wsc-ft-amt-value,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-total .amount,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-total bdi{font-size:16px !important;font-weight:700 !important;color:#0A0A0A !important}
/* Savings / discount / tax / shipping / fee rows: quiet */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-shipping,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-shipping *,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-tax,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-tax *,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-fee,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-fee *,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-savings,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-savings *,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-discount,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-discount *{
  font-size:13px !important;font-weight:400 !important;color:#6B6B6B !important;
  background:transparent !important;border:0 !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-savings .xoo-wsc-ft-amt-value,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-savings .xoo-wsc-ft-amt-value *,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-discount .xoo-wsc-ft-amt-value,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-discount .xoo-wsc-ft-amt-value *{color:#0A0A0A !important;font-weight:600 !important}
/* Coupon / order notes toggles */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-coupon,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-amt-order_notes{padding:2px 0 !important}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-toggle-slider,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-toggle-slider *{
  font-size:13px !important;font-weight:600 !important;color:#0A0A0A !important;cursor:pointer !important;
  text-decoration:underline !important;text-underline-offset:3px !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-toggle-slider:hover,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-toggle-slider:hover *{color:#6B6B6B !important}

html body.ec-v6 .xoo-wsc-modal .xoo-wsc-footer-txt,
html body.ec-v6 .xoo-wsc-modal span.xoo-wsc-footer-txt,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-notice,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-tax-notice{
  display:block !important;text-align:left !important;margin:0 !important;padding:0 !important;
  font-size:13px !important;line-height:1.5 !important;font-weight:400 !important;color:#6B6B6B !important;
}

html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-buttons-cont{
  display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:2px !important;
  padding:0 !important;margin:0 !important;background:transparent !important;grid-template-columns:none !important;
}
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-container .xoo-wsc-btn{
  font-family:'Inter',sans-serif !important;
  text-decoration:none !important;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease !important;
}
/* Checkout first, Continue shopping under it (the plugin prints cart, continue, checkout) */
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn-checkout,
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-proceed,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-btn.xoo-wsc-proceed{
  order:1;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
  height:56px !important;
  padding:0 20px !important;
  margin:0 0 12px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#0A0A0A !important;
  color:#FAFAF8 !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  line-height:1 !important;
}
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn-checkout *,
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-proceed *{color:#FAFAF8 !important;font-size:15px !important;font-weight:600 !important}
/* "Checkout · $xx.xx" (scf-chkbtntotal-en prints the amount inside the button) */
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn-checkout .amount::before{content:"\00b7";margin:0 4px 0 2px;color:#FAFAF8}
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn-checkout .amount::after{content:none}
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn-checkout::after,
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-proceed::after{
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  flex:none;
  margin-left:2px;
  background-color:#C9A961;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center/contain no-repeat;
}
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn-checkout:hover,
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-proceed:hover{background:#0A0A0A !important;color:#FAFAF8 !important;border:0 !important;box-shadow:0 10px 30px rgba(10,10,10,.18) !important}

html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn-continue,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-cart-close.xoo-wsc-ft-btn{
  order:2;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  width:auto !important;
  min-height:44px !important;
  padding:0 12px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#0A0A0A !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-decoration:underline !important;
  text-underline-offset:4px !important;
}
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn-continue:hover{background:transparent !important;color:#6B6B6B !important;border:0 !important;box-shadow:none !important}

/* The drawer's own "View cart" link stays hidden (the header pill opens the drawer) */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-btn-cart,
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-cart-page,
html body.ec-v6 .xoo-wsc-modal a.xoo-wsc-ft-btn[href*="cart"]:not([href*="checkout"]){display:none !important}

/* Trust line + RUO line under the buttons (ordered last after the reordered buttons) */
html body.ec-v6 .xoo-wsc-modal .xoo-wsc-ft-buttons-cont::after{
  content:"Third-party tested \00b7 Discreet packaging \A For research use only. Not for human consumption.";
  order:3;
  white-space:pre-line;
  display:block;
  text-align:center;
  margin-top:6px;
  font-size:11px;
  line-height:1.7;
  color:#6B6B6B;
}

/* ---------- Notices popup (added to cart toast) ---------- */
html body.ec-v6 .xoo-wsc-markup-notices{box-shadow:0 24px 64px rgba(10,10,10,.12) !important;border-radius:20px 0 0 20px !important;overflow:hidden !important}
html body.ec-v6 .xoo-wsc-markup-notices ul.xoo-wsc-notices li,
html body.ec-v6 .xoo-wsc-modal ul.xoo-wsc-notices li{background:#FFFFFF !important;color:#0A0A0A !important;border-left:3px solid #C9A961 !important;font-family:'Inter',sans-serif !important;font-size:14px !important}
html body.ec-v6 .xoo-wsc-notice-success,
html body.ec-v6 .xoo-wsc-notice-error{background:#FFFFFF !important;color:#0A0A0A !important;border-color:#C9A961 !important}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-container{transition:none !important}
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-fs-bar > span,
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-progress-bar > span,
  html body.ec-v6 .xoo-wsc-modal .v6-cart-meter > span{transition:none !important}
}

/* ---------- Phone ---------- */
@media (max-width: 480px){
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-container{max-width:100% !important;right:-100% !important}
  html body.ec-v6 .xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-container,
  html body.ec-v6.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-container,
  html.xoo-wsc-cart-active body.ec-v6 .xoo-wsc-modal .xoo-wsc-container{right:0 !important}
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-header{padding:18px 16px 14px 20px !important}
  html body.ec-v6 .xoo-wsc-modal .xoo-wsch-text{font-size:26px !important}
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-body{padding:0 20px 20px !important}
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-footer{padding:16px 20px 14px !important}
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-product.xoo-wsc-is-child{padding-left:0 !important}
  html body.ec-v6 .xoo-wsc-modal .xoo-wsc-empty-cart::before{width:150px;height:150px;background:radial-gradient(circle,#F7F5F0 0 62px,transparent 63px)}
}