@font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//thehazeconnect.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//thehazeconnect.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}

      @font-face {
  font-family: Assistant;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//thehazeconnect.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
       url("//thehazeconnect.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
}

      
      
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//thehazeconnect.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//thehazeconnect.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}


      
        :root,
        .color-scheme-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 18,18,18;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 255,255,255;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-scheme-2 {
          --color-background: 243,243,243;
        
          --gradient-background: #f3f3f3;
        

        

        --color-foreground: 18,18,18;
        --color-background-contrast: 179,179,179;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 243,243,243;
        --color-secondary-button: 243,243,243;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 243,243,243;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(243 243 243);
      }
      
        
        .color-scheme-3 {
          --color-background: 36,40,51;
        
          --gradient-background: #242833;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 47,52,66;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 0,0,0;
        --color-secondary-button: 36,40,51;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 36,40,51;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(36 40 51);
      }
      
        
        .color-scheme-4 {
          --color-background: 18,18,18;
        
          --gradient-background: #121212;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 146,146,146;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 18,18,18;
        --color-secondary-button: 18,18,18;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 18,18,18;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(18 18 18);
      }
      
        
        .color-scheme-5 {
          --color-background: 51,79,180;
        
          --gradient-background: #334fb4;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 23,35,81;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 51,79,180;
        --color-secondary-button: 51,79,180;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 51,79,180;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(51 79 180);
      }
      

      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        --font-body-family: Assistant, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: Assistant, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 120rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.4rem;
        --product-card-shadow-blur-radius: 0.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 8px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 4px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 0px;
        --buttons-radius-outset: 0px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0px;

        --inputs-radius: 0px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 0px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
    

.jdgm-xx{left:0}:root{--jdgm-primary-color: #8FB479;--jdgm-secondary-color: rgba(143,180,121,0.1);--jdgm-star-color: #FFA637;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #8FB479;--jdgm-paginate-color: #8FB479;--jdgm-border-radius: 10;--jdgm-reviewer-name-color: #8FB479}.jdgm-histogram__bar-content{background-color:#8FB479}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#8FB479}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFA637}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #8FB479;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#8FB479}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'The Haze Connect'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}



  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}




  /* ===== AGE GATE STYLES ===== */
  .haze-age-gate {
    position: fixed;
    inset: 0;
    background: rgba(14, 31, 38, 0.95);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: opacity 0.5s ease, visibility 0.5s ease;
  }
  .haze-age-gate.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .age-gate-card {
    position: relative;
    text-align: center;
    max-width: 420px;
    width: 100%;
    padding: 48px 40px 40px;
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(143,180,121,0.1);
    animation: ageGateIn 0.4s ease;
  }
  @keyframes ageGateIn {
    from {
      opacity: 0;
      transform: scale(0.92) translateY(20px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }

  /* Top accent bar */
  .age-gate-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, #8FB479, #C8A84B);
  }

  .age-gate-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(143,180,121,0.12), rgba(200,168,75,0.08));
    border: 1px solid rgba(143,180,121,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .age-gate-card h2 {
    font-size: 28px;
    font-weight: 800;
    color: #0E1F26;
    margin: 0 0 10px;
    letter-spacing: -0.3px;
  }

  .age-gate-card p {
    font-size: 15px;
    color: #5A7A84;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 32px;
  }

  .age-gate-btn-group {
    display: flex;
    gap: 12px;
  }

  .age-gate-btn {
    flex: 1;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.25s ease;
    border: none;
    text-align: center;
  }

  .age-gate-btn-yes {
    background: #8FB479;
    color: #0E1F26;
  }
  .age-gate-btn-yes:hover {
    background: #A3C48D;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(143,180,121,0.3);
  }

  .age-gate-btn-no {
    background: #F0EDEA;
    color: #5A7A84;
  }
  .age-gate-btn-no:hover {
    background: #E4E0DC;
    color: #3D5A63;
  }

  .age-gate-disclaimer {
    margin-top: 20px;
    font-size: 11px;
    color: #9AB0B8;
    line-height: 1.5;
  }

  @media (max-width: 480px) {
    .age-gate-card {
      padding: 36px 24px 32px;
    }
    .age-gate-card h2 {
      font-size: 24px;
    }
    .age-gate-btn-group {
      flex-direction: column;
    }
  }



  /* --- Hamburger button: force visible on mobile --- */
  @media (max-width: 768px) {
    button.nav-toggle,
    .nav-toggle#navToggle {
      display: flex !important;
      flex-direction: column !important;
      gap: 5px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 6px !important;
      z-index: 300 !important;
      position: relative !important;
    }
    button.nav-toggle span,
    .nav-toggle#navToggle span {
      display: block !important;
      width: 24px !important;
      height: 2px !important;
      background: #FFFFFF !important;
      transition: all 0.3s ease !important;
      border-radius: 2px !important;
    }
    /* HamburgerX */
    .nav-toggle-active span:nth-child(1) {
      transform: rotate(45deg) translate(5px, 5px) !important;
      background: #8FB479 !important;
    }
    .nav-toggle-active span:nth-child(2) {
      opacity: 0 !important;
      transform: translateX(-10px) !important;
    }
    .nav-toggle-active span:nth-child(3) {
      transform: rotate(-45deg) translate(5px, -5px) !important;
      background: #8FB479 !important;
    }

    /* Hide desktop nav on mobile */
    ul.nav-links,
    .nav-links#navLinks {
      display: none !important;
    }
  }

  /* --- Scrim (dark backdrop) --- */
  .mobile-menu-scrim {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,0.55) !important;
    z-index: 190 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.35s ease !important;
  }
  .mobile-menu-scrim.open {
    opacity: 1 !important;
    pointer-events: all !important;
  }

  /* --- Slide-in drawer --- */
  @media (min-width: 769px) {
    .haze-mobile-menu#hazeMobileMenu,
    .mobile-menu-scrim {
      display: none !important;
    }
  }
 @media (max-width: 768px) {
    .haze-mobile-menu#hazeMobileMenu {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      height: 100vh !important;
      background: #0E1F26 !important;
      z-index: 200 !important;
      transform: translateX(100%) !important;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
      overflow-y: auto !important;
      padding: 80px 32px 30px !important;
      pointer-events: none !important;
      opacity: 1 !important;
    }
    .haze-mobile-menu#hazeMobileMenu.open {
      transform: translateX(0) !important;
      pointer-events: all !important;
    }
  }

  /* --- Menu section stagger --- */
  .haze-mobile-menu .mobile-menu-section {
    opacity: 0 !important;
    transform: translateX(20px) !important;
    transition: all 0.3s ease !important;
  }
  .haze-mobile-menu.open .mobile-menu-section {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
  .haze-mobile-menu.open .mobile-menu-section:nth-child(1) { transition-delay: 0.1s !important; }
  .haze-mobile-menu.open .mobile-menu-section:nth-child(2) { transition-delay: 0.15s !important; }
  .haze-mobile-menu.open .mobile-menu-section:nth-child(3) { transition-delay: 0.2s !important; }
  .haze-mobile-menu.open .mobile-menu-section:nth-child(4) { transition-delay: 0.25s !important; }
  .haze-mobile-menu.open .mobile-menu-section:nth-child(5) { transition-delay: 0.3s !important; }
  .haze-mobile-menu.open .mobile-menu-section:nth-child(6) { transition-delay: 0.35s !important; }
  .haze-mobile-menu.open .mobile-menu-section:nth-child(7) { transition-delay: 0.4s !important; }
  .haze-mobile-menu.open .mobile-menu-section:nth-child(8) { transition-delay: 0.45s !important; }

  /* --- Menu heading (collapsible) --- */
  .haze-mobile-menu .mobile-menu-heading {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #8FB479 !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(143,180,121,0.15) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .haze-mobile-menu .mobile-menu-heading::after {
    content: '+' !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: rgba(143,180,121,0.5) !important;
    transition: transform 0.3s ease !important;
  }
  .haze-mobile-menu .mobile-menu-heading.expanded::after {
    content: '-' !important;
  }
  .mobile-menu-children {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.35s ease !important;
  }
  .mobile-menu-children.expanded {
    max-height: 500px !important;
  }

  /* --- Menu links --- */
  .haze-mobile-menu .mobile-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.7) !important;
    text-decoration: none !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    transition: all 0.2s ease !important;
  }
  .haze-mobile-menu .mobile-menu-link:hover {
    color: #8FB479 !important;
    padding-left: 8px !important;
  }
  .haze-mobile-menu .menu-arrow {
    font-size: 14px !important;
    opacity: 0.3 !important;
    color: #8FB479 !important;
    transition: all 0.2s !important;
  }
  .haze-mobile-menu .mobile-menu-link:hover .menu-arrow,
  .haze-mobile-menu .mobile-menu-standalone:hover .menu-arrow {
    opacity: 1 !important;
  }

  /* --- Standalone links --- */
  .haze-mobile-menu .mobile-menu-standalone {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 10px 0 !important;
    letter-spacing: 0.3px !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    transition: all 0.2s !important;
  }
  .haze-mobile-menu .mobile-menu-standalone:hover {
    color: #8FB479 !important;
    padding-left: 8px !important;
  }

  /* --- Social icons --- */
  .haze-mobile-menu .mobile-menu-social {
    display: flex !important;
    gap: 14px !important;
    padding-top: 12px !important;
    justify-content: center !important;
  }
  .haze-mobile-menu .mobile-menu-social a {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(143,180,121,0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.45) !important;
    text-decoration: none !important;
    transition: all 0.25s !important;
  }
  .haze-mobile-menu .mobile-menu-social a:hover {
    border-color: #8FB479 !important;
    color: #8FB479 !important;
    background: rgba(143,180,121,0.15) !important;
  }

  /* --- Mobile menu section spacing --- */
  .haze-mobile-menu .mobile-menu-section {
    margin-bottom: 14px !important;
  }



  .announcement-bar .haze-ann-slide:not(#_hz){opacity:1 !important;transform:none !important;animation:none !important;transition:none !important;}
  .announcement-bar .haze-ann-slide:not(#_hz)[hidden]{display:none !important;}
  .announcement-bar .haze-ann-slide a:not(#_hz){color:#162F38 !important;-webkit-text-fill-color:#162F38 !important;font-weight:700;text-decoration:underline;text-underline-offset:2px;}
  .announcement-bar .haze-ann-new{display:inline-block;background:#FFA637;color:#162F38;-webkit-text-fill-color:#162F38;font-weight:800;font-size:10px;letter-spacing:1.5px;padding:1px 7px;border-radius:3px;margin-right:8px;vertical-align:1px;}



  /* === "FEATURED DROP" BADGE TEXT CONTRAST FIX (27 Aug 2026) ===
     .hero-product-badge already sets color:#162F38 !important
     (haze-dawn-overrides.css line 327), but it never set
     -webkit-text-fill-color. The badge <span> sits inside
     .hero-product-card, which is an <a href> with none of the .coa-*
     classes, so it matches the site-wide rule at
     haze-dawn-overrides.css line ~1856:
       a[href]:not(.coa-direct-btn):not(...)... {
         color:#8FB479 !important; -webkit-text-fill-color:#8FB479 !important; }
     -webkit-text-fill-color INHERITS, so the span picked up #8FB479 from
     its parent anchor: and WebKit/Blink paint glyphs using
     -webkit-text-fill-color in preference to color. Result was sage green
     on gold at 1.20:1 contrast. Setting `color` alone does not fix it.

     #162F38 on #FFA637 = 7.18:1, passes WCAG AA and AAA for small bold text.
     :not(#_hz) is the theme's existing phantom-id specificity pattern
     (see haze-dawn-overrides.css ~line 1922); nothing has id="_hz". */
  .hero-product-badge:not(#_hz),
  .hero-product-card .hero-product-badge:not(#_hz) {
    color: #162F38 !important;
    -webkit-text-fill-color: #162F38 !important;
  }



  .haze-reviews { padding: 0 0 48px; }
  .haze-reviews .container { max-width: 960px; margin: 0 auto; }
  .haze-reviews__summary { display: grid; grid-template-columns: minmax(160px, 1fr) 2fr; gap: 24px; align-items: center; padding: 20px 0; border-top: 1px solid rgba(143,180,121,.25); }
  .haze-reviews__score-num { font-size: 44px; line-height: 1; font-weight: 700; }
  .haze-reviews__score-num span { font-size: 18px; opacity: .7; }
  .haze-reviews__stars { color: #8FB479; letter-spacing: 2px; }
  .haze-reviews__count { font-size: 14px; opacity: .8; }
  .haze-reviews__row { display: flex; align-items: center; gap: 10px; font-size: 14px; margin: 4px 0; }
  .haze-reviews__row-label { width: 52px; }
  .haze-reviews__bar { flex: 1; height: 8px; background: rgba(143,180,121,.18); border-radius: 4px; overflow: hidden; }
  .haze-reviews__bar span { display: block; height: 100%; background: #8FB479; }
  .haze-reviews__row-count { width: 28px; text-align: right; }
  .haze-reviews__heading { margin: 32px 0 8px; }
  .haze-reviews__item { padding: 16px 0; border-top: 1px solid rgba(143,180,121,.25); }
  .haze-reviews__meta { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: baseline; font-size: 14px; }
  .haze-reviews__date { opacity: .7; }
  .haze-reviews__product { font-size: 13px; opacity: .8; margin: 4px 0 6px; }
  .haze-reviews__title { font-size: 16px; margin: 4px 0; }
  .haze-reviews__body p { margin: 0 0 8px; }
  .haze-reviews__reply { margin: 8px 0 0; padding: 8px 12px; border-left: 3px solid #8FB479; font-size: 14px; }
  .haze-reviews__all { margin-top: 20px; }
  @media (max-width: 640px) { .haze-reviews__summary { grid-template-columns: 1fr; } }



  .haze-age-notice{display:flex;gap:12px;align-items:flex-start;background:#FFF4E0;border:1px solid #FFA637;border-left-width:4px;cursor:default;border-radius:6px;padding:14px 16px;margin:0 0 16px;color:#162F38;font-size:14px;line-height:1.45;text-align:left;box-sizing:border-box;width:100%;}
  .haze-age-notice--compact{padding:10px 12px;font-size:12.5px;margin:0 0 12px;gap:9px;}
  .haze-age-notice__icon{flex:0 0 auto;width:22px;height:22px;margin-top:1px;}
  .haze-age-notice--compact .haze-age-notice__icon{width:18px;height:18px;}
  .haze-age-notice__title{display:block;font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:12px;margin-bottom:3px;color:#9A4B00;}
  .haze-age-notice p{margin:0;}
  .haze-age-notice strong{font-weight:800;}