.elementor-kit-4{--e-global-color-primary:#DA3A34;--e-global-color-secondary:#F6EFE2;--e-global-color-text:#000000;--e-global-color-accent:#333333;--e-global-color-hgyel01:#F8ED78;--e-global-color-hcgrn01:#417843;--e-global-color-hcgrn02:#5DAD57;--e-global-color-hdtrip1:#69C04B;--e-global-color-hairpl1:#8BC2DF;--e-global-color-hnteal1:#7AC1AD;--e-global-color-hcoral1:#E3734E;--e-global-color-hpink01:#F5426E;--e-global-color-hpink02:#FE9CB2;--e-global-color-hmaron1:#681C32;--e-global-color-hmagen1:#AB004F;--e-global-color-htan001:#C39366;--e-global-color-hbrwn01:#6A3F23;--e-global-color-hsand01:#DBC39C;--e-global-color-8a566fe:#28408F;--e-global-typography-primary-font-family:"Archivo Black";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;--e-global-typography-467b13f-font-family:"FatFrank";background-color:#F6EFE2;font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:#F6EFE2E3;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:#F6EFE2E3;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:#F6EFE2E3;}.elementor-kit-4 a{color:var( --e-global-color-primary );}.elementor-kit-4 h1{font-family:"Jost", Sans-serif;font-size:50px;font-weight:700;line-height:1em;}.elementor-kit-4 h2{font-family:"Jost", Sans-serif;font-size:35px;font-weight:700;line-height:1em;}.elementor-kit-4 h3{font-family:"Jost", Sans-serif;font-size:28px;font-weight:600;line-height:1em;}.elementor-kit-4 h4{font-family:"Jost", Sans-serif;font-size:22px;font-weight:600;line-height:1em;}.elementor-kit-4 h5{line-height:1em;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{border-radius:30px 30px 30px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:50px;--container-default-padding-right:20px;--container-default-padding-bottom:50px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );--error-message-icon-color:var( --e-global-color-primary );--error-message-normal-links-color:var( --e-global-color-primary );--error-message-hover-links-color:var( --e-global-color-hmaron1 );--error-box-border-radius:15px 15px 15px 15px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:var( --e-global-color-hcgrn01 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );--message-message-icon-color:var( --e-global-color-hcgrn01 );--message-box-border-radius:15px 15px 15px 15px;--message-buttons-normal-text-color:var( --e-global-color-hcgrn01 );--message-buttons-hover-text-color:var( --e-global-color-hcgrn02 );--message-buttons-hover-border-color:var( --e-global-color-hcgrn02 );--message-border-type:solid;--message-border-color:var( --e-global-color-hcgrn01 );--message-buttons-border-radius:15px 15px 15px 15px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:var( --e-global-color-hcgrn01 );}.e-wc-message-notice .woocommerce-message .restore-item:hover, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item:hover, .e-wc-message-notice .woocommerce-message a:not([class]):hover, .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]):hover{--notice-message-hover-links-color:var( --e-global-color-hcgrn02 );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-family:"Jost", Sans-serif;font-weight:600;border-width:2px 2px 2px 2px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-8a566fe );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );--info-message-icon-color:var( --e-global-color-8a566fe );--info-box-border-radius:15px 15px 15px 15px;--info-buttons-normal-text-color:var( --e-global-color-8a566fe );--info-buttons-hover-text-color:var( --e-global-color-hairpl1 );--info-buttons-hover-border-color:var( --e-global-color-hairpl1 );--info-border-type:solid;--info-border-color:var( --e-global-color-8a566fe );--info-buttons-border-radius:15px 15px 15px 15px;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-family:"Jost", Sans-serif;font-weight:600;border-width:2px 2px 2px 2px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-4 h1{font-size:40px;line-height:1em;}.elementor-kit-4 h2{font-size:30px;line-height:1em;}.elementor-kit-4 h3{font-size:24px;line-height:1em;}.elementor-kit-4 h4{font-size:20px;line-height:1em;}.elementor-kit-4 h5{line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:50px;--container-default-padding-right:20px;--container-default-padding-bottom:50px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-4 h1{font-size:35px;line-height:1em;}.elementor-kit-4 h2{font-size:28px;line-height:1em;}.elementor-kit-4 h3{font-size:22px;line-height:1em;}.elementor-kit-4 h4{font-size:18px;line-height:1em;}.elementor-kit-4 h5{line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:30px;--container-default-padding-right:15px;--container-default-padding-bottom:30px;--container-default-padding-left:15px;}}
/* Start custom CSS *//* ==========================================================================
   HOLIDAY - SITE CSS
   Elementor > Site Settings > Custom CSS. Single source of truth.
   Rebuilt 2026-07-29. Replaces the entire field.

   Contains, with every rule copied verbatim:
     - all 36 blocks that were already in this field
     - everything from Customizer > Additional CSS (which can then be emptied)
     - every <style> block that was living inside a code snippet

   Only ONE rule was removed: the "Catalog-only - THC products" block appeared
   twice, identical apart from whitespace. Nothing else was merged, reworded or
   retyped. Selectors that match nothing are left exactly as they were and
   flagged in their group comment.

   Group order is cascade order. Later groups override earlier ones.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GLOBAL UI BEHAVIOUR
   Both focus-reset blocks kept as-is: their .elementor-kit-4 lists differ (one covers
   [tabindex] and .dialog-close-button, the other .elementor-button and
   [role=button]), so neither is redundant.
   -------------------------------------------------------------------------- */
a, button, [tabindex], .dialog-close-button { -webkit-tap-highlight-color: transparent; }

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible),
.dialog-close-button:focus:not(:focus-visible) { outline: none; box-shadow: none; }

