.elementor-29667 .elementor-element.elementor-element-53ff13c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-c4f6a89 *//* =========================================================
   ZYTHEX LABS — FINAL PRODUCT PAGE OVERRIDE
   Paste this at the VERY END of your existing CSS.
   It overrides the older Bundle / Countdown / Trust / CTA styles.
========================================================= */



/* ---------- Purchase section ---------- */
.zyx-sp__purchase{margin-top:12px}
.zyx-sp__purchase .single_add_to_cart_button{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  padding:0!important;margin:-1px!important;border:0!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important
}

/* ---------- COA + primary action ---------- */
.zyx-sp__actions-row{
  display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:10px!important;margin:18px 0 25px!important
}
.zyx-sp__coa-btn{
  display:inline-flex!important;min-height:58px!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;padding:0 18px!important;border:1px solid rgba(20,31,72,.12)!important;border-radius:999px!important;
  background:#fff!important;color:#11162d!important;font:750 13px "Manrope",sans-serif!important;text-decoration:none!important
}
.zyx-sp__coa-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.zyx-sp__vial-btn{
  display:flex!important;min-height:58px!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  padding:0 22px!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(115deg,#075ff2,#1a6ff7)!important;color:#fff!important;
  font:750 14px "Manrope",sans-serif!important;letter-spacing:.05em;text-transform:uppercase;
  box-shadow:0 14px 30px rgba(7,95,242,.22)!important;transition:.25s
}
body .zyx-sp button.zyx-sp__vial-btn:hover,
body .zyx-sp button.zyx-sp__vial-btn:focus,
body .zyx-sp button.zyx-sp__vial-btn:active{
  color:#fff!important;background:linear-gradient(115deg,#0657dd,#155fe6)!important;
  transform:translateY(-2px);box-shadow:0 18px 34px rgba(7,95,242,.28)!important
}
.zyx-sp__vial-btn svg,.zyx-sp__vial-btn:hover svg{width:18px;height:18px;fill:none;stroke:#fff!important;stroke-width:1.8}

/* =========================================================
   BUNDLE & SAVE — REFERENCE STYLE
========================================================= */
.zyx-sp .wbdl_widget{width:100%!important;max-width:100%!important;margin:26px 0 22px!important;overflow:visible!important}
.zyx-sp .wbdl_widget .offer-header{margin:0 0 13px!important}
.zyx-sp .wbdl_widget .offer-header::before{
  content:"BUNDLE & SAVE"!important;display:block;color:#747a90;font:800 10px/1 "Manrope",sans-serif;
  letter-spacing:.20em;text-transform:uppercase
}
.zyx-sp .wbdl_widget .quantity-breaks__vertical,
.zyx-sp .wbdl_widget .quantity-breaks__classic{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important;overflow:visible!important
}
.zyx-sp .wbdl_widget .quantity-break{
  position:relative!important;display:flex!important;min-width:0!important;min-height:240px!important;
  align-items:center!important;justify-content:center!important;margin:0!important;padding:28px 10px 16px!important;overflow:visible!important;
  border:1px solid rgba(33,92,243,.16)!important;border-radius:16px!important;background:#fff!important;
  box-shadow:0 8px 26px rgba(31,47,100,.035)!important;transition:.25s!important
}
.zyx-sp .wbdl_widget .quantity-break:hover{
  transform:translateY(-3px)!important;border-color:rgba(33,92,243,.38)!important;box-shadow:0 16px 34px rgba(31,57,130,.08)!important
}
.zyx-sp .wbdl_widget .quantity-break:has(.radio_select:checked){
  border-color:#1763f5!important;background:linear-gradient(145deg,#fff,#f7faff)!important;
  box-shadow:0 0 0 2px rgba(23,99,245,.07),0 16px 34px rgba(23,99,245,.10)!important
}
.zyx-sp .wbdl_widget .quantity-break__wrapper,
.zyx-sp .wbdl_widget .quantity-break__main{
  display:flex!important;width:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:0!important;padding:0!important
}
.zyx-sp .wbdl_widget .quantity-break__content{
  display:flex!important;width:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:0!important;text-align:center!important;padding:0!important
}

/* Hide plugin thumbnail if present; use controlled images below */
.zyx-sp .wbdl_widget .img_thumbnail{display:none!important}
.zyx-sp .wbdl_widget .quantity-break__content::before{
  display:block!important;width:105px!important;height:90px!important;margin:0 auto 12px!important;content:""!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
  filter:drop-shadow(0 8px 12px rgba(36,67,150,.10))
}
.zyx-sp .wbdl_widget .quantity-break[data-qty="1"] .quantity-break__content::before{background-image:var(--zyx-vial-1)!important}
.zyx-sp .wbdl_widget .quantity-break[data-qty="2"] .quantity-break__content::before{background-image:var(--zyx-vial-2)!important}
.zyx-sp .wbdl_widget .quantity-break[data-qty="3"] .quantity-break__content::before{background-image:var(--zyx-vial-3)!important}

.zyx-sp .wbdl_widget .quantity-break__title{
  margin:0 0 7px!important;color:#10152c!important;font:750 15px/1.2 "Manrope",sans-serif!important;
  text-align:center!important;letter-spacing:.02em;text-transform:uppercase!important;white-space:nowrap!important
}
.zyx-sp .wbdl_widget .quantity-break[data-qty="1"] .quantity-break__title,
.zyx-sp .wbdl_widget .quantity-break[data-qty="2"] .quantity-break__title,
.zyx-sp .wbdl_widget .quantity-break[data-qty="3"] .quantity-break__title{font-size:0!important}
.zyx-sp .wbdl_widget .quantity-break[data-qty="1"] .quantity-break__title::after{content:"1 Bottle";font-size:15px}
.zyx-sp .wbdl_widget .quantity-break[data-qty="2"] .quantity-break__title::after{content:"2 Bottles";font-size:15px}
.zyx-sp .wbdl_widget .quantity-break[data-qty="3"] .quantity-break__title::after{content:"3+ Bottles";font-size:15px}

.zyx-sp .wbdl_widget .quantity-break__discount-rule,
.zyx-sp .wbdl_widget .quantity-break>.quantity-break__discount-rule{
  display:block!important;width:auto!important;height:auto!important;margin:0 0 9px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important
}
.zyx-sp .wbdl_widget .quantity-break__discount-rule__content{
  display:block!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  color:#16842d!important;font:800 11px/1.2 "Manrope",sans-serif!important;letter-spacing:.05em;text-transform:uppercase!important
}
.zyx-sp .wbdl_widget .quantity-break[data-discount_value="0"] .quantity-break__discount-rule__content{font-size:0!important;color:#777d91!important}
.zyx-sp .wbdl_widget .quantity-break[data-discount_value="0"] .quantity-break__discount-rule__content::after{
  content:"SINGLE";font-size:10px;color:#777d91
}
.zyx-sp .wbdl_widget .quantity-break__price{
  display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:5px!important;
  width:100%!important;margin:5px 0 13px!important;padding:0!important;text-align:center!important
}
.zyx-sp .wbdl_widget .quantity-break__price .bundle-price{color:#0962f3!important;font:800 16px/1.2 "Manrope",sans-serif!important}
.zyx-sp .wbdl_widget .quantity-break__price .bundle-cprice{color:#8c91a3!important;font-size:11px!important;text-decoration:line-through!important}

.zyx-sp .wbdl_widget .quantity-break__radio{
  position:static!important;display:grid!important;width:32px!important;height:32px!important;place-items:center!important;
  margin:5px auto 0!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important
}
.zyx-sp .wbdl_widget .quantity-break__radio input{
  appearance:none!important;-webkit-appearance:none!important;width:30px!important;height:30px!important;margin:0!important;
  border:2px solid #b7bcc8!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important
}
.zyx-sp .wbdl_widget .quantity-break__radio input:checked{
  border:3px solid #0862f5!important;background:#0862f5!important;box-shadow:inset 0 0 0 6px #fff!important
}
.zyx-sp .wbdl_widget .bundle-message-not-blink,
.zyx-sp .wbdl_widget .bundle-message-blink{
  position:absolute!important;top:-11px!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translateX(-50%)!important;width:auto!important;height:auto!important;max-width:calc(100% - 16px)!important;
  padding:5px 14px!important;border:0!important;border-radius:999px!important;background:#0962f3!important;background-image:none!important;
  color:#fff!important;font:800 8px/1 "Manrope",sans-serif!important;letter-spacing:.07em;text-transform:uppercase!important;
  white-space:nowrap!important;clip-path:none!important;-webkit-clip-path:none!important;box-shadow:0 7px 15px rgba(9,98,243,.20)!important;z-index:8!important
}

/* ---------- Subscribe box ----------
   Reference does not show this. Keep hidden until a real subscriptions plugin is connected. */
.zyx-sp__subscribe{display:none!important}

/* =========================================================
   COUNTDOWN
========================================================= */
.zyx-sp__countdown{
  margin-top:22px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(25,43,95,.11)!important;
  border-radius:16px!important;background:#fff!important;box-shadow:0 8px 25px rgba(28,43,91,.04)!important
}
.zyx-sp__countdown-main{display:grid!important;grid-template-columns:105px 1fr!important;align-items:stretch!important;gap:0!important}
.zyx-sp__countdown-icon{
  display:grid!important;width:auto!important;height:auto!important;min-height:112px!important;place-items:center!important;border-radius:0!important;
  background:linear-gradient(145deg,#f1f6ff,#eaf2ff)!important;color:#0963f5!important
}
.zyx-sp__countdown-icon svg{width:45px!important;height:45px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important}
.zyx-sp__countdown-main>div{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:22px 24px!important}
.zyx-sp__countdown-text{margin:0 0 8px!important;color:#11152b!important;font:700 15px/1.45 "Manrope",sans-serif!important}
.zyx-sp__countdown-timer{color:#0963f5!important;font-variant-numeric:tabular-nums}
.zyx-sp__countdown-sub{margin:0!important;color:#6d758c!important;font:500 10.5px/1.55 "Manrope",sans-serif!important}

/* =========================================================
   4 TRUST BENEFITS
========================================================= */
.zyx-sp__trustbar{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;
  margin:18px 0 0!important;overflow:hidden!important;border:1px solid rgba(25,42,94,.10)!important;
  border-radius:16px!important;background:#fff!important;box-shadow:0 7px 24px rgba(28,43,91,.025)!important
}
.zyx-sp__trustbar-item{
  display:flex!important;min-width:0!important;min-height:108px!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:8px!important;padding:16px 10px!important;text-align:center!important;
  border:0!important;border-left:1px solid rgba(25,42,94,.09)!important;background:#fff!important
}
.zyx-sp__trustbar-item:first-child{border-left:0!important}
.zyx-sp__trustbar-icon{
  display:grid!important;flex:0 0 38px!important;width:38px!important;height:38px!important;place-items:center!important;margin:0 auto!important;
  border-radius:50%!important;background:#eff5ff!important;color:#075ff0!important
}
.zyx-sp__trustbar-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
.zyx-sp__trustbar-item strong{display:block!important;color:#11142a!important;font:800 11px/1.35 "Manrope",sans-serif!important}
.zyx-sp__trustbar-item small{display:block!important;margin-top:2px!important;color:#747b90!important;font:500 9.5px/1.35 "Manrope",sans-serif!important}

/* =========================================================
   FINAL ADD TO CART + PAYMENTS
========================================================= */
.zyx-sp__checkout-panel{
  margin-top:18px!important;padding:22px 24px 20px!important;border:1px solid rgba(28,48,104,.09)!important;
  border-radius:17px!important;background:#fff!important;box-shadow:0 12px 35px rgba(28,43,91,.055)!important
}
.zyx-sp__checkout-main{
  display:grid!important;grid-template-columns:170px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;
  padding-bottom:20px!important;border-bottom:1px solid rgba(24,39,86,.09)!important
}
.zyx-sp__saving-title{display:block!important;color:#12152c!important;font:800 14px/1.3 "Manrope",sans-serif!important}
.zyx-sp__saving-title strong{color:#198529!important;font-size:18px!important}
.zyx-sp__saving-meta{display:block!important;margin-top:5px!important;color:#71788c!important;font:600 12px/1.4 "Manrope",sans-serif!important}
.zyx-sp__final-cart{
  display:flex!important;width:100%!important;min-height:58px!important;align-items:center!important;justify-content:center!important;gap:11px!important;
  padding:0 25px!important;border:0!important;border-radius:11px!important;background:linear-gradient(115deg,#075ff2,#186cf7)!important;
  color:#fff!important;font:750 16px "Manrope",sans-serif!important;cursor:pointer!important;box-shadow:0 13px 25px rgba(7,95,242,.20)!important;transition:.25s!important
}
body .zyx-sp .zyx-sp__final-cart:hover,
body .zyx-sp .zyx-sp__final-cart:focus{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 17px 30px rgba(7,95,242,.27)!important}
.zyx-sp__final-cart svg{width:21px!important;height:21px!important;fill:none!important;stroke:#fff!important;stroke-width:1.7!important}
.zyx-sp__secure-title{
  display:flex!important;width:max-content!important;align-items:center!important;gap:8px!important;margin:17px auto 0!important;
  color:#15182f!important;font:750 12px "Manrope",sans-serif!important
}
.zyx-sp__secure-title svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.zyx-sp__payment-intro{margin:8px 0 14px!important;color:#71788d!important;font:500 11px "Manrope",sans-serif!important;text-align:center!important}
.zyx-sp__payment-methods{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:9px!important}
.zyx-sp__payment-card{
  display:grid!important;width:76px!important;height:43px!important;place-items:center!important;padding:6px!important;
  border:1px solid rgba(24,39,86,.12)!important;border-radius:7px!important;background:#fff!important;color:#182033!important;
  font:800 10px "Manrope",sans-serif!important
}
.zyx-sp__payment-card img{display:block!important;max-width:100%!important;max-height:26px!important;object-fit:contain!important}
.zyx-sp__secure-note{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:16px!important;
  color:#72798d!important;font:600 10px "Manrope",sans-serif!important;text-align:center!important
}
.zyx-sp__secure-note svg{width:15px!important;height:15px!important;fill:none!important;stroke:#1763e9!important;stroke-width:1.6!important}

/* =========================================================
   RESPONSIVE — TABLET
========================================================= */
@media(max-width:1100px){
  .zyx-sp .wbdl_widget .quantity-breaks__vertical,
  .zyx-sp .wbdl_widget .quantity-breaks__classic{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important
  }
  .zyx-sp .wbdl_widget .quantity-break{min-height:220px!important;padding:25px 7px 14px!important}
  .zyx-sp .wbdl_widget .quantity-break__content::before{width:82px!important;height:76px!important}
  .zyx-sp__trustbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */
@media(max-width:767px){
  .zyx-sp__actions-row{grid-template-columns:1fr!important;gap:9px!important;margin-bottom:22px!important}
  .zyx-sp__coa-btn{min-height:50px!important}
  .zyx-sp__vial-btn{min-height:55px!important}

  .zyx-sp .wbdl_widget{margin-top:22px!important}
  .zyx-sp .wbdl_widget .quantity-breaks__vertical,
  .zyx-sp .wbdl_widget .quantity-breaks__classic{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important
  }
  .zyx-sp .wbdl_widget .quantity-break{
    display:flex!important;width:100%!important;min-width:0!important;min-height:200px!important;padding:21px 4px 12px!important;border-radius:12px!important
  }
  .zyx-sp .wbdl_widget .quantity-break__wrapper,
  .zyx-sp .wbdl_widget .quantity-break__main,
  .zyx-sp .wbdl_widget .quantity-break__content{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;
    padding:0!important;text-align:center!important
  }
  .zyx-sp .wbdl_widget .quantity-break__content::before{width:62px!important;height:62px!important;margin-bottom:8px!important}
  .zyx-sp .wbdl_widget .quantity-break__title::after,
  .zyx-sp .wbdl_widget .quantity-break__title{font-size:9.5px!important}
  .zyx-sp .wbdl_widget .quantity-break__discount-rule,
  .zyx-sp .wbdl_widget .quantity-break>.quantity-break__discount-rule{
    width:auto!important;margin:0 0 7px!important;padding:0!important;text-align:center!important
  }
  .zyx-sp .wbdl_widget .quantity-break__discount-rule__content,
  .zyx-sp .wbdl_widget .quantity-break[data-discount_value="0"] .quantity-break__discount-rule__content::after{font-size:7.5px!important}
  .zyx-sp .wbdl_widget .quantity-break__price{justify-content:center!important;margin:4px 0 10px!important}
  .zyx-sp .wbdl_widget .quantity-break__price .bundle-price{font-size:11.5px!important}
  .zyx-sp .wbdl_widget .quantity-break__price .bundle-cprice{font-size:8.5px!important}
  .zyx-sp .wbdl_widget .quantity-break__radio{display:grid!important;width:26px!important;height:26px!important;margin:2px auto 0!important}
  .zyx-sp .wbdl_widget .quantity-break__radio input{width:25px!important;height:25px!important}
  .zyx-sp .wbdl_widget .bundle-message-not-blink,
  .zyx-sp .wbdl_widget .bundle-message-blink{
    top:-8px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;padding:4px 7px!important;font-size:5.7px!important
  }

  .zyx-sp__countdown-main{grid-template-columns:78px 1fr!important}
  .zyx-sp__countdown-icon{min-height:106px!important}
  .zyx-sp__countdown-icon svg{width:34px!important;height:34px!important}
  .zyx-sp__countdown-main>div{padding:17px 13px!important}
  .zyx-sp__countdown-text{font-size:11.5px!important}
  .zyx-sp__countdown-sub{font-size:8.5px!important}

  .zyx-sp__trustbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .zyx-sp__trustbar-item{min-height:92px!important;border-top:1px solid rgba(25,42,94,.09)!important}
  .zyx-sp__trustbar-item:nth-child(odd){border-left:0!important}
  .zyx-sp__trustbar-item:nth-child(-n+2){border-top:0!important}

  .zyx-sp__checkout-panel{padding:18px 13px!important}
  .zyx-sp__checkout-main{grid-template-columns:1fr!important;gap:13px!important;text-align:center!important}
  .zyx-sp__final-cart{min-height:55px!important;font-size:14px!important}
  .zyx-sp__payment-card{width:58px!important;height:37px!important;font-size:8px!important}
}

/* Very small phones */
@media(max-width:390px){
  .zyx-sp .wbdl_widget .quantity-breaks__vertical,
  .zyx-sp .wbdl_widget .quantity-breaks__classic{gap:4px!important}
  .zyx-sp .wbdl_widget .quantity-break{min-height:190px!important}
  .zyx-sp .wbdl_widget .quantity-break__content::before{width:54px!important;height:55px!important}
  .zyx-sp .wbdl_widget .quantity-break[data-qty="1"] .quantity-break__title::after,
  .zyx-sp .wbdl_widget .quantity-break[data-qty="2"] .quantity-break__title::after,
  .zyx-sp .wbdl_widget .quantity-break[data-qty="3"] .quantity-break__title::after{font-size:8.5px!important}
  .zyx-sp__payment-methods{gap:5px!important}
  .zyx-sp__payment-card{width:52px!important}
}


/* =========================================================
   ZYTHEX V3
========================================================= */

/* 1) Keep the desktop product area in a professional two-column layout. */
@media (min-width:1025px){
  .zyx-sp{width:min(100% - 48px,1380px)!important;margin:35px auto 80px!important}
  .zyx-sp__top{
    display:grid!important;
    grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr)!important;
    align-items:start!important;
    gap:42px!important;
    width:100%!important;
    max-width:1380px!important;
    margin:0 auto!important;
    padding:0!important
  }
  .zyx-sp__gallery,.zyx-sp__summary{min-width:0!important;width:100%!important;float:none!important;clear:none!important}
  .zyx-sp__stage{width:100%!important;min-height:620px!important;padding:34px!important;border-radius:22px!important}
  .zyx-sp__main-image{width:100%!important;height:100%!important;max-height:560px!important;object-fit:contain!important}
  .zyx-sp__summary{position:sticky!important;top:24px!important;padding:4px 0!important}
}

/* 2) COA is now the only secondary action; remove the redundant select-size CTA. */
.zyx-sp__actions-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  margin:18px 0!important
}
.zyx-sp__actions-row .zyx-sp__coa-btn{
  flex:0 0 auto!important;
  min-width:112px!important;
  min-height:50px!important;
  justify-content:center!important;
  border:1px solid rgba(20,35,75,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#141a2f!important;
  box-shadow:0 5px 16px rgba(28,45,95,.035)!important
}
.zyx-sp__vial-btn{display:none!important}

/* 3) Zoom control: real icon, strong contrast, no blank white dot. */
.zyx-sp__zoom{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:8!important;
  display:grid!important;
  width:46px!important;
  height:46px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(14,45,110,.12)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;
  color:#1263f4!important;
  box-shadow:0 10px 25px rgba(28,58,130,.12)!important;
  cursor:pointer!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important
}
.zyx-sp__zoom svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:#1263f4!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important
}
.zyx-sp__zoom:hover{
  transform:translateY(-2px)!important;
  background:#1263f4!important;
  color:#fff!important;
  box-shadow:0 13px 28px rgba(18,99,244,.24)!important
}
.zyx-sp__zoom:hover svg{stroke:#fff!important}

/* 4) Lightbox is constrained and centered instead of showing a huge fullscreen image. */
.zyx-sp__lightbox{
  position:fixed!important;
  inset:0!important;
  width:min(92vw,920px)!important;
  height:auto!important;
  max-width:920px!important;
  max-height:88vh!important;
  margin:auto!important;
  padding:28px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(9,17,45,.28)!important
}
.zyx-sp__lightbox::backdrop{background:rgba(7,14,34,.68)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.zyx-sp__lightbox img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(88vh - 56px)!important;
  margin:0 auto!important;
  object-fit:contain!important;
  border-radius:14px!important
}
.zyx-sp__lightbox-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:3!important;
  display:grid!important;
  width:38px!important;
  height:38px!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#10172b!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important
}

/* 5) Savings panel: compact, readable and visually tied to the single Add to Cart action. */
.zyx-sp__checkout-panel{margin-top:18px!important}
.zyx-sp__checkout-main{
  grid-template-columns:145px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important
}
.zyx-sp__saving{min-width:0!important}
.zyx-sp__saving-title{white-space:nowrap!important}
.zyx-sp__saving-title strong{color:#16862e!important}
.zyx-sp__final-cart{min-height:56px!important;color:#fff!important}
.zyx-sp__final-cart:hover,.zyx-sp__final-cart:focus{color:#fff!important}

/* 6) Mobile: one clear CTA, contained zoom/lightbox, no horizontal escape. */
@media (max-width:767px){
  .zyx-sp__actions-row{display:flex!important;width:100%!important;margin:14px 0!important}
  .zyx-sp__actions-row .zyx-sp__coa-btn{width:100%!important;min-width:0!important;min-height:50px!important}
  .zyx-sp__zoom{top:10px!important;right:10px!important;width:40px!important;height:40px!important}
  .zyx-sp__zoom svg{width:18px!important;height:18px!important}
  .zyx-sp__lightbox{width:94vw!important;max-height:84vh!important;padding:18px!important;border-radius:16px!important}
  .zyx-sp__lightbox img{max-height:calc(84vh - 36px)!important;border-radius:11px!important}
  .zyx-sp__checkout-main{grid-template-columns:1fr!important;gap:12px!important;text-align:center!important}
  .zyx-sp__saving{text-align:center!important}
  .zyx-sp__saving-title{white-space:normal!important}
  .zyx-sp__final-cart{width:100%!important;min-height:54px!important}
}
/* =========================================================
   COA + SELECT A VIAL SIZE — CLIENT REFERENCE
========================================================= */

.zyx-sp__actions-row{
    display:flex !important;
    flex-direction:column !important;

    width:100% !important;

    gap:11px !important;

    margin:18px 0 22px !important;
}


/* =========================
   COA BUTTON
========================= */

.zyx-sp__coa-btn{
    position:relative;

    display:flex !important;

    width:100% !important;
    min-height:56px !important;

    align-items:center !important;
    justify-content:center !important;

    gap:10px !important;

    padding:0 52px !important;

    border:1px solid #e0e4ec !important;
    border-radius:999px !important;

    background:#fff !important;

    color:#151a2c !important;

    font-family:"Manrope",sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;

    text-decoration:none !important;

    box-shadow:
        0 4px 14px rgba(25,35,75,.025);

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}


.zyx-sp__coa-btn:hover{
    color:#1765f5 !important;

    border-color:
        rgba(23,101,245,.32) !important;

    transform:translateY(-1px);

    box-shadow:
        0 8px 22px rgba(25,65,150,.07);
}


.zyx-sp__coa-btn > svg:first-child{
    width:18px !important;
    height:18px !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
}


/* arrow on far-right */

.zyx-sp__coa-arrow{
    position:absolute !important;

    top:50% !important;
    right:21px !important;

    width:16px !important;
    height:16px !important;

    transform:translateY(-50%) !important;

    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
}


/* =========================
   SELECT VIAL BUTTON
========================= */

body .zyx-sp button.zyx-sp__vial-btn{
    display:flex !important;

    width:100% !important;
    min-height:60px !important;

    align-items:center !important;
    justify-content:center !important;

    gap:12px !important;

    padding:0 24px !important;

    border:0 !important;
    border-radius:999px !important;

    background:
        linear-gradient(
            110deg,
            #075df1 0%,
            #176cf7 100%
        ) !important;

    color:#fff !important;

    font-family:"Manrope",sans-serif !important;
    font-size:14px !important;
    font-weight:750 !important;

    letter-spacing:.12em !important;
    text-transform:uppercase !important;

    cursor:pointer;

    box-shadow:
        0 13px 28px rgba(8,96,242,.20) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


body .zyx-sp button.zyx-sp__vial-btn:hover,
body .zyx-sp button.zyx-sp__vial-btn:focus,
body .zyx-sp button.zyx-sp__vial-btn:active{
    color:#fff !important;

    background:
        linear-gradient(
            110deg,
            #0758e4 0%,
            #1263e8 100%
        ) !important;

    transform:translateY(-2px);

    box-shadow:
        0 17px 32px rgba(8,96,242,.27) !important;
}


.zyx-sp__vial-btn svg,
.zyx-sp__vial-btn:hover svg,
.zyx-sp__vial-btn:focus svg{
    width:20px !important;
    height:20px !important;

    fill:none !important;

    stroke:#fff !important;
    color:#fff !important;

    stroke-width:1.7 !important;
}


/* Mobile */
@media(max-width:767px){

    .zyx-sp__actions-row{
        gap:10px !important;
        margin:16px 0 21px !important;
    }

    .zyx-sp__coa-btn{
        min-height:54px !important;
        font-size:13px !important;
    }

    body .zyx-sp button.zyx-sp__vial-btn{
        min-height:58px !important;

        font-size:12px !important;

        letter-spacing:.11em !important;
    }

}
/* =========================================================
   ZYTHEX LABS — PREMIUM PRODUCT GALLERY
   Desktop: vertical thumbnails left
   Mobile: horizontal thumbnails below
========================================================= */

.zyx-sp__gallery {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
}


/* MAIN IMAGE STAGE */
.zyx-sp__stage {
    grid-column: 2 !important;
    grid-row: 1 !important;

    position: relative !important;

    width: 100% !important;
    min-height: 640px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    border-radius: 26px !important;

    background:
        linear-gradient(
            145deg,
            #f8fbff 0%,
            #eef5ff 100%
        ) !important;

    box-shadow:
        0 18px 55px rgba(26, 53, 92, .08) !important;
}


/* MAIN IMAGE */
.zyx-sp__main-image {
    width: 100% !important;
    height: 640px !important;

    display: block !important;

    object-fit: contain !important;

    border-radius: 26px !important;

    transition:
        opacity .25s ease,
        transform .25s ease !important;
}


.zyx-sp__main-image.is-changing {
    opacity: .35 !important;
    transform: scale(.985) !important;
}


/* =========================================================
   THUMBNAILS — DESKTOP
========================================================= */

.zyx-sp__thumbs {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 12px !important;

    width: 78px !important;

    max-height: 640px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding: 2px 4px 2px 0 !important;

    scrollbar-width: thin !important;
}


.zyx-sp__thumb {
    flex: 0 0 auto !important;

    width: 72px !important;
    height: 72px !important;

    margin: 0 !important;
    padding: 4px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border:
        1px solid #dfe7f2 !important;

    border-radius: 14px !important;

    background: #fff !important;

    cursor: pointer !important;

    overflow: hidden !important;

    opacity: .72 !important;

    box-shadow:
        0 5px 14px rgba(26, 53, 92, .05) !important;

    transition:
        border-color .2s ease,
        opacity .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


.zyx-sp__thumb:hover {
    opacity: 1 !important;

    transform:
        translateY(-1px) !important;

    border-color:
        #6fa3ff !important;

    box-shadow:
        0 8px 18px rgba(31, 102, 230, .12) !important;
}


.zyx-sp__thumb.is-active {
    opacity: 1 !important;

    border:
        2px solid #1d6cf2 !important;

    box-shadow:
        0 0 0 3px rgba(29, 108, 242, .10) !important;
}


.zyx-sp__thumb img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: contain !important;

    border-radius: 9px !important;
}


/* =========================================================
   ZOOM BUTTON
========================================================= */

.zyx-sp__zoom {
    position: absolute !important;

    top: 20px !important;
    right: 20px !important;

    z-index: 5 !important;

    width: 50px !important;
    height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(28, 63, 112, .10) !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.94) !important;

    color: #1768ed !important;

    box-shadow:
        0 8px 24px rgba(26, 53, 92, .10) !important;

    backdrop-filter: blur(8px) !important;

    cursor: pointer !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .zyx-sp__gallery {
        grid-template-columns:
            64px minmax(0, 1fr) !important;

        gap: 12px !important;
    }


    .zyx-sp__stage {
        min-height: 520px !important;
    }


    .zyx-sp__main-image {
        height: 520px !important;
    }


    .zyx-sp__thumbs {
        width: 64px !important;
        max-height: 520px !important;
    }


    .zyx-sp__thumb {
        width: 60px !important;
        height: 60px !important;
        border-radius: 11px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .zyx-sp__gallery {
        display: flex !important;
        flex-direction: column !important;

        gap: 12px !important;

        width: 100% !important;
    }


    .zyx-sp__stage {
        order: 1 !important;

        width: 100% !important;

        min-height: 0 !important;

        aspect-ratio: 1 / 1 !important;

        border-radius: 20px !important;
    }


    .zyx-sp__main-image {
        width: 100% !important;

        height: 100% !important;

        aspect-ratio: 1 / 1 !important;

        object-fit: contain !important;

        border-radius: 20px !important;
    }


    .zyx-sp__thumbs {
        order: 2 !important;

        display: flex !important;
        flex-direction: row !important;

        width: 100% !important;
        max-width: 100% !important;

        max-height: none !important;

        gap: 9px !important;

        padding: 2px 2px 6px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type:
            x proximity !important;

        -webkit-overflow-scrolling:
            touch !important;

        scrollbar-width:
            none !important;
    }


    .zyx-sp__thumbs::-webkit-scrollbar {
        display: none !important;
    }


    .zyx-sp__thumb {
        flex:
            0 0 66px !important;

        width: 66px !important;
        height: 66px !important;

        scroll-snap-align:
            start !important;

        border-radius: 12px !important;
    }


    .zyx-sp__zoom {
        top: 14px !important;
        right: 14px !important;

        width: 44px !important;
        height: 44px !important;
    }
  /* ============================================================
   ZYTHEX LABS
   FINAL PREMIUM BUNDLE CARDS
   REPLACE previous Premium Bundle Image Display CSS
============================================================ */


/* ============================================================
   GENERAL
============================================================ */

body.single-product .zyx-sp .wbdl_widget {
    width: 100% !important;
    max-width: 100% !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break {

    position: relative !important;
    overflow: visible !important;

    border:
        1px solid rgba(30, 103, 235, .18) !important;

    border-radius:
        20px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafdff 100%
        ) !important;

    box-shadow:
        0 12px 32px
        rgba(23, 60, 120, .07) !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break:hover {

    transform:
        translateY(-3px) !important;

    border-color:
        rgba(20, 108, 246, .45) !important;

    box-shadow:
        0 18px 42px
        rgba(23, 72, 150, .12) !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break:has(.radio_select:checked) {

    border:
        1.5px solid #126cf4 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f7faff
        ) !important;

    box-shadow:
        0 15px 38px
        rgba(18, 108, 244, .13) !important;
}



/* ============================================================
   INNER STRUCTURE
============================================================ */

body.single-product .zyx-sp .wbdl_widget
.quantity-break__wrapper {

    width:
        100% !important;

    height:
        100% !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break__main {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break__content {

    width:
        100% !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    text-align:
        center !important;

    gap:
        4px !important;
}



/* ============================================================
   DESKTOP
============================================================ */

@media (min-width: 1101px) {

    body.single-product .zyx-sp .wbdl_widget
    .quantity-breaks__vertical {

        display:
            grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            14px !important;
    }


    body.single-product .zyx-sp .wbdl_widget
    .quantity-break {

        min-height:
            355px !important;

        padding:
            24px 14px 20px !important;

        border-radius:
            20px !important;
    }


    /* ========================================================
       DEFAULT BUNDLE IMAGE
    ======================================================== */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        content:
            "" !important;

        display:
            block !important;

        width:
            160px !important;

        height:
            155px !important;

        min-width:
            160px !important;

        min-height:
            155px !important;

        flex:
            0 0 155px !important;

        margin:
            18px auto 14px !important;

        background-image:
            var(--zyx-current-bundle-image) !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center !important;

        background-size:
            contain !important;

        opacity:
            1 !important;

        visibility:
            visible !important;

        filter:
            drop-shadow(
                0 10px 14px
                rgba(16, 65, 135, .14)
            ) !important;
    }



    /* ========================================================
       1 BOTTLE
       Extra zoom because source PNG has more blank space
    ======================================================== */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="1"]
    .quantity-break__content::before {

        width:
            175px !important;

        height:
            160px !important;

        min-width:
            175px !important;

        min-height:
            160px !important;

        flex-basis:
            160px !important;

        background-size:
            155% auto !important;

        background-position:
            center center !important;
    }



    /* 2 Bottles */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="2"]
    .quantity-break__content::before {

        width:
            180px !important;

        height:
            155px !important;

        min-width:
            180px !important;

        background-size:
            118% auto !important;
    }



    /* 3+ Bottles */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="3"]
    .quantity-break__content::before {

        width:
            190px !important;

        height:
            155px !important;

        min-width:
            190px !important;

        background-size:
            112% auto !important;
    }

}



/* ============================================================
   TITLES / PRICES
============================================================ */

body.single-product .zyx-sp .wbdl_widget
.quantity-break__title {

    margin:
        3px 0 0 !important;

    color:
        #111827 !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-align:
        center !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break__price {

    width:
        100% !important;

    margin:
        7px 0 0 !important;

    display:
        flex !important;

    justify-content:
        center !important;

    align-items:
        center !important;

    text-align:
        center !important;
}


body.single-product .zyx-sp .wbdl_widget
.bundle-price {

    color:
        #126cf4 !important;

    font-size:
        16px !important;

    font-weight:
        800 !important;
}


body.single-product .zyx-sp .wbdl_widget
.bundle-cprice {

    color:
        #969cab !important;

    font-size:
        13px !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break__discount-rule {

    width:
        100% !important;

    margin:
        4px 0 0 !important;

    color:
        #16a34a !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    text-align:
        center !important;
}



/* ============================================================
   RADIO
============================================================ */

body.single-product .zyx-sp .wbdl_widget
.quantity-break__radio {

    position:
        relative !important;

    top:
        auto !important;

    right:
        auto !important;

    left:
        auto !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    margin:
        0 auto !important;

    z-index:
        4 !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break__radio input {

    width:
        25px !important;

    height:
        25px !important;

    accent-color:
        #126cf4 !important;
}



/* ============================================================
   MOST POPULAR / BEST VALUE
============================================================ */

body.single-product .zyx-sp .wbdl_widget
.bundle-message-not-blink,

body.single-product .zyx-sp .wbdl_widget
.bundle-message-blink {

    position:
        absolute !important;

    top:
        -12px !important;

    left:
        50% !important;

    right:
        auto !important;

    transform:
        translateX(-50%) !important;

    width:
        auto !important;

    max-width:
        calc(100% - 24px) !important;

    padding:
        6px 17px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            135deg,
            #126cf4,
            #0757d5
        ) !important;

    background-image:
        none !important;

    color:
        #ffffff !important;

    font-size:
        9px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    box-shadow:
        0 7px 18px
        rgba(18, 108, 244, .24) !important;

    z-index:
        20 !important;
}



/* ============================================================
   IMAGE NOT UPLOADED
============================================================ */

body.single-product .zyx-sp .wbdl_widget
.quantity-break.zyx-no-bundle-image
.quantity-break__content::before {

    content:
        none !important;

    display:
        none !important;

    width:
        0 !important;

    height:
        0 !important;

    min-width:
        0 !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    background-image:
        none !important;
}


body.single-product .zyx-sp .wbdl_widget
.quantity-break.zyx-no-bundle-image
.img_thumbnail {

    display:
        none !important;
}



/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 768px) {

    body.single-product .zyx-sp .wbdl_widget
    .quantity-breaks__vertical,

    body.single-product .zyx-sp .wbdl_widget
    .quantity-breaks__classic {

        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            12px !important;

        width:
            100% !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .quantity-break {

        width:
            100% !important;

        min-height:
            245px !important;

        padding:
            17px 16px 16px !important;

        border-radius:
            17px !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .quantity-break__wrapper {

        width:
            100% !important;

        padding:
            0 !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .quantity-break__main {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        gap:
            0 !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .quantity-break__content {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        text-align:
            center !important;
    }



    /* ========================================================
       MOBILE DEFAULT IMAGE
    ======================================================== */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        content:
            "" !important;

        display:
            block !important;

        width:
            150px !important;

        height:
            135px !important;

        min-width:
            150px !important;

        min-height:
            135px !important;

        flex:
            0 0 135px !important;

        margin:
            10px auto 9px !important;

        background-image:
            var(--zyx-current-bundle-image) !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center center !important;

        background-size:
            contain !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        filter:
            drop-shadow(
                0 8px 12px
                rgba(23, 70, 145, .13)
            ) !important;
    }



    /* ========================================================
       MOBILE 1 BOTTLE
       Much bigger than before
    ======================================================== */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="1"]
    .quantity-break__content::before {

        width:
            165px !important;

        height:
            145px !important;

        min-width:
            165px !important;

        min-height:
            145px !important;

        flex-basis:
            145px !important;

        /*
         * Actual vial is zoomed because PNG
         * contains extra transparent/white canvas.
         */

        background-size:
            165% auto !important;

        background-position:
            center center !important;
    }



    /* Mobile 2 Bottles */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="2"]
    .quantity-break__content::before {

        width:
            175px !important;

        height:
            135px !important;

        min-width:
            175px !important;

        background-size:
            120% auto !important;
    }



    /* Mobile 3+ Bottles */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="3"]
    .quantity-break__content::before {

        width:
            190px !important;

        height:
            135px !important;

        min-width:
            190px !important;

        background-size:
            113% auto !important;
    }



    /* Mobile title */

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break__title {

        margin:
            1px 0 0 !important;

        font-size:
            14px !important;

        text-align:
            center !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .quantity-break__price {

        width:
            100% !important;

        margin:
            5px 0 0 !important;

        justify-content:
            center !important;

        text-align:
            center !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .quantity-break__discount-rule {

        width:
            100% !important;

        margin:
            4px 0 0 !important;

        text-align:
            center !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .quantity-break__radio {

        position:
            relative !important;

        top:
            auto !important;

        right:
            auto !important;

        left:
            auto !important;

        width:
            100% !important;

        display:
            flex !important;

        justify-content:
            center !important;

        margin:
            0 !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .quantity-break__radio input {

        width:
            23px !important;

        height:
            23px !important;
    }



    body.single-product .zyx-sp .wbdl_widget
    .bundle-message-not-blink,

    body.single-product .zyx-sp .wbdl_widget
    .bundle-message-blink {

        top:
            -8px !important;

        left:
            50% !important;

        right:
            auto !important;

        transform:
            translateX(-50%) !important;

        padding:
            5px 13px !important;

        font-size:
            8px !important;
    }

}



/* ============================================================
   SMALL MOBILE
   Do NOT reduce bottle image back to 95px.
============================================================ */

@media (max-width: 390px) {

    body.single-product .zyx-sp .wbdl_widget
    .quantity-break {

        min-height:
            230px !important;
    }


    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="1"]
    .quantity-break__content::before {

        width:
            150px !important;

        height:
            135px !important;

        min-width:
            150px !important;

        min-height:
            135px !important;

        flex-basis:
            135px !important;

        background-size:
            165% auto !important;
    }


    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="2"]
    .quantity-break__content::before {

        width:
            160px !important;

        min-width:
            160px !important;
    }


    body.single-product .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="3"]
    .quantity-break__content::before {

        width:
            178px !important;

        min-width:
            178px !important;
    }

}  
/* =========================================================
   ZYTHEX LABS
   FINAL BUNDLE IMAGE SIZE REFINEMENT
   Append at VERY END of current bundle CSS
========================================================= */


/* =========================================================
   DESKTOP — slightly larger, cleaner, premium
========================================================= */

@media (min-width: 1101px) {

    .zyx-sp .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        width: 100% !important;
        max-width: 205px !important;

        height: 170px !important;
        min-height: 170px !important;

        flex: 0 0 170px !important;

        margin: 10px auto 12px !important;

        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: contain !important;

        border-radius: 16px !important;

        filter:
            drop-shadow(
                0 10px 15px rgba(25, 62, 135, .12)
            ) !important;
    }


    /* 1 Bottle */

    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="1"]
    .quantity-break__content::before {

        width: 155px !important;
        max-width: 155px !important;

        height: 175px !important;
        min-height: 175px !important;

        flex-basis: 175px !important;

        background-size: contain !important;

        border-radius: 15px !important;
    }


    /* 2 Bottles */

    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="2"]
    .quantity-break__content::before {

        width: 195px !important;
        max-width: 195px !important;

        height: 170px !important;

        background-size: contain !important;

        border-radius: 15px !important;
    }


    /* 3+ Bottles */

    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="3"]
    .quantity-break__content::before {

        width: 215px !important;
        max-width: 215px !important;

        height: 170px !important;

        background-size: contain !important;

        border-radius: 15px !important;
    }


    /* Premium cards */

    .zyx-sp .wbdl_widget .quantity-break {

        border-radius: 20px !important;

        border:
            1px solid rgba(24, 100, 235, .17) !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #ffffff 72%,
                #f7faff 100%
            ) !important;

        box-shadow:
            0 12px 30px rgba(27, 61, 126, .07) !important;
    }

}



/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1100px) {

    .zyx-sp .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        height: 135px !important;
        min-height: 135px !important;

        flex-basis: 135px !important;

        background-size: contain !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="1"]
    .quantity-break__content::before {

        width: 125px !important;
        max-width: 125px !important;

        height: 140px !important;
        min-height: 140px !important;

        flex-basis: 140px !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="2"]
    .quantity-break__content::before {

        max-width: 160px !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="3"]
    .quantity-break__content::before {

        max-width: 175px !important;
    }

}



/* =========================================================
   MOBILE
   Reference-like 3 cards side-by-side
========================================================= */

@media (max-width: 767px) {

    .zyx-sp .wbdl_widget
    .quantity-breaks__vertical,

    .zyx-sp .wbdl_widget
    .quantity-breaks__classic {

        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 6px !important;

        width: 100% !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break {

        min-height: 260px !important;

        padding:
            15px 4px 12px !important;

        border-radius: 14px !important;

        background:
            linear-gradient(
                180deg,
                #fff 0%,
                #fff 70%,
                #f9fbff 100%
            ) !important;

        box-shadow:
            0 6px 18px rgba(25, 62, 130, .055) !important;
    }


    /* ---------------------------------------------------------
       Default mobile image
    --------------------------------------------------------- */

    .zyx-sp .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        width: 100% !important;
        max-width: 100% !important;

        height: 96px !important;
        min-height: 96px !important;

        flex: 0 0 96px !important;

        margin:
            8px auto 6px !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center center !important;

        background-size:
            contain !important;

        border-radius: 10px !important;

        filter:
            drop-shadow(
                0 5px 8px rgba(23, 60, 125, .08)
            ) !important;
    }


    /* =====================================================
       1 BOTTLE — FIX
       Smaller and balanced so it no longer looks oversized
       or vertically cut.
    ===================================================== */

    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="1"]
    .quantity-break__content::before {

        width: 82% !important;
        max-width: 82% !important;

        height: 105px !important;
        min-height: 105px !important;

        flex-basis: 105px !important;

        margin:
            9px auto 5px !important;

        background-size:
            contain !important;

        background-position:
            center center !important;
    }


    /* 2 Bottles */

    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="2"]
    .quantity-break__content::before {

        width: 100% !important;
        max-width: 100% !important;

        height: 96px !important;

        background-size:
            contain !important;
    }


    /* 3+ Bottles */

    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="3"]
    .quantity-break__content::before {

        width: 100% !important;
        max-width: 100% !important;

        height: 96px !important;

        background-size:
            contain !important;
    }


    /* Titles compact like reference */

    .zyx-sp .wbdl_widget
    .quantity-break__title {

        margin:
            2px 0 3px !important;

        font-size:
            9.5px !important;

        line-height:
            1.15 !important;

        text-align:
            center !important;

        white-space:
            nowrap !important;
    }


    /* Price */

    .zyx-sp .wbdl_widget
    .quantity-break__price {

        margin:
            4px 0 5px !important;

        gap:
            2px !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break__price .bundle-price {

        font-size:
            11.5px !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break__price .bundle-cprice {

        font-size:
            8px !important;
    }


    /* Discount */

    .zyx-sp .wbdl_widget
    .quantity-break__discount-rule__content {

        font-size:
            7px !important;
    }


    /* Radio */

    .zyx-sp .wbdl_widget
    .quantity-break__radio {

        margin:
            7px auto 0 !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break__radio input {

        width:
            23px !important;

        height:
            23px !important;
    }


    /* Badges */

    .zyx-sp .wbdl_widget
    .bundle-message-not-blink,

    .zyx-sp .wbdl_widget
    .bundle-message-blink {

        top:
            -7px !important;

        padding:
            4px 7px !important;

        font-size:
            5.7px !important;

        border-radius:
            999px !important;
    }

}



/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .zyx-sp .wbdl_widget
    .quantity-break {

        min-height:
            245px !important;

        padding:
            14px 3px 10px !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        height:
            88px !important;

        min-height:
            88px !important;

        flex-basis:
            88px !important;
    }


    .zyx-sp .wbdl_widget
    .quantity-break[data-zyx-tier="1"]
    .quantity-break__content::before {

        width:
            80% !important;

        max-width:
            80% !important;

        height:
            96px !important;

        min-height:
            96px !important;

        flex-basis:
            96px !important;

        background-size:
            contain !important;
    }

}
/* ============================================================
   ZYTHEX LABS
   FINAL 1-BOTTLE MOBILE FIX
   IMPORTANT: Paste at ABSOLUTE END of CSS file
============================================================ */


/* ============================================================
   MOBILE
   Fix 1-bottle cropping permanently
============================================================ */

@media (max-width: 767px) {

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break[data-zyx-tier="1"].zyx-has-bundle-image
    .quantity-break__content::before {

        content: "" !important;
        display: block !important;

        /*
         * Give the complete vial enough room.
         */
        width: 100% !important;
        max-width: 118px !important;

        height: 125px !important;
        min-height: 125px !important;

        flex: 0 0 125px !important;
        flex-basis: 125px !important;

        margin: 8px auto 6px !important;
        padding: 0 !important;

        background-image:
            var(--zyx-current-bundle-image) !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center center !important;

        /*
         * CRITICAL:
         * Override old 165% zoom.
         * Full bottle, cap and bottom remain visible.
         */
        background-size:
            contain !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        border-radius:
            12px !important;

        filter:
            drop-shadow(
                0 6px 9px
                rgba(20, 59, 128, 0.10)
            ) !important;
    }


    /*
     * Make sure generic bundle-image rules
     * cannot zoom the single bottle again.
     */
    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break[data-zyx-tier="1"]
    .quantity-break__content::before {

        background-size:
            contain !important;

        background-position:
            center center !important;
    }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 390px) {

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break[data-zyx-tier="1"].zyx-has-bundle-image
    .quantity-break__content::before {

        width:
            100% !important;

        max-width:
            110px !important;

        height:
            118px !important;

        min-height:
            118px !important;

        flex:
            0 0 118px !important;

        background-size:
            contain !important;
    }

}


/* ============================================================
   DESKTOP
   Slightly larger premium bundle images
============================================================ */

@media (min-width: 1101px) {

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        background-repeat:
            no-repeat !important;

        background-position:
            center center !important;

        background-size:
            contain !important;

        border-radius:
            15px !important;

        filter:
            drop-shadow(
                0 10px 15px
                rgba(22, 60, 132, 0.12)
            ) !important;
    }


    /* 1 Bottle */

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break[data-zyx-tier="1"].zyx-has-bundle-image
    .quantity-break__content::before {

        width:
            165px !important;

        max-width:
            165px !important;

        height:
            180px !important;

        min-height:
            180px !important;

        flex:
            0 0 180px !important;

        background-size:
            contain !important;
    }


    /* 2 Bottles */

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break[data-zyx-tier="2"].zyx-has-bundle-image
    .quantity-break__content::before {

        width:
            200px !important;

        max-width:
            200px !important;

        height:
            175px !important;

        min-height:
            175px !important;

        flex:
            0 0 175px !important;

        background-size:
            contain !important;
    }


    /* 3+ Bottles */

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break[data-zyx-tier="3"].zyx-has-bundle-image
    .quantity-break__content::before {

        width:
            220px !important;

        max-width:
            220px !important;

        height:
            175px !important;

        min-height:
            175px !important;

        flex:
            0 0 175px !important;

        background-size:
            contain !important;
    }


    /* Slight premium refinement to cards */

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break {

        border-radius:
            20px !important;

        border:
            1px solid
            rgba(18, 102, 245, 0.16) !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #ffffff 70%,
                #f8fbff 100%
            ) !important;

        box-shadow:
            0 12px 32px
            rgba(24, 61, 128, 0.065) !important;
    }

}
/* ============================================================
   ZYTHEX LABS
   MATCH BUNDLE IMAGE BACKGROUND WITH CARD
   CSS ONLY — Mobile + Desktop
============================================================ */


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break {

        /* Same white as uploaded bundle images */
        background: #ffffff !important;
        background-color: #ffffff !important;

        border:
            1px solid rgba(18, 102, 245, 0.16) !important;

        border-radius:
            16px !important;

        box-shadow:
            0 7px 22px rgba(22, 60, 125, 0.055) !important;

        overflow:
            visible !important;
    }


    /* Inner areas must also remain exactly white */

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break__wrapper,

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break__main,

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break__content {

        background:
            #ffffff !important;

        background-color:
            #ffffff !important;
    }


    /* Product image canvas */

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        background-color:
            #ffffff !important;

        border:
            0 !important;

        outline:
            0 !important;

        box-shadow:
            none !important;

        border-radius:
            12px !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center center !important;

        background-size:
            contain !important;
    }


    /* Remove backgrounds from any plugin thumbnail wrappers */

    body.single-product
    .zyx-sp
    .wbdl_widget
    .img_thumbnail,

    body.single-product
    .zyx-sp
    .wbdl_widget
    .img_thumbnail img {

        background:
            #ffffff !important;

        background-color:
            #ffffff !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }

}


/* ============================================================
   DESKTOP
   Same seamless treatment
============================================================ */

@media (min-width: 768px) {

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break {

        background:
            #ffffff !important;

        background-color:
            #ffffff !important;

        border:
            1px solid rgba(18, 102, 245, 0.15) !important;

        border-radius:
            20px !important;

        box-shadow:
            0 10px 30px rgba(25, 60, 125, 0.055) !important;
    }


    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break__wrapper,

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break__main,

    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break__content {

        background:
            #ffffff !important;

        background-color:
            #ffffff !important;
    }


    body.single-product
    .zyx-sp
    .wbdl_widget
    .quantity-break.zyx-has-bundle-image
    .quantity-break__content::before {

        background-color:
            #ffffff !important;

        border:
            0 !important;

        outline:
            0 !important;

        box-shadow:
            none !important;

        border-radius:
            14px !important;
    }

}


/* ============================================================
   SELECTED CARD
   Keep premium blue state without changing image background
============================================================ */

body.single-product
.zyx-sp
.wbdl_widget
.quantity-break:has(.radio_select:checked) {

    background:
        #ffffff !important;

    border-color:
        #126cf4 !important;

    box-shadow:
        0 0 0 3px rgba(18, 108, 244, 0.055),
        0 13px 30px rgba(18, 108, 244, 0.10) !important;
}/* End custom CSS */