@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.heliapeptides.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.heliapeptides.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.heliapeptides.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.heliapeptides.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.heliapeptides.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.heliapeptides.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.heliapeptides.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.heliapeptides.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.heliapeptides.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Libre Baskerville", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Libre Baskerville", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(114,114,114);
	--wd-alternative-color: rgb(30,188,35);
	--btn-default-bgcolor: rgb(17,17,17);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #111111;
	--btn-accented-bgcolor-hover: rgb(255,255,255);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	background-color: rgb(13,31,60);
	background-image: none;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(13,31,60);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Lato-700", Arial, Helvetica, sans-serif;
	font-weight: 600;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: rgb(255,255,255);
}

}
/* ATC button */
.btn-buy, .single_add_to_cart_button,
button.alt, .wd-add-btn {
  background-color: #2563EB !important;
  border-color: #2563EB !important;
  color: #ffffff !important;
}
.btn-buy:hover, .single_add_to_cart_button:hover {
  background-color: #1d4ed8 !important;
}
/* Sticky ATC button */
.woodmart-sticky-atc,
.woodmart-sticky-atc .button,
.woodmart-sticky-atc a.button {
  background-color: #2563EB !important;
  border-color: #2563EB !important;
}
/* Swatches */
.wd-swatch-text, .swatch-text,
span.wd-swatch.wd-swatch-text {
  border: 1.5px solid #d1d5db !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0D1F3C !important;
  background: #ffffff !important;
}
.wd-swatch-text:hover, .swatch-text:hover {
  border-color: #2563EB !important;
  color: #2563EB !important;
}
.wd-swatch-text.wd-active, .swatch-text.selected,
.wd-swatch.selected .wd-swatch-text {
  background-color: #0D1F3C !important;
  border-color: #0D1F3C !important;
  color: #ffffff !important;
}
/* Hide brands bar */
.wd-brands-section, .brands-carousel-wrap,
.woodmart-brands-logos, .whb-brands-section {
  display: none !important;
}
/* Fix double logo */
.navbar-logo .logo-2,
.main-logo .logo-2 {
  display: none !important;
}
/* Hide Package and Dosage labels */
.variations .label,
.variations td.label,
.variations th.label {
  display: none !important;
}
/* Remove Compare and Wishlist links */
.woodmart-wishlist-btn, .woodmart-compare-btn,
.wd-wishlist-btn, .wd-compare-btn,
.compare-btn, .add-to-wishlist-btn,
a.add_to_wishlist, .yith-wcwl-add-to-wishlist {
  display: none !important;
}
/* Hide language and currency switchers */
.woodmart-language-switcher, .woodmart-currency-switcher,
.wpml-ls, .wpml-ls-statics-shortcode_actions,
.wcml-cs-wrapper, .woocommerce-currency-switcher-form,
.wd-header-lang, .wd-header-currency {
  display: none !important;
}
/* Shop page title color */
.page-title-text,
.woocommerce-products-header__title,
.page-title h1,
.shop-page-title {
  color: #0D1F3C !important;
}
/* Hide toolbar elements */
.woocommerce-ordering { display: none !important; }
.wd-show-per-row { display: none !important; }
.wd-toolbar { display: none !important; }
/* Site content top padding */
.site-content,
.woocommerce-page .site-content,
.whb-header-bottom ~ .site-content,
.wd-header-bottom ~ * {
  padding-top: 80px !important;
}
.woocommerce-page .wd-sidebar,
.woocommerce .wd-sidebar,
.woocommerce-page aside.sidebar,
.woocommerce aside.sidebar {
  padding-top: 80px !important;
}
/* Hero full width */
.helia-hero {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
/* WooCommerce page spacing resets */
.woocommerce.archive .site-main,
.woocommerce-page .site-main,
.woocommerce .site-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.woocommerce.archive .content-area,
.woocommerce-page .content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* All WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
a.button, button.button,
.btn-add, .wd-add-btn a, .wd-add-btn button,
.product_type_variable, .add_to_cart_button,
.woocommerce ul.products li.product .button {
  background-color: #2563EB !important;
  background: #2563EB !important;
  border-color: #2563EB !important;
  color: #ffffff !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.product_type_variable:hover,
.add_to_cart_button:hover {
  background-color: #1d4ed8 !important;
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
}
/* Checkout buttons */
.woocommerce #payment #place_order,
#place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.checkout-button {
  background-color: #2563EB !important;
  background: #2563EB !important;
  border-color: #2563EB !important;
  color: #ffffff !important;
}
.woocommerce #payment #place_order:hover,
#place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.checkout-button:hover {
  background-color: #1d4ed8 !important;
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
}
/* Cart page */
.woocommerce-cart .site-footer,
.woocommerce-cart footer,
body.woocommerce-cart {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* Page title colors */
.woocommerce-cart .entry-header h1,
.woocommerce-cart .page-title,
.cart-page .page-title,
body.woocommerce-cart h1,
.woocommerce-cart .whb-page-title h1,
.woocommerce-checkout .whb-page-title h1,
.woocommerce-order-received .whb-page-title h1,
.whb-page-title h1, .whb-page-title h2,
.page-title-text h1, .wd-page-title h1,
.wd-page-title span {
  color: #0D1F3C !important;
}
/* Hide product tabs */
.woocommerce-tabs, .wd-tabs,
.woodmart-wc-tabs,
.woocommerce-product-details__short-description ~ .woocommerce-tabs {
  display: none !important;
}
/* Header nav link colors */
.whb-header .nav-link,
.whb-header .navigation-style-linked > li > a,
.whb-header .main-nav .nav-link,
.whb-header ul.menu > li > a,
.whb-header .whb-navigation a,
.main-nav > ul > li > a {
  color: #0D1F3C !important;
}
.whb-header .nav-link:hover,
.whb-header ul.menu > li > a:hover,
.main-nav > ul > li > a:hover {
  color: #2563EB !important;
}
/* Header icon colors */
.whb-header .woodmart-cart-amount,
.whb-header .cart-amount,
.whb-header .shopping-cart-widget .cart-subtotal,
.whb-header .woodmart-cart-count,
.whb-header .cart-count,
.whb-header .wd-header-cart .amount,
.whb-header .wd-header-cart span,
.whb-header .wd-header-account a,
.whb-header .woodmart-account-icon a,
.whb-header .wd-tools-icon,
.whb-header .wd-tools-element a,
.whb-header .whb-tools-icon,
.whb-header svg.wd-tools-icon path,
.whb-header .wd-header-cart a {
  color: #0D1F3C !important;
  fill: #0D1F3C !important;
  stroke: #0D1F3C !important;
}
/* MOBILE FIXES */
@media (max-width: 768px) {
  .helia-steps-grid {
    grid-template-columns: 1fr !important;
  }
  .helia-purity-outer {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .helia-stats-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  .helia-hero > div,
  section[style*="padding:80px 40px"],
  section[style*="padding:72px 40px"],
  section[style*="padding:28px 40px"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 768px) {
  body.home .whb-sticky-header,
  body.home .woodmart-sticky-header,
  body.home .wd-sticky-header,
  body.home .whb-header.whb-sticky {
    display: none !important;
  }
}
/* Show only starting price on shop catalog */
.woocommerce ul.products .price del,
.woocommerce ul.products .price ins,
.woocommerce ul.products .price .to {
    display: none !important;
}
.woocommerce ul.products .price .from {
    display: inline !important;
}
.woocommerce ul.products .price del,
.woocommerce ul.products .price .to,
.woocommerce ul.products .price ins ~ .woocommerce-Price-amount {
    display: none !important;
}
.home .whb-sticky-placeholder {
    display: none !important;
    height: 0 !important;
}
/* ── Star Ratings ── */
.helia-rating-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 14px;
    flex-wrap: wrap;
}
.helia-star-full  { color: #f5a623; font-size: 18px; }
.helia-star-half  { color: #f5a623; font-size: 18px; opacity: 0.6; }
.helia-star-empty { color: #d0d0d0; font-size: 18px; }
.helia-rating-text {
    color: #555;
    font-size: 14px;
    margin-left: 2px;
}
/* ── Dosage label inline with buttons ── */
.woocommerce div.product form.cart table.variations {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
}
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-bottom: 18px !important;
}
.woocommerce div.product form.cart .variations th.label,
.woocommerce div.product form.cart .variations td.label {
    display: flex !important;
    align-items: center !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #111 !important;
    white-space: nowrap !important;
    padding: 0 !important;
    width: auto !important;
    min-width: 65px !important;
}
.woocommerce div.product form.cart .variations td.value {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    padding: 0 !important;
}
/* ── Dosage swatch buttons ── */
.woodmart-swatches-list {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.woodmart-swatches-list li.woodmart-swatch-item {
    border: 1.5px solid #d0d0d0 !important;
    border-radius: 99px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    background: #fff !important;
    color: #333 !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
    min-width: 60px !important;
    text-align: center !important;
}
.woodmart-swatches-list li.woodmart-swatch-item:hover {
    border-color: #555 !important;
}
.woodmart-swatches-list li.woodmart-swatch-item.selected,
.woodmart-swatches-list li.woodmart-swatch-item.active,
.woodmart-swatches-list li.woodmart-swatch-item.woodmart-swatch-item-selected {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
    font-weight: 700 !important;
}
/* ── Quantity selector ── */
.woocommerce div.product form.cart .quantity {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}
.woocommerce div.product form.cart .quantity input.qty {
    border: 1.5px solid #d0d0d0 !important;
    border-radius: 99px !important;
    text-align: center !important;
    width: 50px !important;
    height: 44px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    -moz-appearance: textfield !important;
    background: #fff !important;
    padding: 0 8px !important;
}
.woocommerce div.product form.cart .quantity .minus,
.woocommerce div.product form.cart .quantity .plus {
    border: 1.5px solid #d0d0d0 !important;
    border-radius: 99px !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    background: #fff !important;
    cursor: pointer !important;
    color: #333 !important;
    line-height: 1 !important;
}
.quantity label,
label[for="quantity"],
.woocommerce div.product form.cart .quantity label {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #111 !important;
    display: block !important;
    margin-bottom: 8px !important;
}
/* ── Dynamic bundle price ── */
#helia-dynamic-price {
    text-align: right;
    margin: 8px 0 4px;
    display: none;
    line-height: 1.3;
}
.helia-orig-price {
    display: block;
    text-decoration: line-through;
    color: #999;
    font-size: 15px;
}
.helia-bundle-label-small {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #2a9d5c;
    text-transform: uppercase;
}
.helia-final-price {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #111;
}
/* ── Bundle & Save ── */
.helia-bundle-wrap {
    margin: 20px 0 0;
    width: 100%;
}
.helia-bundle-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    color: #666;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.helia-bundle-row {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
}
.helia-bundle-card {
    position: relative;
    border: 1.5px solid #e0e0e0;
    border-radius: 12px;
    padding: 14px 14px 12px;
    min-width: 130px;
    flex: 1;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.helia-bundle-card.helia-selected {
    border-color: #2a9d5c !important;
    border-width: 2px !important;
    background: #f4fbf7 !important;
}
.helia-bundle-card:hover { border-color: #999; }
.helia-bundle-badge {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.07em;
    padding: 3px 10px;
    border-radius: 0 0 8px 8px;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 2;
}
.helia-badge-popular { background: #2a9d5c; color: #fff; }
.helia-badge-value   { background: #e07b00; color: #fff; }
.helia-bundle-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 10px;
}
.helia-bottle-imgs {
    display: flex;
    align-items: center;
}
.helia-bottle-imgs img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    margin-left: -8px;
}
.helia-bottle-imgs img:first-child { margin-left: 0; }
.helia-bundle-qty {
    font-size: 13px;
    font-weight: 700;
    color: #111;
}
.helia-bundle-off {
    font-size: 12px;
    color: #2a9d5c;
    font-weight: 600;
    margin-top: 2px;
}
.helia-bundle-reg {
    color: #333 !important;
    font-weight: 500 !important;
}
.helia-bundle-price {
    font-size: 12px;
    color: #2a9d5c;
    font-weight: 700;
}
/* ── Trust Bar ── */
.helia-trust-bar {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 32px 40px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin: 0;
  gap: 0;
  width: 100%;
}
.helia-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  gap: 8px;
  padding: 0 24px;
  border-right: 1px solid #e8e8e8;
}
.helia-trust-item:last-child {
  border-right: none;
}
/* ── Klarna ── */
.helia-klarna-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid #f0c0cc;
    border-radius: 12px;
    padding: 14px 16px;
    margin-top: 10px;
    background: #fff0f3;
    font-size: 14px;
    color: #333;
}
.helia-klarna-logo-wrap {
    background: #ffb3c7;
    border-radius: 6px;
    padding: 4px 12px;
    flex-shrink: 0;
}
.helia-klarna-logo {
    font-weight: 900;
    font-size: 16px;
    font-style: italic;
    color: #000;
    font-family: Georgia, serif;
}
.helia-klarna-text { font-size: 13px; color: #333; line-height: 1.5; }
/* ── Payment bar ── */
.helia-payment-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    padding: 0 2px;
}
.helia-payment-label { font-size: 13px; color: #666; flex-shrink: 0; }
.helia-payment-icons { display: flex; align-items: center; gap: 8px; }
.helia-payment-icons svg { border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
/* ── Hide ALL Express Checkout buttons ── */
.wc-stripe-product-checkout-wrapper,
#wc-stripe-express-checkout-element,
.wc-stripe-express-checkout-element-container,
#wc-apple-pay-button-container,
#wc-google-pay-button-container,
.wc-stripe-apple-pay-button-wrapper,
.wc-stripe-google-pay-button-wrapper,
.woocommerce-product-checkout-button,
.stripe-button-el,
.wcpay-express-checkout-wrapper,
#wcpay-express-checkout-wrapper,
.wcpay-express-checkout-button-container,
#payment-request-button,
.wc-stripe-product-checkout-separator,
.wc-stripe-product-checkout-wrapper + p,
div[id*="express"],
div[class*="express-checkout"],
div[class*="apple-pay"],
div[class*="google-pay"],
iframe[name*="stripe"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
/* ── Ratings ── */
.woocommerce div.product .entry-summary .helia-rating-wrap {
    display: flex !important;
    margin: 4px 0 14px !important;
}
.woocommerce ul.products li.product .helia-rating-wrap,
.woodmart-products-grid .product .helia-rating-wrap {
    display: flex !important;
    margin: 4px 0 8px !important;
}
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .helia-rating-wrap {
    display: flex !important;
    align-items: center !important;
    order: 3 !important;
}
.woodmart-product-loop-title + .helia-rating-wrap,
.woodmart-product-loop-title + .star-rating {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
}
/* ── Hide rotating ticker banner ── */
.whb-row.whb-header-bottom.whb-with-bg {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
div[style*="animation:ticker"],
div[style*="animation: ticker"] {
    display: none !important;
}
.wd-header-text [style*="overflow:hidden"][style*="white-space:nowrap"] {
    display: none !important;
}
/* ── Research banner full width ── */
.helia-research-banner {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
}
.helia-research-banner {
    background: #1a1a1a;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    width: 100%;
    position: relative;
    z-index: 100;
}
.helia-research-banner strong {
    color: #f5a623;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
/* ── Remove padding gap ── */
.woocommerce-page .site-content,
.whb-header-bottom ~ .site-content,
.wd-header-bottom ~ *,
.single-product .site-content,
.site-content {
    padding-top: 0 !important;
}
.helia-research-banner {
    margin-bottom: 50px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    min-height: 44px !important;
    line-height: 1.4 !important;
}
/* Remove colon after Dosage label */
.woocommerce div.product form.cart .variations th.label::after,
.woocommerce div.product form.cart .variations .label::after,
.woocommerce div.product form.cart .variations th label::after {
    content: '' !important;
}
/* Bold the Dosage label */
.woocommerce div.product form.cart .variations th.label,
.woocommerce div.product form.cart .variations th label,
.woocommerce div.product form.cart .variations .label {
    font-weight: 700 !important;
}
/* Show Quantity label */
.woocommerce div.product form.cart .quantity label,
label[for="quantity"],
.woocommerce div.product form.cart div.quantity label {
    display: block !important;
    visibility: visible !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #111 !important;
    margin-bottom: 8px !important;
}
.helia-qty-label {
    display: block !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #111 !important;
    margin-bottom: 8px !important;
    margin-right: 12px !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button[type="submit"].button {
    display: none !important;
}
span.nav-link-text {
    text-transform: none !important;
}

/* Catalog loop add to cart button */
a.add-to-cart-loop,
.wd-add-btn a.button,
.wd-action-btn a.button {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

a.add-to-cart-loop:hover,
.wd-add-btn a.button:hover,
.wd-action-btn a.button:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* Cart icon inside the button */
a.add-to-cart-loop .wd-action-icon,
.wd-add-btn .wd-action-icon,
.wd-action-btn .wd-action-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}

a.add-to-cart-loop .wd-action-icon svg,
.wd-add-btn .wd-action-icon svg,
.wd-action-btn .wd-action-icon svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.page-id-38217 .site-header,
.page-id-38217 #masthead,
.page-id-38217 .whb-header,
.page-id-38217 .site-footer,
.page-id-38217 #colophon,
.page-id-38217 #footer,
.page-id-38217 .footer-container,
.page-id-38217 .sticky-add-to-cart,
.page-id-38217 .woocommerce-store-notice {
  display: none !important;
}

.page-id-38217 .site-content {
  padding: 0 !important;
  margin: 0 !important;
}

.page-id-38217 .wc-block-mini-cart,
.page-id-38217 .woodmart-sticky-atc,
.page-id-38217 .wd-sticky-atc,
.page-id-38217 #wd-sticky-atc,
.page-id-38217 .sticky-add-to-cart-wrapper,
.page-id-38217 .woocommerce-cart-form,
.page-id-38217 .wp-block-woocommerce-mini-cart,
.page-id-38217 #wpadminbar {
  display: none !important;
}

/* Research - General */
.page-id-38217 .site-header,
.page-id-38217 #masthead,
.page-id-38217 .whb-header,
.page-id-38217 .site-footer,
.page-id-38217 #colophon,
.page-id-38217 #footer,
.page-id-38217 .footer-container,
.page-id-38217 .sticky-add-to-cart,
.page-id-38217 .woocommerce-store-notice,
.page-id-38217 .wc-block-mini-cart,
.page-id-38217 .woodmart-sticky-atc,
.page-id-38217 .wd-sticky-atc,
.page-id-38217 #wd-sticky-atc,
.page-id-38217 .sticky-add-to-cart-wrapper,
.page-id-38217 .woocommerce-cart-form,
.page-id-38217 .wp-block-woocommerce-mini-cart,
.page-id-38217 #wpadminbar { display: none !important; }
.page-id-38217 .site-content { padding: 0 !important; margin: 0 !important; }

/* Copper Peptide - GHK-Cu */
.page-id-38266 .site-header,
.page-id-38266 #masthead,
.page-id-38266 .whb-header,
.page-id-38266 .site-footer,
.page-id-38266 #colophon,
.page-id-38266 #footer,
.page-id-38266 .footer-container,
.page-id-38266 .sticky-add-to-cart,
.page-id-38266 .woocommerce-store-notice,
.page-id-38266 .wc-block-mini-cart,
.page-id-38266 .woodmart-sticky-atc,
.page-id-38266 .wd-sticky-atc,
.page-id-38266 #wd-sticky-atc,
.page-id-38266 .sticky-add-to-cart-wrapper,
.page-id-38266 .woocommerce-cart-form,
.page-id-38266 .wp-block-woocommerce-mini-cart,
.page-id-38266 #wpadminbar { display: none !important; }
.page-id-38266 .site-content { padding: 0 !important; margin: 0 !important; }

/* Regen Stack - BPC + TB-500 */
.page-id-38269 .site-header,
.page-id-38269 #masthead,
.page-id-38269 .whb-header,
.page-id-38269 .site-footer,
.page-id-38269 #colophon,
.page-id-38269 #footer,
.page-id-38269 .footer-container,
.page-id-38269 .sticky-add-to-cart,
.page-id-38269 .woocommerce-store-notice,
.page-id-38269 .wc-block-mini-cart,
.page-id-38269 .woodmart-sticky-atc,
.page-id-38269 .wd-sticky-atc,
.page-id-38269 #wd-sticky-atc,
.page-id-38269 .sticky-add-to-cart-wrapper,
.page-id-38269 .woocommerce-cart-form,
.page-id-38269 .wp-block-woocommerce-mini-cart,
.page-id-38269 #wpadminbar { display: none !important; }
.page-id-38269 .site-content { padding: 0 !important; margin: 0 !important; }

/* Cellular Energy Compound - NAD+ */
.page-id-38282 .site-header,
.page-id-38282 #masthead,
.page-id-38282 .whb-header,
.page-id-38282 .site-footer,
.page-id-38282 #colophon,
.page-id-38282 #footer,
.page-id-38282 .footer-container,
.page-id-38282 .sticky-add-to-cart,
.page-id-38282 .woocommerce-store-notice,
.page-id-38282 .wc-block-mini-cart,
.page-id-38282 .woodmart-sticky-atc,
.page-id-38282 .wd-sticky-atc,
.page-id-38282 #wd-sticky-atc,
.page-id-38282 .sticky-add-to-cart-wrapper,
.page-id-38282 .woocommerce-cart-form,
.page-id-38282 .wp-block-woocommerce-mini-cart,
.page-id-38282 #wpadminbar { display: none !important; }
.page-id-38282 .site-content { padding: 0 !important; margin: 0 !important; }

/* Exercise Mimetic Compound - SLU-PP-332 */
.page-id-38284 .site-header,
.page-id-38284 #masthead,
.page-id-38284 .whb-header,
.page-id-38284 .site-footer,
.page-id-38284 #colophon,
.page-id-38284 #footer,
.page-id-38284 .footer-container,
.page-id-38284 .sticky-add-to-cart,
.page-id-38284 .woocommerce-store-notice,
.page-id-38284 .wc-block-mini-cart,
.page-id-38284 .woodmart-sticky-atc,
.page-id-38284 .wd-sticky-atc,
.page-id-38284 #wd-sticky-atc,
.page-id-38284 .sticky-add-to-cart-wrapper,
.page-id-38284 .woocommerce-cart-form,
.page-id-38284 .wp-block-woocommerce-mini-cart,
.page-id-38284 #wpadminbar { display: none !important; }
.page-id-38284 .site-content { padding: 0 !important; margin: 0 !important; }

/* Hide base price on GHK-Cu variable product — show variation price only */
.post-id-37896 .woocommerce-variation-price,
.post-id-37896 .price ins,
.post-id-37896 .price del { display: block; }

.post-id-37896 p.price:not(.woocommerce-variation-price .price) { 
    display: none !important; 
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Helia Support Chat</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy:       #0d1b2e;
  --navy-mid:   #162033;
  --navy-light: #1e2d42;
  --navy-border:#2a3f58;
  --blue:       #1a56db;
  --blue-light: #2563eb;
  --blue-soft:  #e8f0fe;
  --text:       #1e293b;
  --text-mid:   #475569;
  --text-soft:  #94a3b8;
  --white:      #ffffff;
  --bg:         #f8fafc;
  --bubble-out: #1a56db;
  --bubble-in:  #ffffff;
  --green:      #16a34a;
  --font:       'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --shadow:     0 8px 40px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.1);
  --radius:     14px;
  --w:          380px;
  --h:          560px;
}

body {
  font-family: var(--font);
  background: #e2e8f0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── LAUNCHER ──────────────────────────────────────────────────── */
#helia-launcher {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  background: var(--blue);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
  box-shadow: 0 4px 20px rgba(26,86,219,0.45), 0 2px 8px rgba(0,0,0,0.15);
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}
#helia-launcher:hover {
  background: var(--blue-light);
  transform: scale(1.06);
  box-shadow: 0 6px 28px rgba(26,86,219,0.55);
}
#helia-launcher svg { width: 22px; height: 22px; color: white; }

/* notification dot */
#helia-launcher::after {
  content: '';
  position: absolute;
  top: 2px; right: 2px;
  width: 12px; height: 12px;
  background: #22c55e;
  border: 2px solid white;
  border-radius: 50%;
}

/* ── CHAT WINDOW ───────────────────────────────────────────────── */
#helia-chat {
  position: fixed;
  bottom: 92px;
  right: 24px;
  width: var(--w);
  background: var(--bg);
  border-radius: var(--radius);
  display: flex;
  flex-direction: column;
  z-index: 9999;
  overflow: hidden;
  box-shadow: var(--shadow);
  transform: translateY(12px) scale(0.97);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.22s cubic-bezier(0.34,1.4,0.64,1), opacity 0.18s ease;
  max-height: var(--h);
}
#helia-chat.open {
  transform: translateY(0) scale(1);
  opacity: 1;
  pointer-events: all;
}

/* ── HEADER ────────────────────────────────────────────────────── */
.chat-header {
  background: var(--navy);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
}
.agent-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--navy-light);
  border: 2px solid var(--navy-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  font-weight: 600;
  color: white;
  font-family: var(--font);
  letter-spacing: -0.01em;
}
.agent-info { flex: 1; min-width: 0; }
.agent-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agent-status {
  font-size: 11.5px;
  color: #86efac;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 1px;
}
.status-dot {
  width: 6px; height: 6px;
  background: #22c55e;
  border-radius: 50%;
  flex-shrink: 0;
}
.header-actions { display: flex; gap: 4px; }
.header-btn {
  width: 28px; height: 28px;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #94a3b8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s, background 0.15s;
}
.header-btn:hover { color: white; background: var(--navy-light); }
.header-btn svg { width: 15px; height: 15px; }

/* ── INTRO STRIP ───────────────────────────────────────────────── */
.intro-strip {
  background: var(--navy-mid);
  padding: 10px 16px;
  font-size: 11.5px;
  color: #64748b;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
  line-height: 1.4;
}
.intro-strip span { color: #94a3b8; }

/* ── MESSAGES ──────────────────────────────────────────────────── */
.chat-messages {
  flex: 1;
  overflow-y: auto;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--bg);
}
.chat-messages::-webkit-scrollbar { width: 4px; }
.chat-messages::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 2px; }

.msg {
  display: flex;
  gap: 8px;
  animation: msgFade 0.18s ease-out;
  align-items: flex-end;
}
@keyframes msgFade {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.msg.user { flex-direction: row-reverse; }
.msg.bot  { flex-direction: row; }

.msg-avatar {
  width: 26px; height: 26px;
  border-radius: 50%;
  background: var(--navy);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
  margin-bottom: 2px;
}
.msg.user .msg-avatar { background: #cbd5e1; color: #475569; }

.msg-bubble {
  max-width: 80%;
  padding: 9px 13px;
  border-radius: 14px;
  font-size: 13.5px;
  line-height: 1.55;
  font-family: var(--font);
  position: relative;
}
.msg.user .msg-bubble {
  background: var(--bubble-out);
  color: white;
  border-bottom-right-radius: 4px;
}
.msg.bot .msg-bubble {
  background: var(--bubble-in);
  color: var(--text);
  border: 1px solid #e2e8f0;
  border-bottom-left-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.msg.bot .msg-bubble strong { font-weight: 600; }
.msg.bot .msg-bubble ul { padding-left: 16px; margin: 4px 0; }
.msg.bot .msg-bubble li { margin: 2px 0; }
.msg.bot .msg-bubble a { color: var(--blue); }

/* timestamp */
.msg-time {
  font-size: 10px;
  color: var(--text-soft);
  margin-top: 2px;
  padding: 0 2px;
}
.msg.user .msg-time { text-align: right; }

/* typing */
.typing-wrap {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.typing-bubble {
  padding: 11px 14px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  border-bottom-left-radius: 4px;
  display: flex;
  gap: 4px;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.typing-dot {
  width: 6px; height: 6px;
  background: #94a3b8;
  border-radius: 50%;
  animation: bounce 1.3s ease-in-out infinite;
}
.typing-dot:nth-child(2) { animation-delay: 0.15s; }
.typing-dot:nth-child(3) { animation-delay: 0.3s; }
@keyframes bounce {
  0%,60%,100% { transform: translateY(0); opacity: 0.5; }
  30%          { transform: translateY(-5px); opacity: 1; }
}

/* quick prompts */
.quick-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 14px 10px 48px;
}
.quick-chip {
  font-size: 12px;
  padding: 5px 11px;
  background: white;
  border: 1px solid #dde3ed;
  border-radius: 20px;
  color: var(--blue);
  cursor: pointer;
  font-family: var(--font);
  font-weight: 500;
  transition: all 0.14s;
  white-space: nowrap;
}
.quick-chip:hover {
  background: var(--blue-soft);
  border-color: var(--blue);
}

/* ── INPUT ─────────────────────────────────────────────────────── */
.chat-input-area {
  border-top: 1px solid #e2e8f0;
  background: white;
  padding: 10px 12px;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
}
#helia-input {
  flex: 1;
  border: 1px solid #dde3ed;
  border-radius: 10px;
  padding: 9px 12px;
  font-family: var(--font);
  font-size: 13.5px;
  color: var(--text);
  resize: none;
  outline: none;
  min-height: 38px;
  max-height: 110px;
  line-height: 1.5;
  background: #f8fafc;
  transition: border-color 0.15s, box-shadow 0.15s;
}
#helia-input::placeholder { color: #b0bcc8; }
#helia-input:focus {
  border-color: var(--blue);
  background: white;
  box-shadow: 0 0 0 3px rgba(26,86,219,0.08);
}
#helia-send {
  width: 36px; height: 36px;
  background: var(--blue);
  border: none;
  border-radius: 9px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.14s, transform 0.14s;
}
#helia-send:hover:not(:disabled) {
  background: var(--blue-light);
  transform: scale(1.05);
}
#helia-send:disabled { opacity: 0.35; cursor: default; }
#helia-send svg { width: 15px; height: 15px; color: white; }

.input-footer {
  text-align: center;
  padding: 5px 0 7px;
  font-size: 10.5px;
  color: #b0bcc8;
  background: white;
  letter-spacing: 0.01em;
  flex-shrink: 0;
}

/* ── PROACTIVE BUBBLE ──────────────────────────────────────────── */
#helia-bubble {
  position: fixed;
  bottom: 90px;
  right: 24px;
  max-width: 270px;
  background: white;
  border-radius: 14px 14px 4px 14px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.14), 0 1px 6px rgba(0,0,0,0.08);
  padding: 13px 16px 13px 14px;
  z-index: 9997;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  transform: translateY(8px) scale(0.95);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s cubic-bezier(0.34,1.4,0.64,1), opacity 0.2s ease;
  cursor: pointer;
  border: 1px solid #e8edf4;
}
#helia-bubble.show {
  transform: translateY(0) scale(1);
  opacity: 1;
  pointer-events: all;
}
#helia-bubble.hide {
  transform: translateY(6px) scale(0.95);
  opacity: 0;
  pointer-events: none;
}
.bubble-avatar {
  width: 34px; height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
  margin-top: 1px;
}
.bubble-content { flex: 1; min-width: 0; }
.bubble-name {
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 3px;
}
.bubble-text {
  font-size: 13px;
  color: var(--text-mid);
  line-height: 1.45;
}
.bubble-cta {
  font-size: 12px;
  font-weight: 600;
  color: var(--blue);
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.bubble-close {
  position: absolute;
  top: 8px; right: 8px;
  width: 18px; height: 18px;
  border: none;
  background: none;
  cursor: pointer;
  color: #b0bcc8;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: color 0.15s, background 0.15s;
  padding: 0;
}
.bubble-close:hover { color: var(--text); background: #f1f5f9; }

/* pulse ring on launcher when bubble is showing */
#helia-launcher.pulsing::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(26,86,219,0.35);
  animation: ringPulse 1.8s ease-out infinite;
}
@keyframes ringPulse {
  0%   { transform: scale(0.9); opacity: 0.8; }
  100% { transform: scale(1.5); opacity: 0; }
}

/* ── MOBILE ────────────────────────────────────────────────────── */
@media (max-width: 440px) {
  #helia-chat {
    right: 0; left: 0; bottom: 0;
    width: 100%;
    border-radius: 18px 18px 0 0;
    max-height: 88vh;
  }
  #helia-launcher { bottom: 20px; right: 20px; }
  #helia-bubble { right: 12px; max-width: 240px; }
}
</style>
</head>
<body>

