/* Haze New Look v0.1 — header, product page, cart drawer. Scoped to body.hz-next:not(#_a):not(#_b):not(#_c). */ /* ---------- Tokens ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c) { --n-bg: #FFFDF8; --n-card: #FFFFFF; --n-photo: #FFFFFF; --n-band: #F2F8F0; --n-board: #1B3C35; --n-on-board: #FFFFFF; --n-on-board-2: #D7E4DC; --n-btn: #1B3C35; --n-btn-h: #10211D; --n-on-btn: #FFFFFF; --n-text: #10211D; --n-muted: #3D4A45; --n-muted2: #55625D; --n-brand: #1B3C35; --n-line: #E3E8E1; --n-line2: #C9D2CC; --n-tag: #FFA637; --n-on-tag: #10211D; --n-ci-bg: #1B3C35; --n-ci-fg: #FFFFFF; --n-ch-bg: #8DB73F; --n-ch-fg: #10211D; --n-cs-bg: #B3E5E6; --n-cs-fg: #10211D; --n-display: 'Big Shoulders Display', 'Arial Narrow', sans-serif; --n-body: 'DM Sans', system-ui, sans-serif; --n-r: 6px; } html[data-hz-theme="dark"] body.hz-next:not(#_a):not(#_b):not(#_c) { --n-bg: #0F1D1A; --n-card: #162C27; --n-photo: #FFFFFF; --n-band: #1B3C35; --n-board: #0A1512; --n-on-board: #FFFFFF; --n-on-board-2: #BACBC3; --n-btn: #8FB479; --n-btn-h: #A6C98E; --n-on-btn: #0F1D1A; --n-text: #F1EEE6; --n-muted: #BACBC3; --n-muted2: #A3B7AD; --n-brand: #B5D79A; --n-line: #2A443D; --n-line2: #3D5D54; --n-ci-bg: #6E9A5A; --n-ci-fg: #0F1D1A; color-scheme: dark; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product, body.hz-next:not(#_a):not(#_b):not(#_c).single-product #wrapper, body.hz-next:not(#_a):not(#_b):not(#_c).single-product #inner-wrap, body.hz-next:not(#_a):not(#_b):not(#_c).single-product #MainContent { background: var(--n-bg) !important; color: var(--n-text); } body.hz-next:not(#_a):not(#_b):not(#_c) ::selection { background: var(--n-tag); color: var(--n-on-tag); } /* ---------- Theme switch ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-theme-btn { width: 40px; height: 40px; border: 0; border-radius: var(--n-r); background: transparent; color: var(--n-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; margin: 0 2px; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-theme-btn:hover { background: var(--n-band); } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-theme-btn:focus-visible { outline: 2px solid var(--n-brand); outline-offset: 2px; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-theme-btn .hnl-sun { display: none; } html[data-hz-theme="dark"] body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-theme-btn .hnl-sun { display: block; } html[data-hz-theme="dark"] body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-theme-btn .hnl-moon { display: none; } /* ---------- Announcement + header ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c) .announcement-bar { background: var(--n-board) !important; color: var(--n-on-board) !important; font-family: var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .announcement-bar a, body.hz-next:not(#_a):not(#_b):not(#_c) .announcement-bar span { color: var(--n-on-board) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .announcement-bar .haze-ann-new { background: var(--n-tag) !important; color: var(--n-on-tag) !important; border-radius: 2px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) header nav.nav { background: var(--n-bg) !important; border-bottom: 1px solid var(--n-line) !important; box-shadow: none !important; backdrop-filter: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) #navLinks > li > a { color: var(--n-text) !important; font-family: var(--n-body) !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) #navLinks > li > a:hover { color: var(--n-brand) !important; text-decoration: underline; text-underline-offset: 4px; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-dropdown { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-dropdown a { color: var(--n-text) !important; font-family: var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-dropdown a:hover { background: var(--n-band) !important; color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-actions a, body.hz-next:not(#_a):not(#_b):not(#_c) .nav-actions button, body.hz-next:not(#_a):not(#_b):not(#_c) .cart-icon { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-actions svg { stroke: currentColor; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-toggle span, body.hz-next:not(#_a):not(#_b):not(#_c) .nav-toggle i { background: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-logo-img { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--n-brand); text-decoration: none; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-logo svg { flex: none; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-logo span { font-family: var(--n-display); font-weight: 900; font-size: 24px; line-height: 1; letter-spacing: .01em; color: var(--n-brand); white-space: nowrap; } @media (max-width: 600px) { body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-logo span { font-size: 19px; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-logo svg { width: 24px; height: 24px; } } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-mobile-menu { background: var(--n-bg) !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-mobile-menu a, body.hz-next:not(#_a):not(#_b):not(#_c) .haze-mobile-menu .mobile-menu-heading { color: var(--n-text) !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-mobile-menu .mobile-menu-section { border-color: var(--n-line) !important; } /* ---------- Product page ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .haze-product { background: var(--n-bg) !important; color: var(--n-text) !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .collection-breadcrumbs, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .collection-breadcrumbs a, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .breadcrumb-sep, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .breadcrumb-current { color: var(--n-muted) !important; background: transparent !important; font-family: var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } /* gallery */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-main-image { background: var(--n-photo) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-main-image img { mix-blend-mode: normal !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-thumb { background: var(--n-photo) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-thumb-active { border: 2px solid var(--n-brand) !important; } /* buy box order: chip, title, proof, take, facts, options, tiers, price, button, promises */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-details { display: flex !important; flex-direction: column !important; gap: 16px !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-details > * { margin-top: 0 !important; margin-bottom: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-type-label { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-strain-type { order: 0; align-self: flex-start; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-page-title { order: 1; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-proof-line { order: 2; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-decision-note { order: 3; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .strain-stats-bar { order: 4; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-lab-jump { order: 5; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-option-group { order: 6; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .low-stock-msg { order: 7; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tiers { order: 8; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-savings-msg { order: 9; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-price-display { order: 10; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .shopify-product-form { order: 11; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .hnl-lines { order: 12; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .hnl-id-note { order: 13; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-buy-promises { order: 14; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-trust-badges { display: none !important; } /* type chip */ body.hz-next:not(#_a):not(#_b):not(#_c) .product-strain-type { font: 700 12px/1 var(--n-body) !important; padding: 5px 8px !important; border-radius: 2px !important; letter-spacing: 0 !important; text-transform: none !important; border: 0 !important; background: var(--n-ch-bg) !important; color: var(--n-ch-fg) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .product-strain-type[data-hnl-type="indica"] { background: var(--n-ci-bg) !important; color: var(--n-ci-fg) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .product-strain-type[data-hnl-type="sativa"] { background: var(--n-cs-bg) !important; color: var(--n-cs-fg) !important; } /* title */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-page-title { font-family: var(--n-display) !important; font-weight: 900 !important; font-size: clamp(40px, 5vw, 64px) !important; line-height: .92 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-page-title .hnl-kicker { display: block; font-family: var(--n-body); font-weight: 500; font-size: 14px; line-height: 1.4; color: var(--n-muted); margin-bottom: 6px; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-proof-line, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-proof-line * { color: var(--n-muted) !important; font-family: var(--n-body) !important; font-size: 14px !important; background: transparent !important; border-color: var(--n-line) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-rating-star { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-decision-note { color: var(--n-muted) !important; font-size: 17px !important; line-height: 1.5 !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-decision-note strong, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-decision-note b { color: var(--n-text) !important; } /* facts */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .strain-stats-bar { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } @media (max-width: 600px) { body.hz-next:not(#_a):not(#_b):not(#_c).single-product .strain-stats-bar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .strain-stat { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; padding: 10px 12px !important; display: flex !important; flex-direction: column-reverse !important; gap: 2px !important; align-items: flex-start !important; text-align: left !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .strain-stat::before, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .strain-stat::after { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .strain-stat-label { font: 500 12px/1.3 var(--n-body) !important; color: var(--n-muted2) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .strain-stat-value { font: 700 17px/1.2 var(--n-body) !important; color: var(--n-text) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-lab-jump { align-self: flex-start; background: none !important; border: 0 !important; padding: 0 !important; color: var(--n-brand) !important; font: 700 14px var(--n-body) !important; text-decoration: underline !important; text-underline-offset: 3px; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer; } /* option groups */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-option-label, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tiers-label { font: 700 14px var(--n-body) !important; color: var(--n-text) !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 8px !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-option-help { font: 400 13px var(--n-body) !important; color: var(--n-muted) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatches { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 44px !important; padding: 0 12px 0 6px !important; width: auto !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; color: var(--n-text) !important; text-decoration: none !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch:hover { border-color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch-active { border: 2px solid var(--n-brand) !important; background: var(--n-band) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch-image { width: 32px !important; height: 32px !important; border-radius: 4px !important; background-color: var(--n-photo) !important; flex: none !important; border: 0 !important; margin: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch-name { font: 500 14px var(--n-body) !important; color: inherit !important; text-transform: none !important; letter-spacing: 0 !important; position: static !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .variant-grid-2x2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .variant-grid-btn { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 2px !important; min-height: 64px !important; padding: 10px 14px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; color: var(--n-text) !important; box-shadow: none !important; text-align: left !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .variant-grid-btn:hover { border-color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .variant-grid-btn-active { border: 2px solid var(--n-brand) !important; background: var(--n-band) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .variant-grid-title, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .variant-grid-price { display: inline !important; font: 700 17px var(--n-body) !important; color: var(--n-text) !important; letter-spacing: 0 !important; text-transform: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .hnl-per { display: block; font: 400 12px var(--n-body); color: var(--n-muted); } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .low-stock-msg { color: var(--n-brand) !important; font: 700 13px var(--n-body) !important; } /* tiers */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tiers { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; background: transparent !important; border: 0 !important; padding: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tiers-label { grid-column: 1 / -1; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; min-height: 72px !important; padding: 10px 12px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; color: var(--n-text) !important; box-shadow: none !important; text-align: left !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier:hover { border-color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-active { border: 2px solid var(--n-brand) !important; background: var(--n-band) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-top { display: flex !important; flex-direction: column !important; gap: 2px !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-amount { font: 700 16px var(--n-body) !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-badge { font: 500 12px var(--n-body) !important; color: var(--n-muted) !important; background: transparent !important; padding: 0 !important; border: 0 !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-label { font: 500 12px var(--n-body) !important; color: var(--n-muted2) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-savings-msg, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-savings-msg * { color: var(--n-brand) !important; font: 700 14px var(--n-body) !important; background: transparent !important; border: 0 !important; } /* price as a shelf tag */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-price-display { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 14px !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product #product-price { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: var(--n-tag) !important; color: var(--n-on-tag) !important; font: 800 44px/1 var(--n-display) !important; padding: 8px 14px 8px 10px !important; border-radius: 2px !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product #product-price::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--n-bg); } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-price-caption { font: 400 14px var(--n-body) !important; color: var(--n-muted) !important; text-transform: none !important; letter-spacing: 0 !important; } /* add to bag row */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-cart-row { display: flex !important; gap: 10px !important; align-items: stretch !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-qty-stepper { display: flex !important; align-items: center !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; overflow: hidden; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-qty-btn { width: 44px !important; height: 56px !important; background: transparent !important; border: 0 !important; color: var(--n-text) !important; font-size: 20px !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-qty-input { width: 44px !important; height: 56px !important; border: 0 !important; background: transparent !important; color: var(--n-text) !important; text-align: center !important; font: 700 16px var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-atc-btn, body.hz-next:not(#_a):not(#_b):not(#_c) .sticky-atc-btn { flex: 1 !important; height: 56px !important; border-radius: var(--n-r) !important; border: 0 !important; background: var(--n-btn) !important; color: var(--n-on-btn) !important; font: 700 17px var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-atc-btn:hover, body.hz-next:not(#_a):not(#_b):not(#_c) .sticky-atc-btn:hover { background: var(--n-btn-h) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-atc-btn * { color: inherit !important; } /* injected lines + notes */ body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-lines { display: flex; flex-direction: column; gap: 8px; font: 400 14px/1.45 var(--n-body); color: var(--n-muted); } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-lines div { display: flex; gap: 10px; align-items: flex-start; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-lines svg { flex: none; margin-top: 2px; color: var(--n-brand); } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-lines .hnl-todo { color: var(--n-muted2); font-style: italic; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-id-note { background: var(--n-band); border-radius: var(--n-r); padding: 12px 14px; font: 400 14px/1.45 var(--n-body); color: var(--n-text); } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-id-note b { font-weight: 700; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-buy-promises { display: flex !important; flex-wrap: wrap !important; gap: 6px 16px !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-buy-promise { font: 400 13px var(--n-body) !important; color: var(--n-muted) !important; background: transparent !important; border: 0 !important; padding: 0 !important; text-transform: none !important; letter-spacing: 0 !important; } /* sticky bar */ body.hz-next:not(#_a):not(#_b):not(#_c) .sticky-atc-bar { background: var(--n-bg) !important; border-top: 1px solid var(--n-line) !important; box-shadow: 0 -6px 20px rgba(0,0,0,.08) !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .sticky-atc-title { color: var(--n-text) !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .sticky-atc-variant, body.hz-next:not(#_a):not(#_b):not(#_c) .sticky-atc-price { color: var(--n-muted) !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .sticky-atc-thumb { background: var(--n-photo) !important; border-radius: 4px !important; } /* tabs, reviews, related */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-reviews-section, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-related-section { background: var(--n-bg) !important; color: var(--n-text) !important; font-family: var(--n-body) !important; border-color: var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper *, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-reviews-section * { border-color: var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper h2, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper h3, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-reviews-section h2, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-related-section h2 { font-family: var(--n-display) !important; font-weight: 800 !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper p, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper li, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper td, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper span:not([class*="badge"]) { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper a { color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper button { background: transparent !important; color: var(--n-muted) !important; font-family: var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper button[aria-selected="true"], body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper button.active, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tabs-wrapper button[class*="active"] { color: var(--n-text) !important; box-shadow: inset 0 -2px 0 var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-reviews-section [class*="card"], body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-reviews-section [class*="review-item"] { background: var(--n-card) !important; color: var(--n-text) !important; border-radius: var(--n-r) !important; } /* ---------- Cart drawer ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer { background: var(--n-bg) !important; color: var(--n-text) !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-overlay { background: rgba(10, 21, 18, .45) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-header { background: var(--n-bg) !important; border-bottom: 1px solid var(--n-line) !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-header h2, body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-header h3, body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-header [class*="title"] { font-family: var(--n-display) !important; font-weight: 900 !important; font-size: 28px !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-close { color: var(--n-text) !important; background: transparent !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-shipping { background: var(--n-band) !important; color: var(--n-text) !important; border: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .shipping-bar-text, body.hz-next:not(#_a):not(#_b):not(#_c) .shipping-bar-text * { color: var(--n-text) !important; font: 700 15px/1.4 var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .shipping-bar-text a { color: var(--n-brand) !important; text-decoration: underline !important; font-weight: 700 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .shipping-bar-track { background: var(--n-card) !important; border: 1px solid var(--n-line2) !important; height: 10px !important; border-radius: 5px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .shipping-bar-fill { background: var(--n-btn) !important; border-radius: 5px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-items, body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-items * { color: var(--n-text); border-color: var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-items img { background: var(--n-photo) !important; border-radius: 4px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-items [class*="price"] { color: var(--n-text) !important; font-weight: 700 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-items [class*="variant"], body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-items [class*="meta"] { color: var(--n-muted) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-items button { color: var(--n-text) !important; background: transparent !important; border-color: var(--n-line2) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-upsells { background: var(--n-bg) !important; border-color: var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-upsells * { color: var(--n-text); border-color: var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-upsells [class*="card"], body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-upsells [class*="item"] { background: var(--n-card) !important; border-radius: var(--n-r) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-upsells img { background: var(--n-photo) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-upsells button { background: var(--n-card) !important; color: var(--n-brand) !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; font: 700 13px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-footer { background: var(--n-bg) !important; border-top: 1px solid var(--n-line) !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-subtotal, body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-subtotal * { color: var(--n-text) !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-total { font-weight: 700 !important; font-size: 18px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-tax-note { color: var(--n-muted) !important; font: 400 12px var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-checkout-btn { display: flex !important; align-items: center !important; justify-content: center !important; height: 56px !important; border-radius: var(--n-r) !important; background: var(--n-btn) !important; color: var(--n-on-btn) !important; font: 700 17px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; border: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-checkout-btn:hover { background: var(--n-btn-h) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-viewcart { color: var(--n-brand) !important; font-family: var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-empty, body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-empty * { color: var(--n-text) !important; } /* ---------- Footer ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c) .haze-footer-section, body.hz-next:not(#_a):not(#_b):not(#_c) .haze-footer-section > * { background: var(--n-board) !important; } /* ---------- Overrides for theme rules that use :not(#_hz) / text-fill ---------- */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(header, .announcement-bar, .haze-product, .haze-collection, .cart-drawer, .haze-mobile-menu, .collection-breadcrumbs, .hnl-logo), html body.hz-next:not(#_a):not(#_b):not(#_c) :is(header, .announcement-bar, .haze-product, .haze-collection, .cart-drawer, .haze-mobile-menu, .collection-breadcrumbs) *:not(#_hnl):not(#_hnl2) { -webkit-text-fill-color: currentColor !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-details { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-decision-note { background: transparent !important; border: 0 !important; padding: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-decision-note strong { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch * { text-decoration: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch-name { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-breadcrumbs a { text-decoration: underline !important; text-underline-offset: 3px; } body.hz-next:not(#_a):not(#_b):not(#_c) .announcement-bar, body.hz-next:not(#_a):not(#_b):not(#_c) .announcement-bar * { opacity: 1 !important; } /* existing 21+ notice in the drawer, restyled */ body.hz-next:not(#_a):not(#_b):not(#_c) .haze-age-notice { background: var(--n-band) !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; box-shadow: none !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-age-notice * { color: var(--n-text) !important; background: transparent !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-age-notice strong, body.hz-next:not(#_a):not(#_b):not(#_c) .haze-age-notice b { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-age-notice svg { color: var(--n-brand) !important; stroke: currentColor; } body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-count { background: transparent !important; color: inherit !important; } /* tiers: hide empty savings line and duplicate label */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-savings-msg:has(#tier-savings-text:empty) { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-label.hnl-dup { display: none !important; } /* ---------- 0.1.3: lower product page in both modes ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-description-content, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-description-content *:not(.hnl-acc-btn):not(.hnl-acc-btn *) { color: var(--n-text) !important; background: transparent !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tab-content, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tab-content *:not(a):not(button):not(.hnl-acc-btn *) { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tab-content a { color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tab-nav { border-color: var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .coa-direct-btn { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border: 0 !important; border-radius: var(--n-r) !important; box-shadow: none !important; font: 700 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .coa-direct-btn *, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .coa-direct-btn svg { color: var(--n-on-btn) !important; stroke: currentColor; } /* collapsible description (SEO copy) */ body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc { margin: 0; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-intro { font: 400 17px/1.6 var(--n-body); color: var(--n-text); margin: 0 0 12px; max-width: 760px; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-item { border-top: 1px solid var(--n-line); max-width: 760px; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-item:last-child { border-bottom: 1px solid var(--n-line); } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-item h3 { margin: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-btn { all: unset; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 4px; cursor: pointer; font: 800 24px/1.1 var(--n-display); color: var(--n-brand) !important; -webkit-text-fill-color: currentColor !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-btn:focus-visible { outline: 2px solid var(--n-brand); outline-offset: 2px; border-radius: 2px; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-btn svg { flex: none; transition: transform .2s; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-btn[aria-expanded="true"] svg { transform: rotate(45deg); } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-body { padding: 0 4px 18px; font: 400 16px/1.65 var(--n-body); color: var(--n-text); } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-body[hidden] { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-toggle-all { all: unset; cursor: pointer; margin: 14px 0 0; font: 700 14px var(--n-body); color: var(--n-brand) !important; -webkit-text-fill-color: currentColor !important; text-decoration: underline; text-underline-offset: 3px; } /* reviews */ body.hz-next:not(#_a):not(#_b):not(#_c) .product-reviews-section, body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews { background: var(--n-bg) !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews *:not(.hz-stars):not(.hz-stars *):not(.hz-reviews__write) { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews__title { font-family: var(--n-display) !important; font-weight: 800 !important; color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hz-review { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hz-review__verified, body.hz-next:not(#_a):not(#_b):not(#_c) .hz-review__meta time { color: var(--n-muted) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews__track { background: var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews__bar span:not(.hz-reviews__track) { color: var(--n-muted) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews__write { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border: 0 !important; border-radius: var(--n-r) !important; font: 700 15px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; } /* related product cards */ body.hz-next:not(#_a):not(#_b):not(#_c) .product-related-section { background: var(--n-bg) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .related-products-heading { font-family: var(--n-display) !important; font-weight: 800 !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__media { background: var(--n-photo) !important; background-image: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__body, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__body *:not(button):not(select):not(.haze-merch-card__badge) { color: var(--n-text) !important; background-image: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__body { background: var(--n-card) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__summary, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__verified, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__from, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__stock, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-profile-badges__label, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__eyebrow span { color: var(--n-muted) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__title a { color: var(--n-text) !important; font-family: var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-profile-badges__item { background: var(--n-band) !important; border: 0 !important; border-radius: 2px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card select { background: var(--n-card) !important; color: var(--n-text) !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card button, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card a[class*="btn"], body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card a[class*="add"] { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border: 0 !important; border-radius: var(--n-r) !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__badge { border-radius: 2px !important; } /* empty cart button */ body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-empty .btn, body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-empty a, body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-empty button { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-radius: var(--n-r) !important; border: 0 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; } /* 0.1.4 */ html body.hz-next:not(#_a):not(#_b):not(#_c).single-product .coa-direct-links a.coa-direct-btn span, html body.hz-next:not(#_a):not(#_b):not(#_c).single-product .coa-direct-links a.coa-direct-btn svg { color: var(--n-on-btn) !important; -webkit-text-fill-color: var(--n-on-btn) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews a.hz-reviews__write, html body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews a.hz-reviews__write * { color: var(--n-on-btn) !important; -webkit-text-fill-color: var(--n-on-btn) !important; text-decoration: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hz-reviews .hz-review__verified { background: var(--n-band) !important; color: var(--n-text) !important; -webkit-text-fill-color: var(--n-text) !important; border: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .product-related-section .related-products-heading { font-size: clamp(28px, 3vw, 40px) !important; line-height: 1 !important; margin-bottom: 18px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c).single-product .variant-grid-btn .variant-grid-sold-out { color: var(--n-muted) !important; -webkit-text-fill-color: var(--n-muted) !important; background: transparent !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .cart-drawer-empty p { color: var(--n-text) !important; -webkit-text-fill-color: var(--n-text) !important; } /* =================== 0.2.0 =================== */ /* phone header fit */ @media (max-width: 600px) { body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-logo { gap: 7px; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-logo span { font-size: 16px; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-logo svg { width: 22px; height: 22px; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-actions { gap: 6px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .nav-actions > * { margin: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-theme-btn { width: 34px; height: 40px; } } /* selected states: keep border width, add an inset ring (no layout shift) */ body.hz-next:not(#_a):not(#_b):not(#_c).single-product .variant-grid-btn-active, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-active, body.hz-next:not(#_a):not(#_b):not(#_c).single-product .flavor-swatch-active { border: 1px solid var(--n-brand) !important; box-shadow: inset 0 0 0 1px var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .qty-tier-amount { text-align: left !important; align-self: flex-start !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .pdp-buy-promises { background: transparent !important; background-image: none !important; border: 0 !important; padding: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tab-nav { scrollbar-width: none; } body.hz-next:not(#_a):not(#_b):not(#_c).single-product .product-tab-nav::-webkit-scrollbar { display: none; } html body.hz-next:not(#_a):not(#_b):not(#_c).single-product .coa-direct-links a.coa-direct-btn { background-image: none !important; } /* ---------- shared product card (related + collections) ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__badge { font: 700 12px/1 var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; padding: 5px 8px !important; border-radius: 2px !important; border: 0 !important; box-shadow: none !important; -webkit-text-fill-color: currentColor !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__badge--bestseller { background: var(--n-tag) !important; color: var(--n-on-tag) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__badge--strain { background: var(--n-ch-bg) !important; color: var(--n-ch-fg) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__badge--strain[data-hnl-type="indica"] { background: var(--n-ci-bg) !important; color: var(--n-ci-fg) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__badge--strain[data-hnl-type="sativa"] { background: var(--n-cs-bg) !important; color: var(--n-cs-fg) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__eyebrow, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__eyebrow * { font: 500 12px var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--n-muted) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__title, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__title a { font: 700 17px/1.25 var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__reviews, body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__reviews * { color: var(--n-muted) !important; font-size: 13px !important; text-decoration: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__star { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__summary { font: 400 13px/1.45 var(--n-body) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-profile-badges__label { font: 500 11px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-profile-badges__value { font: 700 12px var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__deal { color: var(--n-brand) !important; font: 700 12px/1.4 var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__variant-picker label { font: 700 13px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card select { height: 44px !important; font: 500 14px var(--n-body) !important; -webkit-text-fill-color: currentColor !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__from { font: 500 12px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__price strong { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: var(--n-tag) !important; color: var(--n-on-tag) !important; font: 800 24px/1 var(--n-display) !important; padding: 5px 9px 5px 7px !important; border-radius: 2px !important; letter-spacing: 0 !important; -webkit-text-fill-color: currentColor !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__price strong::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--n-card); } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__price s { color: var(--n-muted) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__cta { height: 44px !important; padding: 0 16px !important; font: 700 14px var(--n-body) !important; -webkit-text-fill-color: currentColor !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__cta:hover { background: var(--n-btn-h) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card:hover { border-color: var(--n-brand) !important; transform: none !important; } /* ---------- collection pages ---------- */ body.hz-next:not(#_a):not(#_b):not(#_c):has(.haze-collection), body.hz-next:not(#_a):not(#_b):not(#_c):has(.haze-collection) #wrapper, body.hz-next:not(#_a):not(#_b):not(#_c):has(.haze-collection) #inner-wrap, body.hz-next:not(#_a):not(#_b):not(#_c):has(.haze-collection) #MainContent { background: var(--n-bg) !important; color: var(--n-text); } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection, body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection > *, body.hz-next:not(#_a):not(#_b):not(#_c) .collection-products, body.hz-next:not(#_a):not(#_b):not(#_c) .collection-toolbar, body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom { background: var(--n-bg) !important; background-image: none !important; color: var(--n-text) !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .collection-breadcrumbs { background: transparent !important; border-bottom: 1px solid var(--n-line) !important; } /* banner becomes a plain header */ body.hz-next:not(#_a):not(#_b):not(#_c) .collection-banner { background: var(--n-bg) !important; min-height: 0 !important; padding: 36px 0 12px !important; border: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-banner-bg, body.hz-next:not(#_a):not(#_b):not(#_c) .collection-banner-overlay { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-banner-content { text-align: left !important; align-items: flex-start !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-banner-kicker { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-page-title { font-family: var(--n-display) !important; font-weight: 900 !important; font-size: clamp(44px, 6vw, 72px) !important; line-height: .92 !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; text-shadow: none !important; margin: 0 0 10px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-decision-prompt { font: 400 17px/1.5 var(--n-body) !important; color: var(--n-muted) !important; margin: 0 !important; } /* category links */ body.hz-next:not(#_a):not(#_b):not(#_c) .hc-shop-nav { background: var(--n-bg) !important; border: 0 !important; padding: 8px 0 16px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-shop-nav .container { justify-content: flex-start !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-shop-nav a { height: 40px !important; display: inline-flex !important; align-items: center !important; padding: 0 14px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; color: var(--n-text) !important; font: 500 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; text-decoration: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-shop-nav a:hover { border-color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-shop-nav a.is-active { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-color: var(--n-btn) !important; font-weight: 700 !important; } /* proof strip */ body.hz-next:not(#_a):not(#_b):not(#_c) .hc-proof-strip { background: var(--n-band) !important; border: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-proof-item { color: var(--n-muted) !important; font: 500 13px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; border-color: var(--n-line2) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-proof-item svg { color: var(--n-brand) !important; stroke: currentColor; } /* toolbar */ body.hz-next:not(#_a):not(#_b):not(#_c) .collection-toolbar { border-bottom: 1px solid var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-results-count, body.hz-next:not(#_a):not(#_b):not(#_c) .collection-results-count * { color: var(--n-muted) !important; font: 500 14px var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-sort, body.hz-next:not(#_a):not(#_b):not(#_c) .collection-sort * { color: var(--n-text) !important; font-family: var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .sort-select { height: 44px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background-color: var(--n-card) !important; color: var(--n-text) !important; font: 500 14px var(--n-body) !important; -webkit-text-fill-color: currentColor !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filter-toggle { height: 44px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; color: var(--n-text) !important; font: 700 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } /* filter sidebar */ body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filters { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filters-head, body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filters-head * { color: var(--n-text) !important; font: 700 16px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; border-color: var(--n-line) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filter-intro { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filter-intro__eyebrow { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filter-intro p, body.hz-next:not(#_a):not(#_b):not(#_c) .hc-product-search__caption, body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filter-search__empty { color: var(--n-muted) !important; font: 400 13px var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filters input[type="search"], body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filters input[type="text"] { height: 44px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-bg) !important; color: var(--n-text) !important; font: 400 14px var(--n-body) !important; box-shadow: none !important; -webkit-text-fill-color: currentColor !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filters input::placeholder { color: var(--n-muted2) !important; -webkit-text-fill-color: var(--n-muted2) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filters button[type="submit"] { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-radius: var(--n-r) !important; border: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-option-finder label, body.hz-next:not(#_a):not(#_b):not(#_c) .hc-option-finder > * { color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-option-finder::before, body.hz-next:not(#_a):not(#_b):not(#_c) .hc-option-finder > span:first-child { color: var(--n-text) !important; text-transform: none !important; letter-spacing: 0 !important; font: 700 13px var(--n-body) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fgroup { background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid var(--n-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fgroup-title { padding: 14px 0 !important; color: var(--n-text) !important; font: 700 15px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; background: transparent !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fgroup-title * { color: inherit !important; font: inherit !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fgroup-title svg { width: 18px; height: 18px; stroke: currentColor; fill: none; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fgroup-content { padding: 0 0 12px !important; background: transparent !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fopt { display: flex !important; align-items: center !important; gap: 10px !important; min-height: 40px !important; padding: 0 8px !important; border-radius: var(--n-r) !important; color: var(--n-text) !important; text-decoration: none !important; background: transparent !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fopt:hover { background: var(--n-band) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fopt .hc-flabel { flex: 1; font: 500 14px var(--n-body) !important; color: var(--n-text) !important; text-decoration: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fopt .hc-fcount { font: 400 12px var(--n-body) !important; color: var(--n-muted2) !important; text-decoration: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fopt .hc-check { width: 18px !important; height: 18px !important; border: 1.5px solid var(--n-brand) !important; border-radius: 3px !important; background: var(--n-card) !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fopt:is(.is-active, .is-selected, [aria-current], [aria-pressed="true"]) .hc-check { background: var(--n-btn) !important; border-color: var(--n-btn) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fopt:is(.is-active, .is-selected, [aria-current], [aria-pressed="true"]) .hc-flabel { font-weight: 700 !important; } /* grid gaps + conversion break */ body.hz-next:not(#_a):not(#_b):not(#_c) .collection-grid { gap: 16px !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break { background: var(--n-band) !important; background-image: none !important; border: 0 !important; border-radius: var(--n-r) !important; box-shadow: none !important; color: var(--n-text) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break * { color: var(--n-text) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break :is(h2, h3, strong) { font-family: var(--n-display) !important; font-weight: 800 !important; color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break a { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-radius: var(--n-r) !important; border: 0 !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break a * { color: var(--n-on-btn) !important; } /* bottom SEO copy */ body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom__panel { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom__eyebrow { display: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom h2 { font-family: var(--n-display) !important; font-weight: 800 !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-content, body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-content *:not(a):not(button) { color: var(--n-text) !important; background: transparent !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-content a { color: var(--n-brand) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-fade { background: linear-gradient(to bottom, transparent, var(--n-card)) !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .seo-toggle-btn, body.hz-next:not(#_a):not(#_b):not(#_c) .description-toggle { background: transparent !important; color: var(--n-brand) !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; font: 700 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .pagination a, body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .pagination span, body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection [class*="pagination"] a { color: var(--n-text) !important; border-color: var(--n-line2) !important; background: var(--n-card) !important; border-radius: var(--n-r) !important; } /* 0.2.1 collection fixes */ body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .collection-breadcrumbs a, body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .breadcrumb-sep, body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .breadcrumb-current { color: var(--n-muted) !important; -webkit-text-fill-color: var(--n-muted) !important; font: 400 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .collection-breadcrumbs a { text-decoration: underline !important; text-underline-offset: 3px; } body.hz-next:not(#_a):not(#_b):not(#_c) .collection-banner .container { display: block !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-fgroup--mood summary span::before { color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; font-family: var(--n-display) !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: 0 !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.hc-product-search, .hc-filter-search) { display: flex !important; align-items: center !important; gap: 8px !important; min-height: 44px !important; padding: 0 6px 0 12px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-bg) !important; box-shadow: none !important; } body.hz-next:not(#_a):not(#_b):not(#_c) :is(.hc-product-search, .hc-filter-search) svg { width: 16px; height: 16px; flex: none; stroke: var(--n-muted); fill: none; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.hc-product-search, .hc-filter-search) input:not([type="hidden"]) { flex: 1 !important; min-width: 0 !important; height: 40px !important; border: 0 !important; background: transparent !important; padding: 0 !important; outline: 0; color: var(--n-text) !important; -webkit-text-fill-color: var(--n-text) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-product-search button { width: 32px !important; height: 32px !important; flex: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__price strong { color: var(--n-on-tag) !important; -webkit-text-fill-color: var(--n-on-tag) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__summary { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; max-height: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__footer .haze-merch-card__price strong { color: var(--n-on-tag) !important; -webkit-text-fill-color: var(--n-on-tag) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.product-related-section, .haze-collection, .haze-best-sellers-v3) .haze-merch-card__body .haze-merch-card__summary { height: auto !important; min-height: 0 !important; } /* 0.2.3 $99 value promo, filter "show more", SEO links */ html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo { background: var(--n-band) !important; background-image: none !important; border: 0 !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo::before, html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo::after { display: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo :is(.hv-title, .hv-sub, .hv-cta-note, .hv-fact, .hv-fact *) { color: var(--n-text) !important; -webkit-text-fill-color: var(--n-text) !important; text-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-title { font-family: var(--n-display) !important; font-weight: 900 !important; color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-title em { font-style: normal !important; background: var(--n-tag) !important; color: var(--n-on-tag) !important; -webkit-text-fill-color: var(--n-on-tag) !important; padding: 0 8px !important; border-radius: 2px !important; background-image: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-kicker { background: var(--n-tag) !important; color: var(--n-on-tag) !important; -webkit-text-fill-color: var(--n-on-tag) !important; font: 700 12px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; border-radius: 2px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-sub { color: var(--n-muted) !important; -webkit-text-fill-color: var(--n-muted) !important; font: 400 16px/1.5 var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-fact { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-fact b { font: 800 22px/1 var(--n-display) !important; color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-fact span { font: 500 11px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--n-muted) !important; -webkit-text-fill-color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-cta { background: var(--n-btn) !important; background-image: none !important; color: var(--n-on-btn) !important; -webkit-text-fill-color: var(--n-on-btn) !important; border: 0 !important; border-radius: var(--n-r) !important; font: 700 15px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .haze-collection .hv-promo .hv-cta-note { font: 400 12px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--n-muted) !important; -webkit-text-fill-color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-filter-more { background: transparent !important; border: 0 !important; padding: 6px 8px !important; color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; font: 700 13px var(--n-body) !important; text-decoration: underline !important; text-underline-offset: 3px; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom a { color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; text-decoration: underline !important; text-underline-offset: 2px; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break :is(p, span, small, li) { color: var(--n-muted) !important; -webkit-text-fill-color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break h2 { color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break .hc-conversion-break__eyebrow { display: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom a:not(#_d):not(#_e), html body.hz-next:not(#_a):not(#_b):not(#_c) .product-tab-content a:not(#_d):not(#_e), html body.hz-next:not(#_a):not(#_b):not(#_c) .hnl-acc-body a:not(#_d):not(#_e) { color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-banner { display: block !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-banner > .container { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break .hc-conversion-break__inner { background: var(--n-band) !important; background-image: none !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break .hc-conversion-break__inner a { background: var(--n-card) !important; color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; border: 1px solid var(--n-line2) !important; text-decoration: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .hc-conversion-break .hc-conversion-break__inner a:first-of-type { background: var(--n-btn) !important; color: var(--n-on-btn) !important; -webkit-text-fill-color: var(--n-on-btn) !important; border-color: var(--n-btn) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom .collection-seo-bottom__panel { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom .collection-seo-bottom__panel::before, html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom .collection-seo-bottom__panel::after { display: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-seo-bottom h2 { color: var(--n-brand) !important; -webkit-text-fill-color: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-toolbar-inner, html body.hz-next:not(#_a):not(#_b):not(#_c) .collection-results-count { gap: 12px !important; } /* 0.2.7 sticky header that hides on scroll down, shows the nav on scroll up */ /* theme sets body overflow-x:hidden, which makes body a scroll box and kills sticky; clip keeps the no-sideways-scroll without that */ html body.hz-next:not(#_a):not(#_b):not(#_c) { overflow-x: clip !important; overflow-y: visible !important; } html.hnl-hdr-up body.hz-next:not(#_a):not(#_b):not(#_c) #shopify-section-haze-header, html.hnl-hdr-hidden body.hz-next:not(#_a):not(#_b):not(#_c) #shopify-section-haze-header { will-change: top; } html body.hz-next:not(#_a):not(#_b):not(#_c) #shopify-section-haze-header { position: sticky !important; top: var(--hnl-ab, 0px) !important; z-index: 1000 !important; transform: none !important; /* theme has its own translateY hide script; ours replaces it */ transition: top .28s ease, box-shadow .2s ease !important; } html.hnl-hdr-up body.hz-next:not(#_a):not(#_b):not(#_c) #shopify-section-haze-header { top: calc(var(--hnl-ab, 0px) - var(--hnl-ann-h, 0px)) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; } html.hnl-hdr-hidden body.hz-next:not(#_a):not(#_b):not(#_c) #shopify-section-haze-header { top: calc(var(--hnl-ab, 0px) - var(--hnl-hdr-h, 140px) - 4px) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) #shopify-section-haze-header header nav.nav { position: relative !important; top: auto !important; } @media (prefers-reduced-motion: reduce) { html body.hz-next:not(#_a):not(#_b):not(#_c) #shopify-section-haze-header { transition: none !important; } } /* =================== 0.3.0 homepage =================== */ /* page + order (follows the mockup: hero, proof, best sellers, $99 ounce, formats, then the rest) */ html body.hz-next.home:not(#_a):not(#_b):not(#_c), html body.hz-next.home:not(#_a):not(#_b):not(#_c) #wrapper, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #inner-wrap, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent { background: var(--n-bg) !important; color: var(--n-text) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent { display: flex !important; flex-direction: column !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > * { order: 50; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-hero-section { order: 1; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-trust-bar-section { order: 2; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-best-sellers-section { order: 3; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > :has(.haze-v2-value) { order: 4; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-collections-section { order: 5; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-shop-guide-v3-section { order: 6; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-prl-section { order: 7; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > :has(.haze-v2-proof) { order: 8; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-reviews-section { order: 9; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > :has(.haze-v2-diff) { order: 10; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-brand-story-section { order: 11; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-how-it-works-section { order: 12; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-blog-preview-section { order: 13; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-faq-section { order: 14; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-newsletter-section { order: 15; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent *:not(#_hnl):not(#_hnl2) { -webkit-text-fill-color: currentColor !important; text-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > div { background: var(--n-bg) !important; background-image: none !important; color: var(--n-text) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section:not(.hero):not(.trust-bar) { padding-top: 64px !important; padding-bottom: 64px !important; border: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section::before, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section::after { display: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .fade-up { opacity: 1 !important; transform: none !important; } /* shared type */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.section-label, .haze-v2-value__eyebrow, .prl-kicker, .haze-v2-diff__eyebrow, .haze-v2-proof__eyebrow, .hero-tagline) { display: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(h2.section-title, .section-title, .haze-v2-value__title, .prl-title, .haze-v2-diff__title, .haze-v2-proof__title, .haze-reviews__heading, .brand-story-text h2) { font-family: var(--n-display) !important; font-weight: 800 !important; font-size: clamp(36px, 4.2vw, 52px) !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--n-brand) !important; background: none !important; margin-top: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(h2, h3) span { color: inherit !important; background: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(p, li, .section-subtitle, .haze-v2-diff__intro, .haze-v2-value__copy, .prl-sub, .haze-v2-proof__copy) { color: var(--n-muted) !important; font-family: var(--n-body) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent h3 { color: var(--n-text) !important; font-family: var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent a:not([class]) { color: var(--n-brand) !important; } /* buttons: one shape, no pills */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.btn, .haze-v2-value__cta, .prl-cta, .haze-v2-proof__cta) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0 22px !important; border-radius: var(--n-r) !important; font: 700 15px/1 var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-shadow: none !important; background-image: none !important; transform: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.btn-primary, .haze-v2-value__cta, .prl-cta, .haze-v2-proof__cta) { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border: 1px solid var(--n-btn) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.btn-primary, .haze-v2-value__cta, .prl-cta, .haze-v2-proof__cta):hover { background: var(--n-btn-h) !important; border-color: var(--n-btn-h) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.btn-outline, .btn-outline-dark) { background: transparent !important; color: var(--n-text) !important; border: 1px solid var(--n-line2) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.btn-outline, .btn-outline-dark):hover { border-color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.btn, a)::after { content: none !important; } /* hero */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero { min-height: 0 !important; height: auto !important; padding: 48px 0 48px !important; background: var(--n-bg) !important; overflow: visible !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero :is(.hero-bg, .hero-float, .hero-visual) { display: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-content { position: relative !important; z-index: 1; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero.hnl-has-side .hero-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) !important; gap: 48px !important; align-items: center !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-inner > .fade-up:not(.hero-visual) { display: flex !important; flex-direction: column !important; gap: 20px !important; max-width: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-title { font: 900 clamp(52px, 6vw, 84px)/.92 var(--n-display) !important; color: var(--n-brand) !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-title .highlight { color: inherit !important; background: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-title br:first-child { display: none; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-description { font: 400 19px/1.5 var(--n-body) !important; color: var(--n-muted) !important; max-width: 520px !important; margin: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-ctas { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin: 4px 0 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hnl-hero-rating { margin: 0 !important; font: 400 14px var(--n-body) !important; color: var(--n-muted) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hnl-hero-rating b { color: var(--n-text) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo { position: relative; display: flex !important; align-items: center; justify-content: center; min-height: 420px; background: var(--n-photo) !important; border: 1px solid var(--n-line); border-radius: var(--n-r); text-decoration: none !important; overflow: hidden; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo:hover { border-color: var(--n-brand); } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo img { width: 90% !important; height: 360px !important; object-fit: contain !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo .hnl-chip { position: absolute; left: 14px; top: 14px; font: 700 12px/1 var(--n-body) !important; padding: 5px 8px; border-radius: 2px; background: var(--n-ch-bg); color: var(--n-ch-fg) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo .hnl-chip[data-hnl-type="indica"] { background: #1B3C35; color: #FFFFFF !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo .hnl-chip[data-hnl-type="sativa"] { background: var(--n-cs-bg); color: var(--n-cs-fg) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo .hnl-hero-cap { position: absolute; left: 14px; right: 14px; bottom: 14px; font: 700 15px/1.3 var(--n-body) !important; color: #10211D !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board { background: var(--n-board) !important; color: #FFFFFF !important; border-radius: var(--n-r); padding: 22px 22px 18px; display: flex; flex-direction: column; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-title { margin: 0 !important; padding-bottom: 12px; border-bottom: 2px solid var(--n-tag); font: 900 28px/1 var(--n-display) !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: #FFFFFF !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-list li { margin: 0 !important; padding: 0 !important; color: #FFFFFF !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-list li + li { border-top: 1px solid rgba(255,255,255,.16); } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board a.hnl-board-row { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; padding: 12px 0 !important; color: #FFFFFF !important; text-decoration: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board a.hnl-board-row:hover .hnl-board-label { text-decoration: underline; text-underline-offset: 3px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-label { font: 500 15px/1.3 var(--n-body) !important; color: #FFFFFF !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-price { font: 800 32px/1 var(--n-display) !important; color: var(--n-tag) !important; white-space: nowrap; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-price small { font: 500 12px var(--n-body) !important; color: #C9D9D0 !important; margin-right: 5px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-foot { margin: auto 0 0 !important; padding-top: 12px !important; font: 400 12px/1.4 var(--n-body) !important; color: #C9D9D0 !important; } /* proof strip */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.trust-bar { background: var(--n-band) !important; padding: 14px 0 !important; border: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-trust-bar-section { background: var(--n-band) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.trust-bar .trust-item { background: transparent !important; border: 0 !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.trust-bar .trust-item strong { font: 700 14px var(--n-body) !important; color: var(--n-text) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.trust-bar .trust-item span { font: 400 13px var(--n-body) !important; color: var(--n-muted) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.trust-bar .trust-item svg { color: var(--n-brand) !important; stroke: currentColor; } /* best sellers */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .best-sellers-header { align-items: flex-end !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-best-sellers-v3__tabs { gap: 8px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-best-sellers-v3__tab { height: 40px !important; padding: 0 14px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; color: var(--n-text) !important; font: 500 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-best-sellers-v3__tab.is-active { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-color: var(--n-btn) !important; font-weight: 700 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-best-sellers-v3 .haze-merch-card__media { border-radius: 0 !important; } /* $99 ounce band */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > :has(.haze-v2-value), html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-value { background: var(--n-band) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-value__title { font-size: clamp(40px, 4.6vw, 56px) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-value__fact { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-value__fact > :first-child { font: 800 24px/1 var(--n-display) !important; color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-value__fact > :not(:first-child) { font: 500 12px var(--n-body) !important; color: var(--n-muted) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-value__visual { background: var(--n-photo) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-value__price { background: var(--n-tag) !important; color: var(--n-on-tag) !important; font: 800 22px/1 var(--n-display) !important; border-radius: 2px !important; padding: 7px 10px !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; } /* format tiles (replace the three photo cards) */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .collections .collections-grid[data-hnl] { display: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-formats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent a.hnl-format { display: flex !important; flex-direction: column; background: var(--n-card) !important; border: 1px solid var(--n-line); border-radius: var(--n-r); overflow: hidden; text-decoration: none !important; color: var(--n-text) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent a.hnl-format:hover { border-color: var(--n-brand); } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-format-photo { height: 180px; display: flex; align-items: center; justify-content: center; background: var(--n-photo); } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-format-photo img { width: 82% !important; height: 160px !important; object-fit: contain !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-format-foot { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--n-line); } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-format-foot b { font: 700 16px var(--n-body) !important; color: var(--n-text) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-format-foot span { font: 400 14px var(--n-body) !important; color: var(--n-muted) !important; } /* moment guide */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__card { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; transform: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__card:hover { border-color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__card::before, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__card::after { display: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__number { font: 800 22px/1 var(--n-display) !important; color: var(--n-muted2) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__moment { font: 700 13px var(--n-body) !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__card h3 { font: 800 30px/1 var(--n-display) !important; color: var(--n-text) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__recommendation span { font: 500 12px var(--n-body) !important; color: var(--n-muted) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__recommendation strong { color: var(--n-text) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__cta { color: var(--n-brand) !important; font: 700 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; background: none !important; } /* pre-roll ladder */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl * { background-image: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier:last-child { border-color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier-n, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier-plus { font-family: var(--n-display) !important; font-weight: 800 !important; color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier-unit { font: 500 12px var(--n-body) !important; color: var(--n-muted) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier-off { display: inline-flex !important; background: var(--n-tag) !important; color: var(--n-on-tag) !important; font: 800 18px/1 var(--n-display) !important; padding: 5px 8px !important; border-radius: 2px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier-off * { color: var(--n-on-tag) !important; font-size: inherit !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-fine { font: 400 12px/1.5 var(--n-body) !important; color: var(--n-muted2) !important; } /* lab proof */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-proof__panel { background: var(--n-card) !important; border: 1px solid var(--n-brand) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-proof__receipt { background: var(--n-bg) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; transform: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-proof__receipt * { color: var(--n-text) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-proof__row { border-color: var(--n-line) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-proof__row > :first-child, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-proof__foot { color: var(--n-muted) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-proof__pass { background: var(--n-ch-bg) !important; color: var(--n-ch-fg) !important; border-radius: 2px !important; font: 700 11px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; } /* reviews */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-reviews-section, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews { background: var(--n-band) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__summary, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__item { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__score-num { font: 900 56px/1 var(--n-display) !important; color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__stars, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__item [class*="star"] { color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__bar { background: var(--n-line) !important; border-radius: 2px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__bar > * { background: var(--n-brand) !important; border-radius: 2px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.haze-reviews__row-label, .haze-reviews__row-count, .haze-reviews__count, .haze-reviews__meta, .haze-reviews__date, .haze-reviews__how) { color: var(--n-muted) !important; font-family: var(--n-body) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__product { color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__body, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__body * { color: var(--n-text) !important; } /* difference */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-diff__card { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-diff__num { font: 800 20px/1 var(--n-display) !important; color: var(--n-muted2) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-v2-diff__card h3 { font: 800 28px/1 var(--n-display) !important; } /* brand story: drop the logo box, keep the words */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent :is(.brand-story-visual, .brand-story-glow, .brand-story-accent) { display: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-story-inner { display: block !important; max-width: 920px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-story-text { max-width: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-story-text .caveat-line { display: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-values { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; gap: 12px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-value { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-value-icon { background: var(--n-band) !important; color: var(--n-brand) !important; border-radius: var(--n-r) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-value-text strong, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-value-text b { color: var(--n-text) !important; } /* how it works */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-how-it-works-section, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .how-it-works { background: var(--n-band) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .step-card { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .step-number { background: none !important; border: 0 !important; width: auto !important; height: auto !important; font: 800 36px/1 var(--n-display) !important; color: var(--n-brand) !important; box-shadow: none !important; } /* blog */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; overflow: hidden !important; transform: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card:hover { border-color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card-image { border-radius: 0 !important; background: var(--n-photo) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card-tag { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-radius: 2px !important; font: 700 11px/1 var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; padding: 5px 8px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card-date { color: var(--n-muted) !important; font: 500 12px var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card-content h3, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card-content h3 a { font: 700 19px/1.25 var(--n-body) !important; color: var(--n-text) !important; text-decoration: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card-link { color: var(--n-brand) !important; font: 700 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } /* FAQ */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .faq-list { max-width: 880px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .faq-item { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--n-line) !important; border-radius: 0 !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .faq-question { background: transparent !important; color: var(--n-text) !important; font: 700 17px/1.35 var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .faq-question * { color: var(--n-text) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .faq-answer, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .faq-answer * { color: var(--n-muted) !important; } /* email band */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-newsletter-section, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .newsletter-inner { background: var(--n-board) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter :is(h2, .section-title) { color: #FFFFFF !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter :is(p, .section-subtitle) { color: #D7E4DC !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter .klaviyo-form input:is([type="email"], [type="text"]) { height: 52px !important; border-radius: var(--n-r) !important; border: 0 !important; background: #FFFFFF !important; color: #10211D !important; font: 400 16px var(--n-body) !important; -webkit-text-fill-color: #10211D !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter .klaviyo-form button { height: 52px !important; border-radius: var(--n-r) !important; background: var(--n-tag) !important; color: var(--n-on-tag) !important; font: 700 16px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; box-shadow: none !important; } /* phone */ @media (max-width: 900px) { html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero.hnl-has-side .hero-inner { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section:not(.hero):not(.trust-bar) { padding-top: 44px !important; padding-bottom: 44px !important; } } @media (max-width: 600px) { html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero { padding: 28px 0 32px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-title { font-size: 52px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-description { font-size: 17px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-side { grid-template-columns: minmax(0, 1fr); } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo { min-height: 280px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-hero-photo img { height: 240px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-board .hnl-board-price { font-size: 28px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-formats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-format-photo { height: 140px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-format-photo img { height: 120px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .hnl-format-foot { flex-direction: column; gap: 2px; padding: 10px 12px; } } /* 0.3.1 homepage fixes */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-content { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-inner { min-height: 0 !important; padding: 0 !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section.haze-v2-value, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section.haze-reviews, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section.how-it-works { background: var(--n-band) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section.newsletter { background: var(--n-board) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-prl-section > .prl { padding: 64px 0 !important; border: 0 !important; border-image: none !important; background: var(--n-bg) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier-off { gap: 3px !important; align-items: baseline !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tier-offword { margin-left: 2px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__all { display: block !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; font: 400 14px/1.5 var(--n-body) !important; color: var(--n-muted) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__all a { color: var(--n-brand) !important; text-decoration: underline !important; text-underline-offset: 3px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-reviews__heading ~ .haze-reviews__heading { font: 700 20px/1.3 var(--n-body) !important; color: var(--n-text) !important; margin-top: 32px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__cta > span { background: var(--n-band) !important; border-radius: var(--n-r) !important; color: var(--n-brand) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__helper { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__helper-icon { background: var(--n-band) !important; color: var(--n-brand) !important; border-radius: var(--n-r) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__helper p { color: var(--n-muted) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-guide-v3__helper a { color: var(--n-brand) !important; } @media (max-width: 900px) { html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .shopify-section > section.hero, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent > .haze-prl-section > .prl { padding-top: 44px !important; padding-bottom: 44px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero { padding-top: 28px !important; } } /* 0.3.2 */ html body.hz-next:not(#_a):not(#_b):not(#_c)::before { display: none !important; } /* old fixed grain overlay */ html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.hero .hero-title br { display: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card * { text-decoration: none !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .blog-card-content p { color: var(--n-muted) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter * { color: #D7E4DC !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter :is(h2, .section-title) { color: #FFFFFF !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter a { color: #FFFFFF !important; text-decoration: underline !important; text-underline-offset: 3px; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter .klaviyo-form input:is([type="email"], [type="text"]) { color: #10211D !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter .klaviyo-form button, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent section.newsletter .klaviyo-form button * { color: var(--n-on-tag) !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-value-text span, html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .brand-value-text p { color: var(--n-muted) !important; } @media (max-width: 600px) { html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent a.hnl-format:last-child:nth-child(odd) { grid-column: span 2; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tiers { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .prl-tiers > :last-child { grid-column: span 2; } } /* 0.3.3 phone: two product cards per row on collections and home best sellers */ @media (max-width: 600px) { html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection .collection-grid, .haze-best-sellers-v3 .products-grid) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection .collection-grid, .haze-best-sellers-v3 .products-grid) > :not(:has(.haze-merch-card)) { grid-column: 1 / -1 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card { min-width: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card :is(.haze-merch-card__summary, .haze-profile-badges, .haze-merch-card__deal, .haze-merch-card__eyebrow, .haze-merch-card__stock) { display: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__body { padding: 10px !important; gap: 6px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__title, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__title a { font-size: 14px !important; line-height: 1.25 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__badge { font-size: 11px !important; padding: 4px 6px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__badges { top: 8px !important; left: 8px !important; right: 8px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__price strong { font-size: 19px !important; padding: 4px 7px 4px 6px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__from { font-size: 11px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__variant-picker label { font-size: 12px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card select { height: 40px !important; font-size: 13px !important; padding: 0 6px !important; min-width: 0 !important; width: 100% !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card :is(button, a[class*="btn"], a[class*="add"]) { min-height: 40px !important; height: auto !important; font-size: 13px !important; padding: 8px 6px !important; white-space: normal !important; width: 100% !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__reviews, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__reviews * { font-size: 12px !important; } } /* =================== 0.4.0 blog, article, COA, info and policy pages =================== */ /* phone card spacing + title color (from 0.3.3 review) */ @media (max-width: 600px) { html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__variant-picker { margin-top: 8px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-collection, .haze-best-sellers-v3) .haze-merch-card__footer { margin-top: 8px !important; padding-top: 8px !important; gap: 8px !important; } } html body.hz-next.home:not(#_a):not(#_b):not(#_c) #MainContent .haze-merch-card__title a { color: var(--n-text) !important; } /* page shell */ html body.hz-next:not(#_a):not(#_b):not(#_c):has(:is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container)), html body.hz-next:not(#_a):not(#_b):not(#_c):has(:is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container)) #wrapper, html body.hz-next:not(#_a):not(#_b):not(#_c):has(:is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container)) #inner-wrap, html body.hz-next:not(#_a):not(#_b):not(#_c):has(:is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container)) #MainContent, html body.hz-next:not(#_a):not(#_b):not(#_c):has(:is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container)) main { background: var(--n-bg) !important; color: var(--n-text) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container), html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) > *, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(section, .page-hero, .page-header-section, .blog-header-section, .article-header-section, .page-content-section, .blog-articles-section, .article-content-section, .article-related-section, .page-container) { background-color: var(--n-bg) !important; background-image: none !important; color: var(--n-text) !important; font-family: var(--n-body) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) *:not(#_hnl):not(#_hnl2) { -webkit-text-fill-color: currentColor !important; text-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(section, .page-hero, .page-header-section, .blog-header-section, .article-header-section)::before, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(section, .page-hero, .page-header-section, .blog-header-section, .article-header-section)::after { display: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .fade-up { opacity: 1 !important; transform: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.section-label, .hero-badge) { display: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .collection-breadcrumbs { background: transparent !important; border-bottom: 1px solid var(--n-line) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .collection-breadcrumbs :is(a, .breadcrumb-sep) { color: var(--n-muted) !important; font: 500 13px var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .collection-breadcrumbs a { text-decoration: underline !important; text-underline-offset: 3px; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .collection-breadcrumbs .breadcrumb-current { color: var(--n-text) !important; font: 500 13px var(--n-body) !important; } /* page titles: plain, left, big */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.page-header-section, .blog-header-section, .page-hero) { padding: 40px 0 28px !important; min-height: 0 !important; text-align: left !important; border: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.page-header-section, .blog-header-section, .page-hero) :is(.container, .page-header-inner, .blog-header-inner) { text-align: left !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.page-title, .blog-page-title, .page-hero h1, .shopify-policy__title h1, .shopify-policy__title) { font: 900 clamp(44px, 6vw, 72px)/.95 var(--n-display) !important; color: var(--n-brand) !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; margin: 0 0 12px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.page-subtitle, .blog-page-desc, .page-hero > p, .page-hero .container > p) { font: 400 18px/1.5 var(--n-body) !important; color: var(--n-muted) !important; max-width: 640px !important; margin: 0 !important; text-align: left !important; } /* reading text (articles, pages, policies) */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) { font: 400 17px/1.7 var(--n-body) !important; color: var(--n-text) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) :is(p, li) { font: 400 17px/1.7 var(--n-body) !important; color: var(--n-text) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) h2 { font: 800 clamp(30px, 3.4vw, 38px)/1.05 var(--n-display) !important; color: var(--n-brand) !important; letter-spacing: 0 !important; text-transform: none !important; margin: 40px 0 12px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) h3 { font: 700 21px/1.3 var(--n-body) !important; color: var(--n-text) !important; letter-spacing: 0 !important; text-transform: none !important; margin: 28px 0 8px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) a:not(.btn):not([class*="cta-btn"]) { color: var(--n-brand) !important; text-decoration: underline !important; text-underline-offset: 3px; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) :is(strong, b) { color: var(--n-text) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) :is(table) { border-collapse: collapse !important; width: 100% !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) :is(th, td) { border: 1px solid var(--n-line) !important; padding: 10px 12px !important; background: var(--n-card) !important; color: var(--n-text) !important; text-align: left !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) hr { border: 0 !important; border-top: 1px solid var(--n-line) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) .shopify-policy__container { max-width: 820px !important; margin: 0 auto !important; padding: 40px 16px 64px !important; } /* article */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-header-section { padding: 40px 0 24px !important; text-align: left !important; min-height: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-header-inner { max-width: 820px !important; margin: 0 auto !important; text-align: left !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-page-title { font: 900 clamp(40px, 5vw, 64px)/.95 var(--n-display) !important; color: var(--n-brand) !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-author-card { justify-content: flex-start !important; background: transparent !important; border: 0 !important; padding: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-author-avatar { background: var(--n-band) !important; color: var(--n-brand) !important; border-radius: var(--n-r) !important; border: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-author-name { color: var(--n-text) !important; font: 700 14px var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-meta, .article-meta-sep) { color: var(--n-muted) !important; font: 400 13px var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-featured-image, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-featured-image img { border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-featured-image { max-width: 980px !important; margin-left: auto !important; margin-right: auto !important; background: transparent !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .key-takeaways { background: var(--n-band) !important; border: 0 !important; border-radius: var(--n-r) !important; box-shadow: none !important; padding: 20px 24px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .key-takeaways :is(h2, h3, h4, p:first-child > strong) { font: 800 24px/1.1 var(--n-display) !important; color: var(--n-brand) !important; margin-top: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .callout { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .mid-article-cta { background: var(--n-board) !important; border: 0 !important; border-radius: var(--n-r) !important; box-shadow: none !important; background-image: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .mid-article-cta * { color: #D7E4DC !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .mid-article-cta-label { font: 700 12px var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--n-tag) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .mid-article-cta-heading { font: 800 28px/1.05 var(--n-display) !important; color: #FFFFFF !important; text-transform: none !important; letter-spacing: 0 !important; margin: 4px 0 6px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) a.mid-article-cta-btn { display: inline-flex !important; align-items: center !important; min-height: 44px !important; padding: 0 18px !important; background: var(--n-tag) !important; color: var(--n-on-tag) !important; border-radius: var(--n-r) !important; font: 700 15px var(--n-body) !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-bottom-bar { border-top: 1px solid var(--n-line) !important; border-bottom: 0 !important; background: transparent !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-back-link { color: var(--n-brand) !important; font: 700 14px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-share-label { color: var(--n-muted) !important; font: 500 13px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-share-btn, .article-share-copy) { background: var(--n-card) !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; color: var(--n-text) !important; box-shadow: none !important; } /* closing call to action on articles and pages */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-cta-section, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-cta-inner { background: var(--n-band) !important; background-image: none !important; border: 0 !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-cta-title { font: 800 clamp(30px, 3.6vw, 42px)/1 var(--n-display) !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-cta-desc { color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.btn, .btn-primary, .contact-submit-btn, .wholesale-app-form button, .wholesale-app-form [type="submit"]) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0 22px !important; border-radius: var(--n-r) !important; background: var(--n-btn) !important; background-image: none !important; color: var(--n-on-btn) !important; border: 1px solid var(--n-btn) !important; font: 700 15px/1 var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.btn, .btn-primary, .contact-submit-btn)::after { content: none !important; } /* blog cards (index + related) */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-related-title { font: 800 clamp(30px, 3.4vw, 40px)/1 var(--n-display) !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-card { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; overflow: hidden !important; transform: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-card:hover { border-color: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-card, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-card * { text-decoration: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-image { border-radius: 0 !important; background: var(--n-photo) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-content { background: var(--n-card) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-date { color: var(--n-muted) !important; font: 500 12px var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-title, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-title a { font: 700 19px/1.25 var(--n-body) !important; color: var(--n-text) !important; letter-spacing: 0 !important; text-transform: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-excerpt { color: var(--n-muted) !important; font: 400 14px/1.5 var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-read { color: var(--n-brand) !important; font: 700 14px var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .blog-article-tag { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-radius: 2px !important; font: 700 11px/1 var(--n-body) !important; letter-spacing: 0 !important; text-transform: none !important; padding: 5px 8px !important; border: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .collection-pagination :is(a, span) { color: var(--n-text) !important; background: var(--n-card) !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; font: 500 14px var(--n-body) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .collection-pagination .pagination-current { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-color: var(--n-btn) !important; font-weight: 700 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .collection-pagination .pagination-gap { border: 0 !important; background: transparent !important; } /* forms (contact, wholesale) */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.contact-form-wrap, .wholesale-form-section) { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.contact-form-wrap, .wholesale-form-section) * { background-color: transparent; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.contact-form, .wholesale-app-form) label { font: 700 13px var(--n-body) !important; color: var(--n-text) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], select, textarea) { min-height: 48px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; color: var(--n-text) !important; font: 400 16px var(--n-body) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) textarea { min-height: 140px !important; padding: 12px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(input, select, textarea):focus { border-color: var(--n-brand) !important; outline: 2px solid var(--n-brand) !important; outline-offset: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) ::placeholder { color: var(--n-muted2) !important; -webkit-text-fill-color: var(--n-muted2) !important; opacity: 1 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .wholesale-form-title { font: 800 32px/1 var(--n-display) !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .wholesale-form-subtitle { color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-info-section { background: var(--n-band) !important; background-image: none !important; border: 0 !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-info-section * { background-color: transparent; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-info-label { font: 700 13px var(--n-body) !important; color: var(--n-text) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-info-value, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-info-value a { color: var(--n-brand) !important; font: 700 17px var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-info-note { color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-info-block:has(.contact-social-links:empty), html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-divider:has(+ .contact-info-block .contact-social-links:empty) { display: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .contact-divider { background: var(--n-line) !important; border-color: var(--n-line) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .wholesale-benefit-card { background: var(--n-card) !important; background-image: none !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .wholesale-benefit-icon { background: var(--n-band) !important; color: var(--n-brand) !important; border-radius: var(--n-r) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .wholesale-benefit-title { color: var(--n-text) !important; font: 700 17px var(--n-body) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .wholesale-benefit-desc { color: var(--n-muted) !important; } /* COA library */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .page-hero h1 { margin-bottom: 8px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .page-hero .search-wrap { max-width: 560px !important; margin: 20px 0 0 !important; background: transparent !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .page-hero .search-wrap input { height: 52px !important; padding-left: 42px !important; width: 100% !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .page-hero .search-wrap svg { color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .search-count { color: var(--n-muted) !important; font: 400 13px var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .seo-block { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .seo-block .seo-inner, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .seo-block .seo-inner * { color: var(--n-text) !important; background-color: transparent !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .seo-block .seo-inner :is(h2, h3) { font: 800 26px/1.1 var(--n-display) !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .seo-fade { background: linear-gradient(to bottom, rgba(0,0,0,0), var(--n-card)) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .seo-toggle { color: var(--n-brand) !important; background: var(--n-card) !important; font: 700 14px var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .tab-nav { background: transparent !important; border: 0 !important; gap: 8px !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .tab-btn { height: 40px !important; padding: 0 14px !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; background: var(--n-card) !important; color: var(--n-text) !important; font: 500 14px var(--n-body) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .tab-btn.active { background: var(--n-btn) !important; color: var(--n-on-btn) !important; border-color: var(--n-btn) !important; font-weight: 700 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .tab-count { background: var(--n-band) !important; color: var(--n-brand) !important; border-radius: 2px !important; font: 700 11px var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .tab-btn.active .tab-count { background: var(--n-tag) !important; color: var(--n-on-tag) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .sub-label { font: 700 14px var(--n-body) !important; color: var(--n-text) !important; letter-spacing: 0 !important; text-transform: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .sub-count { color: var(--n-muted) !important; background: transparent !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .sub-line { background: var(--n-line) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .coa-card { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; transform: none !important; text-decoration: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .coa-card:hover { border-color: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .coa-card .card-name { color: var(--n-text) !important; text-decoration: none !important; font: 500 14px var(--n-body) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .coa-card:hover .card-name { text-decoration: underline !important; text-underline-offset: 3px; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .coa-card .card-icon { display: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .coa-card::after { content: 'PDF'; font: 700 11px var(--n-body); color: var(--n-muted); } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.past-note, .no-results) { color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.archive-toolbar, .archive-group, .archive-summary) { background: var(--n-card) !important; border-color: var(--n-line) !important; color: var(--n-text) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .archive-toggle-all { color: var(--n-brand) !important; background: transparent !important; border: 1px solid var(--n-line2) !important; border-radius: var(--n-r) !important; } /* reviews block on pages other than home (e.g. /pages/reviews) */ html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews :is(.haze-reviews__summary, .haze-reviews__item) { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews .haze-reviews__score-num { font: 900 56px/1 var(--n-display) !important; color: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews .haze-reviews__heading { font: 800 clamp(32px, 4vw, 44px)/1 var(--n-display) !important; color: var(--n-brand) !important; text-transform: none !important; letter-spacing: 0 !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews .haze-reviews__bar { background: var(--n-line) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews .haze-reviews__bar > * { background: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews :is(.haze-reviews__stars, .haze-reviews__product) { color: var(--n-brand) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews :is(.haze-reviews__meta, .haze-reviews__date, .haze-reviews__count, .haze-reviews__row-label, .haze-reviews__row-count, .haze-reviews__how) { color: var(--n-muted) !important; } @media (max-width: 600px) { html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.page-header-section, .blog-header-section, .page-hero, .article-header-section) { padding: 24px 0 20px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.page-title, .blog-page-title, .page-hero h1, .shopify-policy__title h1, .shopify-policy__title) { font-size: 44px !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-page-title { font-size: 38px !important; } } /* 0.4.1 article fixes */ html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-content-inner { background: transparent !important; border: 0 !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-content-inner .mid-article-cta :is(p, div, span):not(.mid-article-cta-label) { color: #D7E4DC !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-content-inner .mid-article-cta .mid-article-cta-heading { font: 800 28px/1.05 var(--n-display) !important; color: #FFFFFF !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-content-inner .mid-article-cta a.mid-article-cta-btn { color: var(--n-on-tag) !important; text-decoration: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .page-hero { padding: 40px max(24px, calc((100% - 1152px) / 2)) 28px !important; } @media (max-width: 600px) { html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .page-hero { padding: 24px 16px 20px !important; } } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .page-content-inner { background: transparent !important; border: 0 !important; box-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) :is(.article-content-inner, .page-content-inner, .shopify-policy__body) p { margin: 0 0 1em !important; } /* 0.4.2 */ html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews, html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews-section { background: var(--n-bg) !important; background-image: none !important; color: var(--n-text) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews *:not(#_hnl):not(#_hnl2) { -webkit-text-fill-color: currentColor !important; text-shadow: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews :is(.haze-reviews__body, .haze-reviews__body *) { color: var(--n-text) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews .haze-reviews__score-num + *, html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews .haze-reviews__score small { color: var(--n-muted) !important; } html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-back-link, html body.hz-next:not(#_a):not(#_b):not(#_c) :is(.haze-page, .haze-blog, .haze-article, .haze-coa-section, .shopify-policy__container) .article-back-link * { color: var(--n-brand) !important; opacity: 1 !important; text-decoration: none !important; } html body.hz-next:not(#_a):not(#_b):not(#_c):not(.home):not(.single-product) .haze-reviews a { color: var(--n-brand) !important; }