/* Remove the click focus outline on buttons + links */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.elementor-button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

/* Allow Vertical Drop Down Menus */

.na-inline-menu .menu,
.na-inline-menu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}


.na-inline-menu .menu > li {
    position: static !important;
}


.na-inline-menu .sub-menu {
    position: static !important;
    left: auto !important;
    top: auto !important;
    box-shadow: none !important;
    display: none;        
    margin-left: 6px;         
}


.na-inline-menu .menu > li {
    margin-bottom: 3px;
}


.na-inline-menu .menu-item-has-children.is-open > a {
    font-weight: 600;
}

/* --------------------------------------------------------------------------
   2. FLOATING ANNOUNCEMENT BAR
   Declared twice. The second block wins outright via !important, so the first
   never applies. Both left untouched. The focus-scroll patch is JS and stays in
   the Floating Bar snippet.
   -------------------------------------------------------------------------- */
.floating {
    position: fixed;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 9999;
    transform: translateZ(0);
}

.floating {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --------------------------------------------------------------------------
   3. SITE BACKGROUND SMOKE
   Your drifting overlay, plus the fixed canvas wrapper that moved out of the Site
   Smoke snippet. The blend mode must stay on the WRAPPER or the smoke goes dark.
   -------------------------------------------------------------------------- */
@keyframes smoke-drift {
  0%   { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}

.smoke > .elementor-background-overlay {
  animation: smoke-drift 20s infinite alternate ease-in-out;
}

#hbar-smoke-global{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mix-blend-mode:screen;}
#hbar-smoke-global canvas{width:100%;height:100%;display:block;}

/* --------------------------------------------------------------------------
   4. AGE GATE 21+
   Moved out of the Age Gate snippet. Gate markup and cookie logic stay there.
   -------------------------------------------------------------------------- */
html.hbar-locked, body.hbar-locked { overflow: hidden !important; }
  #hbar-agegate { position: fixed; inset: 0; z-index: 2147483000; background: var(--e-global-color-secondary,#F6EFE2); overflow: auto; }
  #hbar-agegate .hbar-agegate__inner { min-height: 100vh; display: flex; align-items: center; justify-content: center; }

/* --------------------------------------------------------------------------
   5. WOOCOMMERCE - CATALOG ONLY (THC PRODUCTS)
   Keys off body.hbar-thc, set by the WooCommerce snippet on single THC vapes only,
   so merch keeps cart and checkout. The catalog block existed twice, identical
   apart from whitespace; kept once.
   -------------------------------------------------------------------------- */
/* Catalog-only — THC products ONLY (merch keeps cart/checkout) */
body.hbar-thc .single_variation,
body.hbar-thc .woocommerce-variation-add-to-cart,
body.hbar-thc form.cart:not(.variations_form),
body.hbar-thc .wc-no-matching-variations,
body.hbar-thc .woocommerce-notices-wrapper {
    display: none !important;
}

/* Gallery magnifier. Moved out of its own snippet, now deleted. The z-index rule
   below is separate and does not hide it. */
.woocommerce-product-gallery__trigger{display:none!important;}

/* Product gallery zoom: transparent so the site smoke shows through the magnified
   image, and the base image is hidden while zooming so its copy doesn't linger
   behind the transparent zoom. */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    background-color: #ffffff00;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:hover .wp-post-image {
    opacity: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  
    z-index: 1;
}

/* woo price + default links to brand black (was olive #958E09 / blue) */
.woocommerce-Price-amount,
.woocommerce-Price-amount *,
.woocommerce-Price-currencySymbol,
p.price, span.price, .single_variation .price {
  color: var(--e-global-color-text) !important;
}

.elementor-add-to-cart .single_variation_wrap a:not(.button):not(.reset_variations) {
  color: var(--e-global-color-text) !important;
}

.product_meta .posted_in,
.product_meta .tagged_as {
  display: none;
}

/* --------------------------------------------------------------------------
   6. WOOCOMMERCE - SINGLE PRODUCT PAGE
   The two .elementor-kit-4s missing their leading dots are left exactly as they were.
   They match nothing, so they have never done anything.
   -------------------------------------------------------------------------- */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel, .woocommerce div.product .woocommerce-tabs ul.wc-tabs li  {
    background-color: transparent !important;
}

.woocommerce .elementor-1672 .elementor-element.elementor-element-11391fb .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    display: None!important;
}