<!-- Proactive Bubble -->
<div id="helia-bubble">
  <button class="bubble-close" id="bubble-close" title="Dismiss">×</button>
  <div class="bubble-avatar" id="bubble-avatar">S</div>
  <div class="bubble-content">
    <div class="bubble-name" id="bubble-name">Sarah M.</div>
    <div class="bubble-text" id="bubble-text">Hey! Let us know if you have any questions — we're here to help. 👋</div>
    <div class="bubble-cta">Chat with us →</div>
  </div>
</div>

<!-- Launcher -->
<button id="helia-launcher" title="Chat with support">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
    <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
  </svg>
</button>

<!-- Chat Window -->
<div id="helia-chat">

  <!-- Header -->
  <div class="chat-header">
    <div class="agent-avatar" id="agent-avatar">S</div>
    <div class="agent-info">
      <div class="agent-name" id="agent-name">Sarah M.</div>
      <div class="agent-status">
        <span class="status-dot"></span>
        Online now · Helia Support
      </div>
    </div>
    <div class="header-actions">
      <button class="header-btn" id="helia-close" title="Close">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round">
          <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
        </svg>
      </button>
    </div>
  </div>

  <!-- Messages -->
  <div class="chat-messages" id="helia-messages"></div>

  <!-- Input -->
  <div class="chat-input-area">
    <textarea id="helia-input" placeholder="Type a message…" rows="1">
}