.woocommerce table.shop_attributes td p {
    padding-left: 10px !important;
}

woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab {
    background-color: transparent !important;
}

woocommerce-variation single_variation p {display: None!important;}

.elementor-widget-woocommerce-product-meta {
	display: none;
}

/* --------------------------------------------------------------------------
   7. WOOCOMMERCE - REVIEWS
   
   -------------------------------------------------------------------------- */
.woocommerce #review_form #respond .form-submit input#submit {
  background-color: var(--e-global-color-text);       /* black */
  color: var(--e-global-color-secondary);             /* cream */
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  border: none;
  border-radius: 17px;
  cursor: pointer;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.woocommerce #review_form #respond .form-submit input#submit:hover {
  background-color: var(--e-global-color-primary);    /* brand red */
  color: var(--e-global-color-secondary);             /* cream */
  transform: scale(1.05);
}

/* review form fields transparent bg */
.woocommerce #review_form #respond input,
.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond select {
  background-color: transparent !important;
}

/* --------------------------------------------------------------------------
   8. WOOCOMMERCE - CART AND CHECKOUT (merch only)
   
   -------------------------------------------------------------------------- */
/* Hide Google Pay / express payment button on cart */
.woocommerce-cart .gpay-card-info-container,
.woocommerce-cart .gpay-button,
.woocommerce-cart .google-pay-button,
.woocommerce-cart .wc-stripe-google-pay-button,
.woocommerce-cart .payment-request-button,
.woocommerce-cart .wc-stripe-payment-request-button {
  display: none !important;
}

div.wc-square-digital-wallet {
    display: none !important;
}

div.wc-square-google-pay {
    display: none !important;
}

tr.woocommerce-cart-form__cart-item {
     Padding: 0px !important;
 }

#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {display: none !important}

a.button.wc-backward {
   background-color: var(--e-global-color-text);      /* black */
  color: var(--e-global-color-secondary);            /* cream */
  font-family: "Jost", sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 20px;
  border: none;
  border-radius: 17px;
  cursor: pointer;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

a.button.wc-backward:hover {
  background-color: var(--e-global-color-primary);   /* brand red */
  color: var(--e-global-color-secondary);            /* cream */
  transform: scale(1.05);                            /* grow */
}

.elementor-1186 .elementor-element.elementor-element-2c1377f .woocommerce .wc-proceed-to-checkout .checkout-button {
    color: var(--e-global-color-08177f2);
}

/* --------------------------------------------------------------------------
   9. MY ACCOUNT AND ONE-OFF ELEMENT FIXES
   The e-my-account .elementor-kit-4 is also missing its dot; left as it was.
   -------------------------------------------------------------------------- */
.elementor-194 .elementor-element.elementor-element-b974936 {padding: 20px;}

div.e-my-account-tab e-my-account-tab__dashboard {
    padding:20px !important;
}

.epsv-viewer {
        background: var(--e-global-color-primary) !important;
    }

/* --------------------------------------------------------------------------
   10. FORMS
   
   -------------------------------------------------------------------------- */
.elementor-field-type-acceptance .elementor-field-option label {
    font-size: 10px;
    line-height: normal;
    color: #3a3a3a;
    font-weight: 400;
}

/* --------------------------------------------------------------------------
   11. PRODUCT SLIDER (hover crossfade)
   
   -------------------------------------------------------------------------- */
.product-slider .base-image { transition: opacity .3s ease; }

.product-slider:hover .base-image { opacity: 0; }

/* --------------------------------------------------------------------------
   12. FEATURES DIAGRAM - H-BAR
   Copied verbatim out of Customizer > Additional CSS. Serves [hbar_features] on
   products and [hbar_features_home] anywhere. The six per-arrow positions are
   tuned values from the original Shopify build - do not generalise them.
   -------------------------------------------------------------------------- */
.hbar-features{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible}
.hbar-features__container{position:relative;display:flex;justify-content:center;align-items:center;width:100%}
.hbar-features__image{width:100%;height:auto;display:block}
.hbar-features .hbar-features__title{font-family:"Jost",sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.2;margin:0 0 6px;letter-spacing:.02em}.hbar-features .hbar-features__text{
	font-family: var(--e-global-typography-text-font-family);
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
	line-height: var(--e-global-typography-text-line-height);
	color: var(--e-global-color-accent);
	margin: 0;
}
.hbar-features__arrow img{display:block;width:100%;height:auto}

/* Phone + tablet: one feature at a time with arrows + dots */
.hbar-features__nav{display:none}
@media (max-width:1024px){
  .hbar-features__container{flex-direction:column;width:min(488px,100%);margin-left:auto;margin-right:auto}
  .hbar-features__block{position:static;width:100%;max-width:460px;margin:0 auto;padding:18px 10px 0;text-align:center;display:none}
  .hbar-features__block.is-current{display:block}
  .hbar-features__arrow{display:none}
  .hbar-features__nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px}
  .hbar-features .hbar-features__arrowbtn{background:none;background-color:transparent;border:0;box-shadow:none;
    padding:6px;min-width:0;cursor:pointer;color:#252323;line-height:0;border-radius:0}
  .hbar-features .hbar-features__arrowbtn:hover,
  .hbar-features .hbar-features__arrowbtn:focus{background:none;background-color:transparent;color:#252323}
  .hbar-features .hbar-features__arrowbtn svg{width:22px;height:22px;display:block}
  .hbar-features .hbar-features__arrowbtn[data-dir='-1'] svg{transform:rotate(-90deg)}
  .hbar-features .hbar-features__arrowbtn[data-dir='1'] svg{transform:rotate(90deg)}
  .hbar-features .hbar-features__dots{display:flex;gap:8px;list-style:none;margin:0;padding:0}
  .hbar-features .hbar-features__dots button{width:7px;height:7px;padding:0;border:0;box-shadow:none;
    min-width:0;border-radius:50%;background:rgba(37,35,35,.25);background-color:rgba(37,35,35,.25);
    cursor:pointer;display:block}
  .hbar-features .hbar-features__dots button.is-current{background:#252323;background-color:#252323}
}

/* Desktop */
@media (min-width:1025px){
  .hbar-features__container{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
  .hbar-features__image{width:480px;max-width:100%;margin:0 auto}
  .hbar-features__block{position:absolute;width:210px}
  .hbar-features__arrow{position:absolute;z-index:10}
  .hbar-features__block-1{left:0;top:2%}
  .hbar-features__arrow-1{top:78%;right:-186px;width:191px}
  .hbar-features__block-2{right:0;top:6%}
  .hbar-features__arrow-2{top:-24px;left:-118px;width:112px}
  .hbar-features__block-3{left:0;top:38%}
  .hbar-features__arrow-3{top:40%;right:-178px;width:175px}
  .hbar-features__block-4{right:0;top:38%}
  .hbar-features__arrow-4{top:45%;left:-168px;width:163px}
  .hbar-features__block-5{left:0;top:74%}
  .hbar-features__arrow-5{top:14%;right:-150px;width:138px}
  .hbar-features__block-6{right:0;top:74%}
  .hbar-features__arrow-6{top:18%;left:-150px;width:136px}
}

/* --------------------------------------------------------------------------
   13. FEATURES DIAGRAM - H-BAR PLUS
   Moved out of the H-Bar Plus snippet. The arrow positions were hardcoded style
   attributes in PHP; they are here now so they can be tuned without code.
   -------------------------------------------------------------------------- */
.hbarp .hbarp-stage{position:relative;width:100%;max-width:560px;margin:0 auto;flex:0 0 auto}
.hbarp .hbarp-stage > img{ width:100%;height:auto;display:block; transform: translateY(60px); }
.hbarp .hbarp-arrow{position:absolute;z-index:5}
.hbarp .hbarp-arrow img{width:100%;height:auto;display:block}
.hbarp .hbarp-arrow svg{width:100%;height:auto;display:block;overflow:visible}
/* text block positions (outer container) */
.hbarp .hbar-features__block-1{left:0;top:2%}
.hbarp .hbar-features__block-2{right:0;top:calc(6% + 50px)}
.hbarp .hbar-features__block-3{left:0;top:38%}
.hbarp .hbar-features__block-4{right:0;top:calc(40% + 50px)}
.hbarp .hbar-features__block-5{left:0;top:74%}
.hbarp .hbar-features__block-6{right:0;top:calc(80% + 50px)}
@media(max-width:1024px){
	.hbarp .hbarp-arrow{display:none}
	.hbarp .hbarp-stage > img{ transform: translateY(-10px); }
	.hbarp .hbarp-stage{ padding-bottom: 10px; }
}


/* Arrow positions over the device image, exact values from the original
   hbarholiday.com H-Bar Plus page. */
.hbarp .hbarp-arrow-1{left:3.46%;top:11.34%;width:31.54%}
.hbarp .hbarp-arrow-2{left:72.92%;top:7.69%;width:19.85%}
.hbarp .hbarp-arrow-3{left:1.13%;top:45.22%;width:32.92%}
.hbarp .hbarp-arrow-5{left:-8.23%;top:82.17%;width:34.77%}
.hbarp .hbarp-arrow-6{left:63.38%;top:81.96%;width:25.23%}
/* Button activation: the art is CROPPED shorter, never scaled, so its ball and
   stroke weight still match the other five. */
.hbarp .hbarp-arrow-4{left:67.23%;top:47.17%;width:129px;overflow:hidden}
.hbarp .hbarp-arrow-4 img{width:184px;max-width:none}

/* --------------------------------------------------------------------------
   14. PRODUCT GALLERY
   Base rules copied verbatim out of Customizer; your phone one-line thumb override
   follows, so it still lands last.
   -------------------------------------------------------------------------- */
.hbar-gallery{--hbar-thumb-active:#DA3A34}
.hbar-gallery__stage{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hbar-gallery__slot{margin:0}
.hbar-gallery .hbar-gallery__img{width:100%;height:auto;aspect-ratio:7/10;object-fit:cover;display:block;border-radius:7px}
.hbar-gallery__thumbs{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hbar-gallery__thumb{margin:0}
.hbar-gallery__thumb button{padding:0;border:2px solid transparent;background:none;cursor:pointer;display:block;line-height:0;border-radius:7px;transition:border-color .15s ease}
.hbar-gallery__thumb button img{width:76px;height:76px;object-fit:cover;display:block;border-radius:5px}
.hbar-gallery__thumb.is-active button{border-color:var(--hbar-thumb-active)}
.hbar-gallery__thumb button:focus-visible{outline:2px solid var(--hbar-thumb-active);outline-offset:2px}
/* Tablet + phone: one large image (the featured); the second falls into the thumbs */
@media (max-width:1024px){
  .hbar-gallery__stage{grid-template-columns:1fr;gap:15px;max-width:360px;margin-left:auto;margin-right:auto}
  .hbar-gallery__slot--featured + .hbar-gallery__slot--active{display:none}
  .hbar-gallery__thumbs{justify-content:center}
}

.hbar-gallery__zoom{display:block;cursor:zoom-in}
.hbar-gallery__zoom:focus-visible{outline:2px solid var(--hbar-thumb-active);outline-offset:3px}

/* hbar thumbs one-line phone */
@media (max-width: 767px) {
  .hbar-gallery__thumbs { flex-wrap: nowrap !important; }
  .hbar-gallery__thumb { flex: 1 1 0 !important; min-width: 0 !important; }
  .hbar-gallery__thumb button { width: 100% !important; }
  .hbar-gallery__thumb button img { width: 100% !important; height: auto !important; }
}

/* --------------------------------------------------------------------------
   15. MOOD TABLE
   Copied verbatim out of Customizer. The !important declarations are not stray:
   Hello Elementor's reset.css forces grey cell borders, zebra striping and a top
   border onto every table, and these exist purely to beat it.
   -------------------------------------------------------------------------- */
.hbar-moods{width:100%;margin:0;padding:0}
.hbar-moods__table{margin:0 !important}
.hbar-moods__table{width:100%;border-collapse:collapse;font-family:"Jost",sans-serif}
.hbar-moods__table th,.hbar-moods__table td{padding:14px 8px;text-align:center;vertical-align:middle}
.hbar-moods__table thead th{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#252323;border-bottom:2px solid #DA3A34 !important}
.hbar-moods__flavor-h{width:26%;min-width:180px}
.hbar-moods .hbar-moods__flavor{text-align:left;font-weight:700;font-size:15px;text-transform:uppercase;color:#252323;white-space:nowrap}
.hbar-moods__icon{width: 20px;height: auto;vertical-align:middle;margin-right:10px;border:0;outline:0;background:transparent;box-shadow:none;border-radius:0}
.hbar-moods .hbar-moods__flavor{outline:0;background-color:transparent;box-shadow:none}
.hbar-moods__table tbody tr{border-bottom:1px solid #DA3A34}
.hbar-moods__table th,.hbar-moods__table td{border:0 !important;background-color:transparent}
.hbar-moods__table tbody td,.hbar-moods__table tbody th{border-bottom:1px solid #DA3A34 !important}
.hbar-moods .hbar-moods__cell,.hbar-moods .hbar-moods__flavor{background-color:transparent}
.hbar-moods__mark{display:inline-flex;color:#252323}
.hbar-moods__cell.is-no{color:transparent}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Phone/tablet: reflow to a stacked list, each flavor with its moods as pills. No side-scroll. */
@media (max-width:781px){
  .hbar-moods__table,.hbar-moods__table tbody,.hbar-moods__table tr{display:block;width:100%}
  .hbar-moods__table thead{display:none}
  .hbar-moods__table tr{border-bottom:1px solid #DA3A34;padding:14px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .hbar-moods .hbar-moods__flavor{display:flex;align-items:center;width:100%;padding:0;font-size:15px}
  .hbar-moods__table tbody td,.hbar-moods__table tbody th{border:0 !important}
  .hbar-moods__icon{width:24px}
  .hbar-moods__cell{display:none}                 /* hide the grid cells... */
  .hbar-moods__cell.is-yes{display:inline-flex;padding:5px 10px;background:transparent;color:#252323;
    font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;align-items:center}
  .hbar-moods__cell.is-yes .hbar-moods__mark{display:none}   /* ...show only the "yes" ones as pills */
  .hbar-moods__cell.is-yes::before{content:attr(data-mood)}  /* pill label = mood name */
}

/* --------------------------------------------------------------------------
   16. NEW PRODUCT BADGE
   Moved out of the NEW product badge snippet.
   -------------------------------------------------------------------------- */
.hbar-new-host{ position:relative; }
.hbar-new-badge{
	position:absolute; top:1em; left:1em; z-index:9;
	background:var(--e-global-color-primary,#DA3A34);
	color:var(--e-global-color-secondary,#F6EFE2);
	font-family:"Jost",sans-serif; font-weight:600; font-size:12px; line-height:1;
	letter-spacing:.03em; text-transform:uppercase;
	padding:.5em .75em; border-radius:12px; pointer-events:none;
}

/* --------------------------------------------------------------------------
   17. FLAVOR QUIZ
   Step show/hide was the entire contents of the quiz step-visibility snippet, now
   deleted. Result button styling came from Customizer. Steps stay visible inside
   the Elementor editor so the page remains editable.
   -------------------------------------------------------------------------- */
body:not(.elementor-editor-active) .quiz-step{display:none}body:not(.elementor-editor-active) .quiz-step.qs-active{display:flex}

/* Quiz result "View Details" button */
.quiz-result-grid .elementor-button,.quiz-result-grid a.elementor-button{background-color:#000 !important;color:#F6EFE2 !important;font-family:inherit !important;font-weight:700 !important;padding:10px 20px !important;transition:transform .2s ease,background-color .2s ease,color .2s ease !important}
.quiz-result-grid .elementor-button:hover,.quiz-result-grid a.elementor-button:hover{background-color:#DA3A34 !important;color:#F6EFE2 !important;transform:scale(1.05) !important}


/* =================================================================
   FAQ ACCORDION  (moved from WP Customizer, 2026-08 - single source)
   ================================================================= */
/* ===== H-Bar FAQs accordion ([hbar_faqs]) — ported from Shopify faq__dropdown ===== */
.hbar-faqs{background:#fff;padding:32px;border-radius:7px}
.hbar-faqs__item{border-bottom:1px solid rgba(37,35,35,.2);padding:32px 0}
.hbar-faqs__item:first-child{padding-top:0}
.hbar-faqs__item:last-child{border-bottom:none;padding-bottom:0}
.hbar-faqs .hbar-faqs__q{display:flex;align-items:center;justify-content:space-between;gap:20px;
  font-family:"Jost",sans-serif;font-size:18px;font-weight:700;line-height:1.3;color:#252323;
  cursor:pointer;list-style:none}
.hbar-faqs .hbar-faqs__q::-webkit-details-marker{display:none}
.hbar-faqs .hbar-faqs__q-text{flex:1 1 auto}
.hbar-faqs .hbar-faqs__icon{flex:0 0 auto;display:block;width:20px;height:20px;color:#252323;
  transform:rotate(180deg);transition:transform .2s ease}
.hbar-faqs .hbar-faqs__icon svg{display:block;width:100%;height:100%}
.hbar-faqs__item[open] .hbar-faqs__icon{transform:rotate(0deg)}
.hbar-faqs .hbar-faqs__q:focus-visible{outline:2px solid var(--hbar-thumb-active,#DA3A34);outline-offset:4px}
.hbar-faqs .hbar-faqs__a{margin-top:16px;font-family:"Jost",sans-serif;font-size:16px;font-weight:400;
  line-height:1.55;color:rgba(37,35,35,.7)}
.hbar-faqs .hbar-faqs__a p{margin:0 0 12px}
.hbar-faqs .hbar-faqs__a p:last-child{margin-bottom:0}
@media (max-width:767px){
  .hbar-faqs{padding:20px}
  .hbar-faqs__item{padding:20px 0}
  .hbar-faqs .hbar-faqs__q{font-size:16px}
  .hbar-faqs .hbar-faqs__a{font-size:15px}
}


/* Streamer: keep the popup above the floating bar */
.elementor-popup-modal { z-index: 100000 !important; }
/* Streamer: put the marquee on its own GPU layer to stop stutter */
.e-floating-bars__headlines-inner { will-change: transform; backface-visibility: hidden; }/* End custom CSS */