﻿
/* Correct-base 4-version experiment overrides */
:root{--orig-bg:#0f1111;--orig-ink:#1c1a14;--orig-paper:#f4efe1;--orig-paper-2:#efe7d3;--orig-accent:#d98a1b;--orig-green:#2f7a55;--orig-red:#b3392b;--exp-bg:var(--orig-paper);--exp-paper:var(--orig-paper);--exp-paper-2:var(--orig-paper-2);--exp-ink:var(--orig-ink);--exp-muted:#5f574c;--exp-accent:var(--orig-accent);--exp-cta:var(--orig-accent);--exp-cta-text:#160c00;--exp-line:rgba(0,0,0,.12);--exp-shadow:0 14px 34px rgba(0,0,0,.14);--exp-hero-frame:#efe7d3;--stripe:var(--orig-green);--band1:#f7f1e5;--band2:#efe7d3;--card1:#f6e5c9;--card2:#dfeadd;--card3:#e5def4;--card4:#f5ded2;}
body{padding-top:74px;background:radial-gradient(1200px 500px at 50% 0%,rgba(217,138,27,.12),transparent 60%),linear-gradient(180deg,var(--exp-paper),var(--exp-paper-2));color:var(--exp-ink)}
.notice-bar{position:relative;z-index:10000;background:var(--exp-paper-2);color:var(--exp-ink)}
.topbar--exp{position:fixed;top:0;left:0;right:0;z-index:9999;background:color-mix(in srgb,var(--exp-paper) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--exp-line)}
.topbar--exp .topbar__inner{width:min(1220px,calc(100% - 28px));margin-inline:auto;padding:11px 0;display:grid;align-items:center;gap:12px;min-height:58px}
.topbar--exp .brand-mini{text-decoration:none;display:flex;align-items:center;gap:8px;min-width:0}.topbar--exp .brand-mini__mark,.theme-apothecary .topbar--exp .brand-mini__mark{width:34px!important;height:34px!important;min-width:34px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.topbar--exp .brand-logo-img{width:34px;height:34px;object-fit:contain}.topbar--exp .brand-mini__text{font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.05;font-weight:700;white-space:nowrap;color:var(--exp-ink)}
.nav-desktop-exp{display:none}.nav-list,.submenu,.mobile-nav-list,.mobile-submenu{list-style:none;margin:0;padding:0}.nav-list{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.nav-list>li>a{font-size:13px;line-height:1;padding:8px 9px;border-radius:999px;text-decoration:none;color:var(--exp-ink);font-weight:700;opacity:.94}.nav-list>li>a:hover,.nav-list>li>a:focus{background:rgba(0,0,0,.06);text-decoration:none}.has-submenu{position:relative}.submenu{display:none;position:absolute;left:0;top:calc(100% + 10px);min-width:280px;background:#fff;border:1px solid var(--exp-line);border-radius:16px;box-shadow:var(--exp-shadow);padding:10px;z-index:30}.has-submenu:hover>.submenu,.has-submenu:focus-within>.submenu{display:block}.submenu a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;font-size:14px;color:var(--exp-ink)}.submenu a:hover,.submenu a:focus{background:rgba(0,0,0,.05)}
.nav__cta{border-radius:999px;padding:10px 14px;background:var(--exp-cta)!important;color:var(--exp-cta-text)!important;border:0!important;white-space:nowrap}.nav__cta--desktop{display:none}.nav__cta--mobile{display:inline-flex;justify-self:end}.nav-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid var(--exp-line);background:rgba(255,255,255,.50);color:var(--exp-ink);cursor:pointer;font:700 14px/1 Georgia,"Times New Roman",serif}.nav-toggle__icon{font-size:15px;line-height:1}.mobile-nav-panel{display:none;border-top:1px solid var(--exp-line);background:color-mix(in srgb,var(--exp-paper) 96%,white)}.topbar--exp.is-open .mobile-nav-panel{display:block}.mobile-nav-list{padding:12px 18px 18px;display:grid;gap:12px}.mobile-nav-list a{text-decoration:none;color:var(--exp-ink)}.mobile-group>a{font-weight:700}.mobile-submenu{display:grid;gap:8px;padding:8px 0 0 18px}.mobile-submenu a{font-size:14px;opacity:.88}
.topbar--left .topbar__inner,.topbar--center .topbar__inner,.topbar--right .topbar__inner{grid-template-columns:auto minmax(0,1fr) auto auto}.topbar--exp .exp-brand{grid-column:1 / span 2;justify-self:start}.topbar--exp .nav-toggle{grid-column:3;justify-self:end}.topbar--exp .nav__cta--mobile{grid-column:4}
.hero{min-height:auto;padding:38px 0 18px}.hero__bg{opacity:.20}.hero__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);align-items:center;gap:26px;width:min(var(--max),calc(100% - 32px));padding:24px 22px 16px;border-radius:22px;background:rgba(244,239,225,.82);border:1px solid rgba(0,0,0,.10);box-shadow:0 12px 28px rgba(0,0,0,.12)}.hero__copy{max-width:720px}.hero__content .eyebrow{font-size:clamp(18px,3vw,26px);letter-spacing:2px;margin-bottom:8px}.hero__title--castoro{font-size:clamp(38px,5vw,62px)!important;letter-spacing:1.2px;line-height:.98;-webkit-text-stroke:1px var(--exp-ink)}.hero__subtitle{font-size:clamp(16px,1.8vw,18px);max-width:58ch;margin:8px 0 12px}.trust-line{font-size:.95rem;margin:8px 0}.hero__cta{margin-top:12px}.hero__product-img{width:min(100%,270px);padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.56),var(--exp-hero-frame));border:1px solid var(--exp-line);border-radius:20px;box-shadow:0 16px 30px rgba(0,0,0,.14);transform:rotate(10deg);justify-self:center}.hero__logo-medallion{display:none;width:min(100%,150px);margin:0 auto 12px}.hero-logo-center .hero__logo-medallion{display:block}.hero-logo-center .hero__content{grid-template-columns:1fr;text-align:center}.hero-logo-center .hero__copy,.hero-logo-center .hero__subtitle,.hero-logo-center .trust-line{margin-inline:auto}.hero-logo-center .hero__product-img{margin-inline:auto;width:min(100%,250px)}
.section{padding:48px 0}.section__head{text-align:center;max-width:760px;margin:0 auto 18px}#products{padding-top:22px}.product-card{box-shadow:0 10px 24px rgba(0,0,0,.12)}.product-card .h3,.product-card p{text-align:center}.section--ink{background:linear-gradient(180deg,#121315,#171615)}.section--ink .kicker{display:block!important;visibility:visible!important;opacity:1!important;color:#f4ead2!important}.section--paper,.section--cream{background:transparent}
/* Lower informational treatments */
.lower-none .section:not(#products):not(.hero):not(.section--ink) .content-card,.lower-none .section:not(#products):not(.hero):not(.section--ink) .traditions-card,.lower-none .section:not(#products):not(.hero):not(.section--ink) details{background:transparent;border:0!important;box-shadow:none;border-radius:0;padding:16px 0}.lower-none .copy-grid{gap:0}
.lower-thin .section:not(#products):not(.hero):not(.section--ink) .content-card,.lower-thin .section:not(#products):not(.hero):not(.section--ink) .traditions-card,.lower-thin .section:not(#products):not(.hero):not(.section--ink) details{background:transparent;border:0!important;border-top:1px solid var(--exp-line)!important;box-shadow:none;border-radius:0;padding:18px 0}.lower-thin .copy-grid{gap:0}
.lower-stripe .section:not(#products):not(.hero):not(.section--ink) .content-card,.lower-stripe .section:not(#products):not(.hero):not(.section--ink) .traditions-card,.lower-stripe .section:not(#products):not(.hero):not(.section--ink) details{background:transparent;border:0!important;border-left:5px solid var(--stripe)!important;box-shadow:none;border-radius:0;padding:16px 0 16px 14px}.lower-stripe .copy-grid{gap:0}
.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink):nth-of-type(odd){background:var(--band1)}.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink):nth-of-type(even){background:var(--band2)}.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink) .content-card,.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink) .traditions-card,.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink) details{background:transparent;border:0!important;box-shadow:none;border-radius:0;padding:16px 0}.lower-stripeless-pop .copy-grid{gap:0}.colorful-moments main>section:nth-of-type(3) .content-card,.colorful-moments main>section:nth-of-type(5) .content-card{padding:18px!important;border-radius:18px!important}.colorful-moments main>section:nth-of-type(5) .copy-grid>.content-card:nth-child(1){background:var(--card1)!important}.colorful-moments main>section:nth-of-type(5) .copy-grid>.content-card:nth-child(2){background:var(--card2)!important}.colorful-moments main>section:nth-of-type(5) .copy-grid>.content-card:nth-child(3){background:var(--card3)!important}.colorful-moments main>section:nth-of-type(5) .copy-grid>.content-card:nth-child(4){background:var(--card4)!important}
@media (min-width:1180px){.topbar--exp .nav-toggle,.topbar--exp .nav__cta--mobile{display:none}.topbar--exp .nav-desktop-exp{display:block}.topbar--exp .nav__cta--desktop{display:inline-flex}.topbar--left .topbar__inner{grid-template-columns:auto minmax(0,1fr) auto}.topbar--left .exp-brand{grid-column:1;justify-self:start}.topbar--left .nav-desktop-exp{grid-column:2;justify-self:center}.topbar--left .nav__cta--desktop{grid-column:3;justify-self:end}.topbar--center .topbar__inner{grid-template-columns:minmax(0,1fr) auto auto}.topbar--center .nav-desktop-exp{grid-column:1;justify-self:start}.topbar--center .exp-brand{grid-column:2;justify-self:center}.topbar--center .nav__cta--desktop{grid-column:3;justify-self:end}.topbar--right .topbar__inner{grid-template-columns:minmax(0,1fr) auto auto}.topbar--right .nav-desktop-exp{grid-column:1;justify-self:start}.topbar--right .nav__cta--desktop{grid-column:2;justify-self:start}.topbar--right .exp-brand{grid-column:3;justify-self:end}}
@media (max-width:1179px){body{padding-top:78px}.topbar--exp .topbar__inner{grid-template-columns:auto minmax(0,1fr) auto auto}.topbar--exp .exp-brand{grid-column:1 / span 2}.topbar--exp .nav-toggle{grid-column:3}.topbar--exp .nav__cta--mobile{grid-column:4}.hero{padding:34px 0 16px}.hero__content{grid-template-columns:1fr;text-align:center}.hero__copy,.hero__subtitle,.trust-line{margin-inline:auto}.hero__product-img{width:min(100%,225px);transform:rotate(4deg);margin-inline:auto}.section{padding:42px 0}}

:root{--exp-bg:#0f1111;--exp-ink:#1c1a14;--exp-paper:#f4efe1;--exp-paper-2:#efe7d3;--exp-muted:#5f574c;--exp-accent:#d98a1b;--exp-cta:#d98a1b;--exp-cta-text:#160c00;--exp-hero-frame:#efe7d3;--stripe:#2f7a55;--band1:#f7f1e5;--band2:#efe7d3;--card1:#f6e5c9;--card2:#dfeadd;--card3:#e5def4;--card4:#f5ded2;}


/* v2 refinements */
:root{--band1:#f7f1e5;--band2:#efe7d3;--exp-hero-frame:#efe7d3;--hero-bg-a:#f8f1e4;--hero-bg-b:#ece1cf;}
body.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink):nth-of-type(odd){background:var(--band1)!important}
body.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink):nth-of-type(even){background:var(--band2)!important}
body.lower-style-none2 .section:not(#products):not(.hero):not(.section--ink) .content-card,body.lower-style-none2 .section:not(#products):not(.hero):not(.section--ink) .traditions-card,body.lower-style-none2 .section:not(#products):not(.hero):not(.section--ink) details{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:15px 0!important}
.hero{padding:24px 0 8px!important;background:linear-gradient(135deg,var(--hero-bg-a),var(--hero-bg-b))!important}.hero__content{padding:18px 20px 10px!important;gap:18px!important}.hero__title--castoro{font-size:clamp(32px,4.2vw,52px)!important;line-height:1!important}.hero__subtitle{font-size:clamp(15px,1.5vw,17px)!important;margin:6px 0 8px!important}.trust-line{font-size:.9rem!important;margin:5px 0!important}.hero__cta{margin-top:8px!important}.hero__product-img{width:min(100%,238px)!important}



/* 2026-06 refinement: original palette header/footer + shorter hero */
:root{
  --header-bg:#2f7a55; --header-ink:#f7f1e5; --header-link-hover:rgba(255,255,255,.14);
  --hero-bg-a:#f5efe1; --hero-bg-b:#e6eadf; --band1:#f8f2e9; --band2:#ece4d8;
}
.topbar--exp{background:rgba(47,122,85,.96)!important;border-bottom-color:rgba(255,255,255,.18)!important}
.topbar--exp .brand-mini__text,.topbar--exp .nav-list>li>a,.topbar--exp .nav-toggle,.topbar--exp .mobile-nav-list a,.topbar--exp .mobile-group>a{color:var(--header-ink)!important}
.topbar--exp .nav-list>li>a:hover,.topbar--exp .nav-list>li>a:focus{background:var(--header-link-hover)!important}
.topbar--exp .nav-toggle,.topbar--exp .mobile-nav-panel{background:rgba(24,64,44,.98)!important;border-color:rgba(255,255,255,.16)!important}
.topbar--exp .submenu a{color:#1c1a14!important}
.notice-bar{background:#e8decb!important;color:#1c1a14!important}
.hero,.hero__bg{background:none!important}.hero{padding:18px 0 8px!important;background:linear-gradient(135deg,var(--hero-bg-a),var(--hero-bg-b))!important}.hero__bg{display:none!important}
.hero__content{padding:16px 18px 10px!important;gap:18px!important;background:rgba(248,243,233,.86)!important}
.hero__title--castoro{font-size:clamp(29px,4vw,48px)!important;line-height:1.01!important;-webkit-text-stroke:0!important}
.hero__subtitle{font-size:clamp(14px,1.45vw,16px)!important;max-width:52ch!important;margin:6px 0 8px!important}
.trust-line{font-size:.88rem!important;margin:4px 0!important}
.hero__cta{margin-top:8px!important}.hero__product-img{width:min(100%,228px)!important}
body.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink):nth-of-type(odd){background:var(--band1)!important}
body.lower-stripeless-pop .section:not(#products):not(.hero):not(.section--ink):nth-of-type(even){background:var(--band2)!important}
.section--ink{background:linear-gradient(180deg,#123928,#153f2d)!important}
.section--ink .kicker{color:#f1e4b5!important}



/* 2026-06 follow-up: restore original palette feel and hero image */
:root{--hero-bg-a:#f4efe1;--hero-bg-b:#efe7d3}
body{background:radial-gradient(1200px 500px at 50% 0%,rgba(217,138,27,.12),transparent 60%),linear-gradient(180deg,var(--exp-paper),var(--exp-paper-2))!important}
.topbar--exp{background:rgba(244,239,225,.94)!important;border-bottom-color:rgba(0,0,0,.10)!important}
.topbar--exp .brand-mini__text,.topbar--exp .nav-list>li>a,.topbar--exp .nav-toggle,.topbar--exp .mobile-nav-list a,.topbar--exp .mobile-group>a{color:#1c1a14!important}
.topbar--exp .nav-list>li>a:hover,.topbar--exp .nav-list>li>a:focus{background:rgba(0,0,0,.06)!important}
.topbar--exp .nav-toggle,.topbar--exp .mobile-nav-panel{background:rgba(244,239,225,.98)!important;border-color:rgba(0,0,0,.12)!important}
.notice-bar{background:#efe7d3!important;color:#1c1a14!important}
.hero{padding:18px 0 8px!important;background:none!important;position:relative!important}
.hero__bg{display:block!important;opacity:.30!important;filter:saturate(1.02) contrast(1.02)!important}
.hero__content{background:rgba(244,239,225,.84)!important}
.hero__title--castoro{font-size:clamp(23px,3.2vw,38px)!important;line-height:1.03!important}
.hero__subtitle{font-size:clamp(14px,1.35vw,15.5px)!important;max-width:50ch!important}



/* 2026-06 final nav and hero corrections */
.topbar--exp .brand-mini__text{font-weight:700!important}
.topbar--exp .nav-list>li>a,.topbar--exp .mobile-nav-list a,.topbar--exp .mobile-submenu a,.topbar--exp .mobile-group>a{font-weight:400!important}
.topbar--exp .mobile-group>a{font-size:15px!important}
.topbar--exp .nav-list>li>a{font-size:15px!important;line-height:1!important;padding:6px 8px!important}
.topbar--exp .topbar__inner{padding:11px 0!important}
.topbar--exp .nav__cta{border-radius:11px!important;padding:9px 13px!important;font-size:14px!important;line-height:1!important;letter-spacing:.01em!important}
.topbar--exp .nav__cta--desktop{font-weight:600!important}
.topbar--exp .nav-toggle{padding:8px 12px!important}
body.theme-apothecary section.hero.hero--apothecary .hero__title.hero__title--castoro{letter-spacing:.01em!important;-webkit-text-stroke:0!important}
body.theme-apothecary section.hero.hero--apothecary .hero__subtitle{max-width:50ch!important}
body.theme-apothecary section.hero.hero--apothecary .hero__cta{margin-top:7px!important}
/* Transparent moments copy layout for non-Neon variants */
main>section.section--moments .copy-grid{gap:14px!important}
main>section.section--moments .copy-grid>.content-card{background:transparent!important;border:0!important;border-radius:0!important;padding:18px!important;box-shadow:none!important;outline:0!important}
main>section.section--moments .copy-grid>.content-card h3{margin-top:0!important}
/* products dropdown shared structure */
.topbar--exp .submenu{padding:12px!important;min-width:290px!important}
.topbar--exp .submenu a{font-size:14px!important}
.topbar--exp .mobile-submenu a{font-size:14px!important}


/* Original: stronger hero shrink, original dropdown, theme cards */
body.theme-apothecary section.hero.hero--apothecary .hero__title.hero__title--castoro{font-size:clamp(21px,2.7vw,34px)!important;line-height:1.03!important}
body.theme-apothecary section.hero.hero--apothecary .hero__subtitle{font-size:clamp(13px,1.25vw,15px)!important}
body.theme-apothecary section.hero.hero--apothecary .trust-line{font-size:.84rem!important}
body.theme-apothecary section.hero.hero--apothecary .hero__content{padding:14px 16px 8px!important;gap:16px!important}
.topbar--exp .submenu{background:linear-gradient(180deg,#fffaf2,#f5ecdd)!important;border:1px solid rgba(47,122,85,.18)!important;box-shadow:0 14px 30px rgba(44,53,35,.12)!important}
.topbar--exp .submenu a{border-radius:8px!important;color:#214a35!important}.topbar--exp .submenu a:hover,.topbar--exp .submenu a:focus{background:#e9efe7!important}
.topbar--exp .mobile-submenu{border-left:2px solid rgba(47,122,85,.22)!important}




/* 2026-06 final tweak: restore original palette feel, explicit hero bg sizing, colorful moments cards */
body.theme-apothecary section.hero.hero--apothecary{position:relative!important;overflow:hidden!important}
body.theme-apothecary section.hero.hero--apothecary .hero__bg{display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important;opacity:.32!important}
body.theme-apothecary section.hero.hero--apothecary .hero__bg picture,body.theme-apothecary section.hero.hero--apothecary .hero__bg img{display:block!important;width:100%!important;height:100%!important}
body.theme-apothecary section.hero.hero--apothecary .hero__bg img{object-fit:cover!important;object-position:center 36%!important;transform:scale(1.015)!important;filter:saturate(1.02) contrast(1.02)!important}
body.theme-apothecary section.hero.hero--apothecary .hero__content{position:relative!important;z-index:2!important}
body.theme-apothecary section.hero.hero--apothecary .hero__title.hero__title--castoro{font-size:clamp(19px,2.4vw,31px)!important;line-height:1.04!important}




/* 2026-06 product card variants + transparent moments cleanup */
body.theme-apothecary main#main > section.section--moments .copy-grid{gap:14px!important}
body.theme-apothecary main#main > section.section--moments .copy-grid > .content-card{background:transparent!important;border:0!important;border-radius:0!important;padding:18px!important;box-shadow:none!important;outline:0!important}
body.theme-apothecary main#main > section.section--moments .copy-grid > .content-card h3{margin-top:0!important}
body.theme-apothecary #products .product-grid{align-items:stretch!important}
body.theme-apothecary #products .product-card{display:flex;flex-direction:column;justify-content:flex-start}
body.theme-apothecary #products .product-card .product__img img{display:block;margin-inline:auto}
body.theme-apothecary #products .product-card h3{margin-bottom:8px!important}
body.theme-apothecary #products .product-card p{margin-bottom:12px!important}
body.theme-apothecary #products .product-card [id^="product-component-"]{margin-top:0!important}
@media (max-width:780px){
 body.theme-apothecary.variant-product-row #products .product-card,
 body.theme-apothecary.variant-catalog-strip #products .product-card{display:flex!important}
}


/* keep original product cards unchanged */




/* Stable transparent/no-card moments; intentionally not used by Neon. */
body.theme-apothecary main#main > section.section--moments .moment-card{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
/* Shopify outer wrappers only, no Shopify code changes */
body.theme-apothecary #products .product-card [id^="product-component-"]{max-width:100%!important;overflow:visible!important}
body.theme-apothecary #products .product-card [id^="product-component-"] > div{max-width:100%!important}




/* 2026-06 nav wordmark refresh */
.topbar--exp .brand-mini--wordmark{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;gap:0!important;text-decoration:none!important}
.topbar--exp .brand-mini--wordmark .brand-mini__mark,.topbar--exp .brand-mini__text{display:none!important}
.topbar--exp .brand-wordmark-img{display:block!important;width:auto!important;height:30px!important;max-width:min(44vw,320px)!important;object-fit:contain!important}
.topbar--exp .nav-toggle__label{display:none!important}
.topbar--exp .nav-toggle{gap:0!important}
.topbar--exp .nav-toggle__icon{font-size:20px!important;line-height:1!important}
.topbar--exp .nav__cta--mobile{display:inline-flex!important}
.topbar--exp .nav__cta--desktop{white-space:nowrap!important}
@media (min-width:1180px){
  .topbar--exp .topbar__inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important}
  .topbar--exp .exp-brand{grid-column:1!important;justify-self:start!important}
  .topbar--exp .nav-desktop-exp{grid-column:2!important;justify-self:start!important;display:block!important}
  .topbar--exp .nav__cta--desktop{grid-column:3!important;justify-self:end!important;display:inline-flex!important}
  .topbar--exp .nav__cta--mobile,.topbar--exp .nav-toggle{display:none!important}
  .topbar--exp .brand-wordmark-img{height:30px!important;max-width:340px!important}
}
@media (max-width:1179px){
  body{padding-top:82px!important}
  .topbar--exp .topbar__inner{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
  .topbar--exp .exp-brand{grid-column:2!important;justify-self:center!important}
  .topbar--exp .nav-toggle{grid-column:1!important;justify-self:start!important;padding:8px 8px!important;border-radius:10px!important;min-width:42px!important;min-height:42px!important;display:inline-grid!important;place-items:center!important}
  .topbar--exp .nav__cta--mobile{grid-column:3!important;justify-self:end!important;padding:9px 12px!important;border-radius:12px!important}
  .topbar--exp .nav-desktop-exp,.topbar--exp .nav__cta--desktop{display:none!important}
  .topbar--exp .brand-wordmark-img{height:24px!important;max-width:min(58vw,230px)!important}
}


.topbar--exp .exp-brand{padding:6px 10px!important;border-radius:14px!important;background:rgba(255,252,247,.94)!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important}
@media (max-width:1179px){.topbar--exp .exp-brand{padding:5px 8px!important}}



/* 2026-06 KnickKnack-inspired page */
:root{--exp-paper:#fff8f4;--exp-paper-2:#f8ede7;--exp-ink:#29130f;--exp-line:rgba(118,28,20,.16);--exp-shadow:0 16px 36px rgba(86,24,19,.10);--exp-cta:#d53b30;--exp-cta-text:#fff;--header-ink:#fff9f6;--header-link-hover:rgba(255,255,255,.14)}
body.theme-apothecary.variant-knickknack{background:linear-gradient(180deg,#fff9f5,#f8ece6)!important;color:#29130f!important}
body.theme-apothecary.variant-knickknack .notice-bar{background:#c92d26!important;color:#fff9f6!important}
body.theme-apothecary.variant-knickknack .topbar--exp{background:rgba(179,33,28,.97)!important;border-bottom-color:rgba(255,255,255,.12)!important}
body.theme-apothecary.variant-knickknack .topbar--exp .nav-list>li>a,body.theme-apothecary.variant-knickknack .topbar--exp .nav-toggle,body.theme-apothecary.variant-knickknack .topbar--exp .mobile-nav-list a,body.theme-apothecary.variant-knickknack .topbar--exp .mobile-group>a{color:#fff9f6!important}
body.theme-apothecary.variant-knickknack .topbar--exp .nav-toggle,body.theme-apothecary.variant-knickknack .topbar--exp .mobile-nav-panel{background:rgba(150,26,23,.98)!important;border-color:rgba(255,255,255,.14)!important}
body.theme-apothecary.variant-knickknack .topbar--exp .nav__cta,body.theme-apothecary.variant-knickknack .btn--primary{background:#ffffff!important;color:#a41d17!important;border:1px solid rgba(164,29,23,.2)!important}
body.theme-apothecary.variant-knickknack .btn--ghost{border-color:#b3211c!important;color:#b3211c!important;background:rgba(255,255,255,.72)!important}
body.theme-apothecary.variant-knickknack .hero--knickknack{min-height:auto!important;padding:26px 0 18px!important;background:linear-gradient(180deg,#fff8f4,#f8ece7)!important}
body.theme-apothecary.variant-knickknack .hero--knickknack .hero__bg{display:none!important}
body.theme-apothecary.variant-knickknack .hero__content--knickknack{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;max-width:min(860px,calc(100% - 40px))!important;padding:18px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(179,33,28,.14)!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(86,24,19,.10)!important}
body.theme-apothecary.variant-knickknack .hero__stacked-image{display:flex!important;justify-content:center!important}
body.theme-apothecary.variant-knickknack .hero__red-stripe-img{display:block!important;width:min(100%,420px)!important;height:auto!important;border-radius:18px!important;box-shadow:0 18px 40px rgba(201,45,38,.12)!important}
body.theme-apothecary.variant-knickknack .hero__copy--stacked{text-align:center!important;max-width:640px!important;margin:0 auto!important}
body.theme-apothecary.variant-knickknack .hero__title--knickknack{font-size:clamp(28px,4.2vw,52px)!important;line-height:1.02!important;-webkit-text-stroke:0!important;color:#29130f!important;letter-spacing:0!important;text-transform:none!important}
body.theme-apothecary.variant-knickknack .hero__subtitle{font-size:clamp(15px,1.5vw,18px)!important;max-width:52ch!important;margin:8px auto 14px!important}
body.theme-apothecary.variant-knickknack .hero__cta{justify-content:center!important}
body.theme-apothecary.variant-knickknack #products{background:linear-gradient(180deg,#fff4ee,#f8e5de)!important}
body.theme-apothecary.variant-knickknack .section:not(#products):not(.hero):not(.section--ink):nth-of-type(odd){background:#fff8f4!important}
body.theme-apothecary.variant-knickknack .section:not(#products):not(.hero):not(.section--ink):nth-of-type(even){background:#f9eee8!important}
body.theme-apothecary.variant-knickknack .section--ink{background:linear-gradient(180deg,#7b1814,#5e110f)!important}
body.theme-apothecary.variant-knickknack .section--ink .kicker{color:#ffd7cc!important}




/* 2026-06 refreshed KnickKnack hero layouts */
.topbar--exp .brand-wordmark-img{image-rendering:auto!important}
body.theme-apothecary.variant-knickknack .hero--knickknack-layout,
body.theme-apothecary.variant-knickknack-original .hero--knickknack-layout{min-height:auto!important;padding:20px 0 14px!important;position:relative!important;overflow:hidden!important}
body.theme-apothecary.variant-knickknack .hero--knickknack-layout{background:linear-gradient(180deg,#fffaf7,#fff3ee)!important}
body.theme-apothecary.variant-knickknack-original .hero--knickknack-layout{background:linear-gradient(180deg,#f5efe1,#efe5d0)!important}
body.theme-apothecary.variant-knickknack-original .hero--knickknack-layout .hero__bg{display:block!important;position:absolute!important;inset:0!important;opacity:.22!important;overflow:hidden!important}
body.theme-apothecary.variant-knickknack-original .hero--knickknack-layout .hero__bg picture,body.theme-apothecary.variant-knickknack-original .hero--knickknack-layout .hero__bg img{display:block!important;width:100%!important;height:100%!important}
body.theme-apothecary.variant-knickknack-original .hero--knickknack-layout .hero__bg img{object-fit:cover!important;object-position:center 30%!important;transform:scale(1.02)!important;filter:saturate(.88) contrast(1.01)!important}
body.theme-apothecary.variant-knickknack .hero__content--knick-grid,
body.theme-apothecary.variant-knickknack-original .hero__content--knick-grid{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(250px,430px) minmax(0,1fr)!important;align-items:center!important;gap:26px!important;max-width:min(var(--max), calc(100% - 36px))!important;padding:8px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.theme-apothecary.variant-knickknack .hero__image-stage,
body.theme-apothecary.variant-knickknack-original .hero__image-stage{display:flex!important;align-items:center!important;justify-content:center!important;min-height:360px!important;position:relative!important}
body.theme-apothecary.variant-knickknack-original .hero__image-stage--with-botanical-bg{background:linear-gradient(180deg,rgba(255,250,241,.66),rgba(244,236,221,.52))!important;border-radius:26px!important;overflow:hidden!important}
body.theme-apothecary.variant-knickknack-original .hero__image-stage--with-botanical-bg::before{content:"";position:absolute;inset:0;background-image:image-set(url('../assets/SG_herbal_hero_background-1200.webp?v=7') 1x);background-size:cover;background-position:center 32%;opacity:.42;filter:saturate(.84);pointer-events:none}
body.theme-apothecary.variant-knickknack .hero__feature-img,
body.theme-apothecary.variant-knickknack-original .hero__feature-img{display:block!important;width:min(100%,420px)!important;height:auto!important;position:relative!important;z-index:2!important}
body.theme-apothecary.variant-knickknack-original .hero__feature-img--jps{width:min(100%,400px)!important}
body.theme-apothecary.variant-knickknack .hero__copy--knick-right,
body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right{max-width:560px!important;margin:0!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
body.theme-apothecary.variant-knickknack .hero__title--knick-plain,
body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{font-size:clamp(36px,5.4vw,72px)!important;line-height:.96!important;color:inherit!important;-webkit-text-stroke:0!important;margin:0 0 12px!important}
body.theme-apothecary.variant-knickknack .hero__subtitle--knick,
body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{font-size:clamp(16px,1.6vw,19px)!important;line-height:1.5!important;max-width:46ch!important;margin:0 0 18px!important}
body.theme-apothecary.variant-knickknack .hero__cta--single,
body.theme-apothecary.variant-knickknack-original .hero__cta--single{justify-content:flex-start!important}
body.theme-apothecary.variant-knickknack .hero__cta--single .btn,
body.theme-apothecary.variant-knickknack-original .hero__cta--single .btn{min-width:220px!important}
body.theme-apothecary.variant-knickknack #products .kicker, body.theme-apothecary.variant-knickknack #products .h2--light,
body.theme-apothecary.variant-knickknack-original #products .kicker, body.theme-apothecary.variant-knickknack-original #products .h2--light{color:#fffdf7!important}
body.theme-apothecary.variant-knickknack #products .kicker,
body.theme-apothecary.variant-knickknack-original #products .kicker{letter-spacing:.09em!important;font-weight:800!important}
body.theme-apothecary.variant-knickknack #products{background:linear-gradient(180deg,#b71f18,#8f1714)!important}
body.theme-apothecary.variant-knickknack .section:not(#products):not(.hero):not(.section--ink):nth-of-type(odd){background:#fff8f3!important}
body.theme-apothecary.variant-knickknack .section:not(#products):not(.hero):not(.section--ink):nth-of-type(even){background:#fcefe8!important}
body.theme-apothecary.variant-knickknack .section--ink{background:linear-gradient(180deg,#8e1815,#6f1210)!important}
body.theme-apothecary.variant-knickknack-original{background:linear-gradient(180deg,#f6efe2,#efe6d4)!important;color:#253327!important}
body.theme-apothecary.variant-knickknack-original .notice-bar{background:#36533d!important;color:#f9f4e8!important}
body.theme-apothecary.variant-knickknack-original .topbar--exp{background:rgba(48,73,55,.96)!important;border-bottom-color:rgba(255,255,255,.14)!important}
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-list>li>a,body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-toggle,body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-nav-list a,body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-group>a{color:#f6f1e7!important}
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-toggle,body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-nav-panel{background:rgba(37,59,43,.98)!important;border-color:rgba(255,255,255,.14)!important}
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav__cta,body.theme-apothecary.variant-knickknack-original .btn--primary{background:#36533d!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
body.theme-apothecary.variant-knickknack-original .btn--ghost{border-color:#36533d!important;color:#36533d!important;background:rgba(255,255,255,.72)!important}
body.theme-apothecary.variant-knickknack-original #products{background:linear-gradient(180deg,#36533d,#2d4333)!important}
body.theme-apothecary.variant-knickknack-original .section:not(#products):not(.hero):not(.section--ink):nth-of-type(odd){background:#fbf5e8!important}
body.theme-apothecary.variant-knickknack-original .section:not(#products):not(.hero):not(.section--ink):nth-of-type(even){background:#f1e8d5!important}
body.theme-apothecary.variant-knickknack-original .section--ink{background:linear-gradient(180deg,#36533d,#2d4333)!important}
@media (max-width: 920px){
 body.theme-apothecary.variant-knickknack .hero__content--knick-grid,
 body.theme-apothecary.variant-knickknack-original .hero__content--knick-grid{grid-template-columns:1fr!important;gap:12px!important;padding-top:0!important}
 body.theme-apothecary.variant-knickknack .hero__title--knick-plain,
 body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{text-align:center!important;order:1}
 body.theme-apothecary.variant-knickknack .hero__image-stage,
 body.theme-apothecary.variant-knickknack-original .hero__image-stage{order:2;min-height:auto!important;padding-top:2px!important}
 body.theme-apothecary.variant-knickknack .hero__copy--knick-right,
 body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right{max-width:100%!important;text-align:center!important;align-items:center!important;display:grid!important;grid-template-columns:1fr!important}
 body.theme-apothecary.variant-knickknack .hero__copy--knick-right .hero__title--knick-plain,
 body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right .hero__title--knick-plain{grid-row:1!important}
 body.theme-apothecary.variant-knickknack .hero__copy--knick-right .hero__subtitle--knick,
 body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right .hero__subtitle--knick{grid-row:3!important;margin-top:10px!important}
 body.theme-apothecary.variant-knickknack .hero__copy--knick-right .hero__cta--single,
 body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right .hero__cta--single{grid-row:4!important;justify-content:center!important}
 body.theme-apothecary.variant-knickknack .hero__image-stage,
 body.theme-apothecary.variant-knickknack-original .hero__image-stage{grid-row:2!important}
}



/* 2026-06 nav asset crispness */
.topbar--exp .brand-wordmark-img{height:32px!important;max-width:min(46vw,330px)!important}
@media (max-width:1179px){.topbar--exp .brand-wordmark-img{height:26px!important;max-width:min(60vw,240px)!important}}


/* 2026-06 final KnickKnack original-colors refinements */
body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{font-size:clamp(48px,7vw,96px)!important;line-height:.91!important;letter-spacing:-.025em!important}
body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{font-size:clamp(22px,2.85vw,34px)!important;line-height:1.12!important;max-width:18ch!important;font-weight:700!important;color:#2d4333!important}
body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right{padding:26px 28px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(250,244,232,.92),rgba(242,234,216,.82))!important;backdrop-filter:blur(5px)!important;box-shadow:0 14px 34px rgba(34,52,39,.12)!important}
body.theme-apothecary.variant-knickknack-original #products .product-grid,
body.theme-apothecary.variant-knickknack-original .about-product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),286px))!important;gap:19px!important;justify-content:center!important}
body.theme-apothecary.variant-knickknack-original #products .product-card{max-width:286px!important;padding:15px 15px 17px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.theme-apothecary.variant-knickknack-original #products .product__img img{max-width:185px!important;border-radius:14px!important}
body.theme-apothecary.variant-knickknack-original #products .product-card [id^="product-component-"]{min-height:94px!important;max-width:100%!important;overflow:visible!important}
body.theme-apothecary.variant-knickknack-original #products .product-card p{font-size:.95rem!important}
body.theme-apothecary.variant-knickknack-original .section:nth-of-type(8) .faq-list details+details{margin-top:12px!important}
body.theme-apothecary.variant-knickknack-original .section:nth-of-type(8) summary{padding:0!important}
body.theme-apothecary.variant-knickknack-original .section:nth-of-type(8) .faq-answer{padding:10px 0 0!important}
@media (max-width:920px){
 body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{font-size:clamp(42px,12vw,76px)!important}
 body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{font-size:clamp(20px,6vw,29px)!important;max-width:19ch!important}
 body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right{padding:22px 18px!important}
}


/* 2026-06 final sizing + visibility refinement for KnickKnack original colors */
body.theme-apothecary.variant-knickknack-original .hero__heading-block,
body.theme-apothecary.variant-knickknack-original .hero__meta-block{max-width:600px!important}
body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{
  font-size:clamp(108px, 16.4vw, 226px)!important;
  line-height:.86!important;
  letter-spacing:-.042em!important;
  max-width:8ch!important;
}
body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{
  font-size:clamp(46px, 7.2vw, 94px)!important;
  line-height:.94!important;
  letter-spacing:-.02em!important;
  max-width:12ch!important;
  font-weight:700!important;
  color:#243427!important;
}
body.theme-apothecary.variant-knickknack-original #products .product-card{
  background:rgba(255,250,242,.92)!important;
  border:1px solid rgba(54,83,61,.14)!important;
  box-shadow:0 10px 24px rgba(34,52,39,.08)!important;
}
body.theme-apothecary.variant-knickknack-original #products .product-card h3,
body.theme-apothecary.variant-knickknack-original #products .product-card h3 a,
body.theme-apothecary.variant-knickknack-original #products .product-card p,
body.theme-apothecary.variant-knickknack-original #products .product-card .claim-asterisk{
  color:#203024!important;
}
body.theme-apothecary.variant-knickknack-original #products .product-card a:not(.btn):not([class*="shopify-payment-button"]) { color:#203024!important; }
@media (max-width:920px){
  body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{font-size:clamp(66px, 15vw, 124px)!important;max-width:9ch!important}
  body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{font-size:clamp(30px, 8vw, 60px)!important;max-width:13ch!important}
}


/* 2026-06 v4: explicit KnickKnack original hero size + reliable neon borders */
body.theme-apothecary.variant-knickknack-original .hero__heading-block,
body.theme-apothecary.variant-knickknack-original .hero__meta-block{
  max-width:700px!important;
}
body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{
  font-size:clamp(132px, 20vw, 310px)!important;
  line-height:.78!important;
  letter-spacing:-.055em!important;
  max-width:8.5ch!important;
}
body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{
  font-size:clamp(58px, 9.2vw, 136px)!important;
  line-height:.88!important;
  letter-spacing:-.035em!important;
  max-width:12ch!important;
  font-weight:700!important;
  color:#243427!important;
}

/* Product card copy contrast, no Shopify-code edits */
body.theme-apothecary.variant-knickknack-original #products .product-card{
  background:rgba(255,250,242,.94)!important;
  border:1px solid rgba(54,83,61,.16)!important;
  box-shadow:0 10px 24px rgba(34,52,39,.08)!important;
}
body.theme-apothecary.variant-knickknack-original #products .product-card h3,
body.theme-apothecary.variant-knickknack-original #products .product-card h3 a,
body.theme-apothecary.variant-knickknack-original #products .product-card p,
body.theme-apothecary.variant-knickknack-original #products .product-card .claim-asterisk{
  color:#203024!important;
}

body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-right-faq-section .faq-list details + details{
  margin-top:12px!important;
}
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-right-faq-section summary{
  padding:0!important;
}
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-right-faq-section .faq-answer{
  padding:10px 0 0!important;
}

@media (max-width:920px){
  body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{
    font-size:clamp(74px, 18vw, 146px)!important;
    max-width:9ch!important;
  }
  body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{
    font-size:clamp(38px, 10.5vw, 78px)!important;
    max-width:13ch!important;
  }
}


/* 2026-06 v5: KnickKnack mobile nav, hero order, larger hero type */
body.theme-apothecary.variant-knickknack .topbar--exp .nav__cta--mobile,
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav__cta--mobile{
  padding:8px 9px!important;
  min-width:0!important;
  width:auto!important;
  border-radius:10px!important;
  font-size:13px!important;
}
@media (max-width:1179px){
  body.theme-apothecary.variant-knickknack .topbar--exp .topbar__inner,
  body.theme-apothecary.variant-knickknack-original .topbar--exp .topbar__inner{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:6px!important;
    width:min(100% - 18px, var(--max))!important;
  }
  body.theme-apothecary.variant-knickknack .topbar--exp .brand-wordmark-img,
  body.theme-apothecary.variant-knickknack-original .topbar--exp .brand-wordmark-img{
    max-width:min(56vw, 218px)!important;
    height:24px!important;
  }
  body.theme-apothecary.variant-knickknack .topbar--exp .exp-brand,
  body.theme-apothecary.variant-knickknack-original .topbar--exp .exp-brand{
    justify-self:center!important;
    padding:4px 6px!important;
  }
}
body.theme-apothecary.variant-knickknack .hero__title--knick-plain,
body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{
  font-size:clamp(128px, 16vw, 260px)!important;
  line-height:.78!important;
  letter-spacing:-.055em!important;
  max-width:8.5ch!important;
}
body.theme-apothecary.variant-knickknack .hero__subtitle--knick,
body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{
  font-size:clamp(54px, 7.2vw, 112px)!important;
  line-height:.9!important;
  letter-spacing:-.035em!important;
  max-width:13ch!important;
  font-weight:700!important;
}
@media (max-width:920px){
  body.theme-apothecary.variant-knickknack .hero__content--knick-grid,
  body.theme-apothecary.variant-knickknack-original .hero__content--knick-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"heading" "image" "meta"!important;
    gap:10px!important;
  }
  body.theme-apothecary.variant-knickknack .hero__heading-block,
  body.theme-apothecary.variant-knickknack-original .hero__heading-block{
    grid-area:heading!important;
    text-align:center!important;
  }
  body.theme-apothecary.variant-knickknack .hero__image-stage,
  body.theme-apothecary.variant-knickknack-original .hero__image-stage{
    grid-area:image!important;
    justify-self:center!important;
  }
  body.theme-apothecary.variant-knickknack .hero__meta-block,
  body.theme-apothecary.variant-knickknack-original .hero__meta-block{
    grid-area:meta!important;
    text-align:center!important;
    margin:0 auto!important;
  }
  body.theme-apothecary.variant-knickknack .hero__meta-block .hero__cta--single,
  body.theme-apothecary.variant-knickknack-original .hero__meta-block .hero__cta--single{
    justify-content:center!important;
  }
  body.theme-apothecary.variant-knickknack .hero__title--knick-plain,
  body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain{
    font-size:clamp(76px, 18vw, 142px)!important;
    line-height:.82!important;
    max-width:9ch!important;
    margin-inline:auto!important;
  }
  body.theme-apothecary.variant-knickknack .hero__subtitle--knick,
  body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{
    font-size:clamp(36px, 9.8vw, 72px)!important;
    line-height:.92!important;
    max-width:13ch!important;
    margin-inline:auto!important;
  }
}


/* 2026-06 v5: KnickKnack original readable stripes and original-color subpage styling */
body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right{
  padding:26px 28px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(250,244,232,.92),rgba(242,234,216,.82))!important;
  backdrop-filter:blur(5px)!important;
  box-shadow:0 14px 34px rgba(34,52,39,.12)!important;
}
body.theme-apothecary.variant-knickknack-original{
  background:linear-gradient(180deg,#f6efe2,#efe6d4)!important;
  color:#253327!important;
}
body.theme-apothecary.variant-knickknack-original .notice-bar{background:#36533d!important;color:#f9f4e8!important}
body.theme-apothecary.variant-knickknack-original .topbar--exp{background:rgba(48,73,55,.96)!important;border-bottom-color:rgba(255,255,255,.14)!important}
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-list>li>a,
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-toggle,
body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-nav-list a,
body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-group>a{color:#f6f1e7!important}
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-toggle,
body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-nav-panel{background:rgba(37,59,43,.98)!important;border-color:rgba(255,255,255,.14)!important}
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav__cta,
body.theme-apothecary.variant-knickknack-original .btn--primary{background:#36533d!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
body.theme-apothecary.variant-knickknack-original .btn--ghost{border-color:#36533d!important;color:#36533d!important;background:rgba(255,255,255,.72)!important}
body.theme-apothecary.variant-knickknack-original #products .product-card{
  background:rgba(255,250,242,.94)!important;
  border:1px solid rgba(54,83,61,.16)!important;
  box-shadow:0 10px 24px rgba(34,52,39,.08)!important;
}
body.theme-apothecary.variant-knickknack-original #products .product-card h3,
body.theme-apothecary.variant-knickknack-original #products .product-card h3 a,
body.theme-apothecary.variant-knickknack-original #products .product-card p,
body.theme-apothecary.variant-knickknack-original #products .product-card .claim-asterisk{
  color:#203024!important;
}
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-left-section .content-card > *,
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-left-section .traditions-card > *{
  position:relative!important;
  z-index:2!important;
}
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-right-faq-section .faq-list details > *{
  position:relative!important;
  z-index:2!important;
}
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-right-faq-section .faq-list details + details{
  margin-top:12px!important;
}


/* 2026-06 v6: restore version-specific mobile nav layouts */
/* Non-KnickKnack pages: brand image left, hamburger and Shop on right */
@media (max-width:1179px){
  body.nav-mobile-left-brand .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
    width:min(var(--max), calc(100% - 24px))!important;
  }
  body.nav-mobile-left-brand .topbar--exp .exp-brand{
    grid-column:1!important;
    justify-self:start!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.nav-mobile-left-brand .topbar--exp .brand-wordmark-img{
    height:24px!important;
    max-width:min(58vw, 230px)!important;
  }
  body.nav-mobile-left-brand .topbar--exp .nav-toggle{
    grid-column:2!important;
    justify-self:end!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:7px 8px!important;
  }
  body.nav-mobile-left-brand .topbar--exp .nav__cta--mobile{
    grid-column:3!important;
    justify-self:end!important;
    min-width:0!important;
    width:auto!important;
    padding:8px 10px!important;
    font-size:13px!important;
    border-radius:10px!important;
  }
}

/* KnickKnack pages: hamburger left, logo centered, compact Shop right */
@media (max-width:1179px){
  body.nav-mobile-centered-knick .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:4px!important;
    width:min(100% - 14px, var(--max))!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .nav-toggle{
    grid-column:1!important;
    justify-self:start!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:7px 7px!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .exp-brand{
    grid-column:2!important;
    justify-self:center!important;
    padding:3px 4px!important;
    max-width:100%!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .brand-wordmark-img{
    height:23px!important;
    max-width:min(54vw, 206px)!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile{
    grid-column:3!important;
    justify-self:end!important;
    min-width:0!important;
    width:auto!important;
    padding:7px 8px!important;
    font-size:12.5px!important;
    line-height:1!important;
    border-radius:9px!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile::before,
  body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile::after{
    content:none!important;
    display:none!important;
  }
}


/* 2026-06 v6: larger KnickKnack hero typography and correct mobile order */
/* Desktop: stronger type-size override with ultra-specific selector */
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__title--knick-plain,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{
  font-size:clamp(150px, 20vw, 340px)!important;
  line-height:.74!important;
  letter-spacing:-.065em!important;
  max-width:8.5ch!important;
  text-transform:none!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__subtitle--knick,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick{
  font-size:clamp(66px, 9vw, 150px)!important;
  line-height:.86!important;
  letter-spacing:-.04em!important;
  max-width:13ch!important;
  font-weight:700!important;
}
html body.theme-apothecary.variant-knickknack .hero__heading-block,
html body.theme-apothecary.variant-knickknack-original .hero__heading-block,
html body.theme-apothecary.variant-knickknack .hero__meta-block,
html body.theme-apothecary.variant-knickknack-original .hero__meta-block{
  max-width:780px!important;
}

/* Mobile: title, image, subhead, CTA */
@media (max-width:920px){
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__content--knick-grid,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__content--knick-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "heading"
      "image"
      "meta"!important;
    gap:10px!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__heading-block,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__heading-block{
    grid-area:heading!important;
    text-align:center!important;
    margin-inline:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__image-stage,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__image-stage{
    grid-area:image!important;
    justify-self:center!important;
    margin-inline:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__meta-block,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__meta-block{
    grid-area:meta!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    text-align:center!important;
    margin-inline:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__subtitle--knick,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick{
    grid-row:1!important;
    font-size:clamp(42px, 12vw, 88px)!important;
    line-height:.88!important;
    max-width:13ch!important;
    margin:0 auto 12px!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__cta--single,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__cta--single{
    grid-row:2!important;
    justify-content:center!important;
    margin:0!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__title--knick-plain,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{
    font-size:clamp(86px, 22vw, 170px)!important;
    line-height:.78!important;
    max-width:9ch!important;
    margin:0 auto!important;
  }
}


body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-left-section .content-card > *,
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-left-section .traditions-card > *{
  position:relative!important;
  z-index:2!important;
}
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-right-faq-section .faq-list details > *{
  position:relative!important;
  z-index:2!important;
}


/* 2026-06 v7 cache-busted final nav + KnickKnack hero overrides */
/* Prevent any duplicate mobile/desktop CTA overlap */
@media (max-width:1179px){
  .topbar--exp .nav__cta--desktop{display:none!important}
  .topbar--exp .nav__cta--mobile{display:inline-flex!important}
}
@media (min-width:1180px){
  .topbar--exp .nav__cta--mobile,.topbar--exp .nav-toggle{display:none!important}
  .topbar--exp .nav__cta--desktop{display:inline-flex!important}
}
/* Non-KnickKnack mobile: wordmark left, hamburger, compact Shop */
@media (max-width:1179px){
  body.nav-mobile-left-brand .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px auto!important;
    align-items:center!important;
    gap:6px!important;
    width:min(var(--max), calc(100% - 22px))!important;
  }
  body.nav-mobile-left-brand .topbar--exp .exp-brand{
    grid-column:1!important; justify-self:start!important;
    padding:0!important; background:transparent!important; box-shadow:none!important;
    min-width:0!important; max-width:100%!important;
  }
  body.nav-mobile-left-brand .topbar--exp .brand-wordmark-img{
    height:23px!important; max-width:min(56vw, 224px)!important;
  }
  body.nav-mobile-left-brand .topbar--exp .nav-toggle{
    grid-column:2!important; justify-self:end!important;
    min-width:38px!important; min-height:38px!important; padding:7px!important;
  }
  body.nav-mobile-left-brand .topbar--exp .nav__cta--mobile{
    grid-column:3!important; justify-self:end!important;
    min-width:0!important; width:auto!important; padding:7px 8px!important;
    font-size:12.5px!important; line-height:1!important; border-radius:9px!important;
  }
  body.nav-mobile-left-brand .topbar--exp .nav__cta--mobile::before,
  body.nav-mobile-left-brand .topbar--exp .nav__cta--mobile::after{content:none!important;display:none!important}
}
/* KnickKnack mobile: hamburger left, centered wordmark, compact Shop right */
@media (max-width:1179px){
  body.nav-mobile-centered-knick .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:4px!important;
    width:min(100% - 10px, var(--max))!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .nav-toggle{
    grid-column:1!important; justify-self:start!important;
    min-width:36px!important; min-height:36px!important; padding:6px!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .exp-brand{
    grid-column:2!important; justify-self:center!important;
    padding:2px 3px!important; max-width:100%!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .brand-wordmark-img{
    height:21px!important; max-width:min(50vw, 178px)!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile{
    grid-column:3!important; justify-self:end!important;
    min-width:0!important; width:auto!important; padding:7px 7px!important;
    font-size:12px!important; line-height:1!important; border-radius:8px!important;
  }
  body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile::before,
  body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile::after{content:none!important;display:none!important}
}
/* KnickKnack hero: use a new grid so mobile order cannot be hijacked by old .hero__copy rules */
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__content--knick-grid-v7,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__content--knick-grid-v7{
  display:grid!important;
  grid-template-columns:minmax(250px, 430px) minmax(0, 1fr)!important;
  grid-template-areas:"image heading" "image meta"!important;
  align-items:center!important;
  gap:28px!important;
  max-width:min(var(--max), calc(100% - 36px))!important;
  padding:8px 0 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__heading-block,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__heading-block{grid-area:heading!important;align-self:end!important;max-width:760px!important}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__image-stage,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__image-stage{grid-area:image!important;justify-self:center!important;align-self:center!important}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__meta-block,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__meta-block{grid-area:meta!important;align-self:start!important;max-width:720px!important}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__title--knick-plain,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{
  font-size:clamp(100px, 13vw, 220px)!important;
  line-height:.82!important;
  letter-spacing:-.055em!important;
  max-width:8.5ch!important;
  margin:0!important;
  color:inherit!important;
  -webkit-text-stroke:0!important;
  text-transform:none!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__subtitle--knick,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick{
  font-size:clamp(34px, 4.7vw, 76px)!important;
  line-height:.95!important;
  letter-spacing:-.03em!important;
  max-width:13ch!important;
  font-weight:700!important;
  margin:0 0 16px!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__cta--single,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__cta--single{justify-content:flex-start!important;margin:0!important}
@media (max-width:920px){
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__content--knick-grid-v7,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__content--knick-grid-v7{
    grid-template-columns:1fr!important;
    grid-template-areas:"heading" "image" "meta"!important;
    gap:10px!important;
    max-width:min(100% - 28px, var(--max))!important;
    text-align:center!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__heading-block,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__heading-block{
    grid-area:heading!important; justify-self:center!important; text-align:center!important; align-self:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__image-stage,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__image-stage{
    grid-area:image!important; justify-self:center!important; align-self:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__meta-block,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__meta-block{
    grid-area:meta!important; justify-self:center!important; text-align:center!important; align-self:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__title--knick-plain,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{
    font-size:clamp(58px, 15vw, 108px)!important;
    line-height:.86!important;
    max-width:9ch!important;
    margin:0 auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__subtitle--knick,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick{
    font-size:clamp(28px, 7.2vw, 48px)!important;
    line-height:.98!important;
    max-width:13ch!important;
    margin:0 auto 12px!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__cta--single,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__cta--single{
    justify-content:center!important;
  }
}


/* 2026-06 v8 final mobile nav and KnickKnack hero corrections */
/* Header: prevent notice-bar spacing after notice removal */
body.no-noticebar{padding-top:64px!important}
@media (max-width:1179px){body.no-noticebar{padding-top:64px!important}}
@media (min-width:1180px){body.no-noticebar{padding-top:64px!important}}

/* Hide any duplicated mobile/desktop CTA at the wrong breakpoint */
@media (max-width:1179px){
  .topbar--exp .nav__cta--desktop{display:none!important}
  .topbar--exp .nav__cta--mobile{display:inline-flex!important}
}
@media (min-width:1180px){
  .topbar--exp .nav-toggle,.topbar--exp .nav__cta--mobile{display:none!important}
  .topbar--exp .nav__cta--desktop{display:inline-flex!important}
}

/* Non-KnickKnack mobile: wordmark left, hamburger, small Shop */
@media (max-width:1179px){
  html body.nav-mobile-left-brand .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px 40px!important;
    grid-template-rows:44px!important;
    align-items:center!important;
    gap:6px!important;
    width:min(calc(100% - 18px), var(--max))!important;
    padding:7px 0!important;
  }
  html body.nav-mobile-left-brand .topbar--exp .exp-brand{
    grid-column:1!important; grid-row:1!important; justify-self:start!important; align-self:center!important;
    padding:0!important; margin:0!important; background:transparent!important; box-shadow:none!important;
    min-width:0!important; max-width:100%!important;
  }
  html body.nav-mobile-left-brand .topbar--exp .brand-wordmark-img{
    display:block!important;
    height:22px!important;
    max-width:min(54vw, 210px)!important;
  }
  html body.nav-mobile-left-brand .topbar--exp .nav-toggle{
    grid-column:2!important; grid-row:1!important; justify-self:center!important; align-self:center!important;
    min-width:36px!important; min-height:36px!important; width:36px!important; height:36px!important;
    padding:5px!important; margin:0!important;
  }
  html body.nav-mobile-left-brand .topbar--exp .nav__cta--mobile{
    grid-column:3!important; grid-row:1!important; justify-self:end!important; align-self:center!important;
    min-width:0!important; width:40px!important; height:34px!important;
    padding:0!important; margin:0!important;
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    font-size:12px!important; line-height:1!important; border-radius:8px!important;
    white-space:nowrap!important;
  }
  html body.nav-mobile-left-brand .topbar--exp .nav__cta--mobile::before,
  html body.nav-mobile-left-brand .topbar--exp .nav__cta--mobile::after{content:none!important;display:none!important}
}

/* KnickKnack mobile: force a single row even on narrow Android widths */
@media (max-width:1179px){
  html body.nav-mobile-centered-knick .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 40px!important;
    grid-template-rows:42px!important;
    align-items:center!important;
    gap:3px!important;
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    padding:6px 0!important;
    overflow:hidden!important;
  }
  html body.nav-mobile-centered-knick .topbar--exp .nav-toggle{
    grid-column:1!important; grid-row:1!important; justify-self:start!important; align-self:center!important;
    min-width:34px!important; min-height:34px!important; width:34px!important; height:34px!important;
    padding:4px!important; margin:0!important; border-radius:8px!important;
  }
  html body.nav-mobile-centered-knick .topbar--exp .nav-toggle__icon{font-size:20px!important}
  html body.nav-mobile-centered-knick .topbar--exp .exp-brand{
    grid-column:2!important; grid-row:1!important; justify-self:center!important; align-self:center!important;
    padding:0!important; margin:0!important;
    background:rgba(255,252,247,.94)!important;
    box-shadow:0 4px 10px rgba(0,0,0,.06)!important;
    border-radius:10px!important;
    min-width:0!important; max-width:100%!important;
    overflow:hidden!important;
  }
  html body.nav-mobile-centered-knick .topbar--exp .brand-wordmark-img{
    display:block!important;
    height:20px!important;
    max-width:min(46vw, 172px)!important;
    width:auto!important;
  }
  html body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile{
    grid-column:3!important; grid-row:1!important; justify-self:end!important; align-self:center!important;
    min-width:0!important; width:38px!important; height:33px!important;
    padding:0!important; margin:0!important;
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    font-size:11.5px!important; line-height:1!important; border-radius:8px!important;
    white-space:nowrap!important;
  }
  html body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile::before,
  html body.nav-mobile-centered-knick .topbar--exp .nav__cta--mobile::after{content:none!important;display:none!important}
}

/* KnickKnack hero rebuilt layout */
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__content--knick-v8,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__content--knick-v8{
  display:grid!important;
  grid-template-columns:minmax(250px, 420px) minmax(0, 1fr)!important;
  grid-template-areas:"image heading" "image meta"!important;
  align-items:center!important;
  gap:28px!important;
  max-width:min(var(--max), calc(100% - 36px))!important;
  padding:6px 0 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__heading-block,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__heading-block{
  grid-area:heading!important;
  align-self:end!important;
  text-align:left!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__image-stage,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__image-stage{
  grid-area:image!important;
  justify-self:center!important;
  align-self:center!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__meta-block,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__meta-block{
  grid-area:meta!important;
  align-self:start!important;
  text-align:left!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__title--knick-plain,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{
  font-size:clamp(104px, 14vw, 230px)!important;
  line-height:.78!important;
  letter-spacing:-.06em!important;
  max-width:8.5ch!important;
  margin:0!important;
  color:inherit!important;
  -webkit-text-stroke:0!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__subtitle--knick,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick{
  font-size:clamp(34px, 4.4vw, 72px)!important;
  line-height:.96!important;
  letter-spacing:-.025em!important;
  max-width:18ch!important;
  font-weight:700!important;
  margin:0 0 16px!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__cta--single,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__cta--single{
  justify-content:flex-start!important;
  margin:0!important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__feature-img--redstripe{
  width:min(100%, 360px)!important;
  max-height:520px!important;
  object-fit:contain!important;
}
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__feature-img--jps{
  width:min(100%, 350px)!important;
  max-height:520px!important;
  object-fit:contain!important;
}

@media (max-width:920px){
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout{
    padding:18px 0 12px!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__content--knick-v8,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__content--knick-v8{
    grid-template-columns:1fr!important;
    grid-template-areas:"heading" "image" "meta"!important;
    gap:9px!important;
    max-width:min(100% - 28px, var(--max))!important;
    text-align:center!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__heading-block,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__heading-block{
    text-align:center!important;
    justify-self:center!important;
    align-self:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__image-stage,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__image-stage{
    justify-self:center!important;
    align-self:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__meta-block,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__meta-block{
    text-align:center!important;
    justify-self:center!important;
    align-self:auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__title--knick-plain,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{
    font-size:clamp(76px, 18vw, 124px)!important;
    line-height:.82!important;
    max-width:9ch!important;
    margin:0 auto!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__subtitle--knick,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick{
    font-size:clamp(30px, 7vw, 52px)!important;
    line-height:.98!important;
    max-width:17ch!important;
    margin:0 auto 10px!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__cta--single,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__cta--single{
    justify-content:center!important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__feature-img--redstripe{
    width:min(100%, 310px)!important;
    max-height:480px!important;
    object-fit:contain!important;
  }
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__feature-img--jps{
    width:min(100%, 300px)!important;
    max-height:440px!important;
    object-fit:contain!important;
  }
}
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-left-section .content-card > *,
body.theme-apothecary.variant-knickknack-original main#main > section.sg-neon-left-section .traditions-card > *{
  position:relative!important;
  z-index:2!important;
  margin-left:0!important;
}


/* 2026-06 v9 final KnickKnack typography and mobile image sizing */
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__content--knick-v8,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__content--knick-v8 {
  overflow: visible !important;
}

/* Desktop headline + subhead */
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__title--knick-plain,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain {
  font-size: clamp(126px, 8.6vw, 176px) !important;
  line-height: 0.88 !important;
  letter-spacing: -0.045em !important;
  max-width: none !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
}
html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__subtitle--knick,
html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick {
  font-size: clamp(28px, 2.8vw, 42px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.018em !important;
  max-width: 23ch !important;
  white-space: normal !important;
  text-wrap: pretty !important;
}

/* Mobile: keep order as-is, only adjust typography and image sizing */
@media (max-width: 920px) {
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__content--knick-v8,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__content--knick-v8 {
    gap: 8px !important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__title--knick-plain,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain {
    font-size: clamp(48px, 7.3vw, 58px) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.035em !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 auto !important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__subtitle--knick,
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick {
    font-size: clamp(23px, 4.9vw, 30px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.012em !important;
    max-width: min(94vw, 360px) !important;
    width: 100% !important;
    margin: 0 auto 10px !important;
  }
  html body.theme-apothecary.variant-knickknack section.hero--knickknack-layout .hero__feature-img--redstripe {
    width: min(100%, 260px) !important;
    max-height: 360px !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  html body.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__feature-img--jps {
    width: min(100%, 250px) !important;
    max-height: 330px !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
}



/* 2026-06 v10 shortlisted four-theme overrides */
html body.no-noticebar{padding-top:74px!important}
.notice-bar{display:none!important}
.hero .eyebrow{display:none!important}

/* Desktop nav: left links, centered brand image, no separate CTA */
@media (min-width:1180px){
  .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    align-items:center!important;
    gap:18px!important;
    min-height:66px!important;
  }
  .topbar--exp .nav-desktop-exp{grid-column:1!important;justify-self:start!important;display:block!important}
  .topbar--exp .nav-list{display:flex!important;gap:20px!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important}
  .topbar--exp .nav-list>li:last-child>a{font-weight:600!important}
  .topbar--exp .exp-brand{grid-column:2!important;justify-self:center!important;margin-inline:auto!important;min-width:0!important}
  .topbar--exp .brand-wordmark-img{height:28px!important;max-width:360px!important;width:auto!important}
  .topbar--exp .nav__cta--desktop{display:none!important}
  .topbar--exp .nav-toggle,.topbar--exp .nav__cta--mobile{display:none!important}
}

/* Mobile nav: hamburger left, logo center, compact Shop right for all */
@media (max-width:1179px){
  html body.nav-mobile-centered-all .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 42px!important;
    grid-template-rows:42px!important;
    align-items:center!important;
    gap:6px!important;
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    padding:6px 0!important;
    overflow:hidden!important;
  }
  html body.nav-mobile-centered-all .topbar--exp .nav-toggle{
    grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:4px!important;border-radius:8px!important;margin:0!important;
  }
  html body.nav-mobile-centered-all .topbar--exp .exp-brand{
    grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;
    padding:0!important;margin:0!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
    background:rgba(255,252,247,.94)!important;border-radius:10px!important;box-shadow:0 4px 10px rgba(0,0,0,.06)!important;
  }
  html body.nav-mobile-centered-all .topbar--exp .brand-wordmark-img{display:block!important;height:20px!important;max-width:min(48vw,178px)!important;width:auto!important}
  html body.nav-mobile-centered-all .topbar--exp .nav__cta--mobile{
    grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;
    width:40px!important;height:33px!important;min-width:0!important;padding:0!important;margin:0!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    font-size:11.5px!important;line-height:1!important;border-radius:8px!important;white-space:nowrap!important;
  }
  html body.nav-mobile-centered-all .topbar--exp .nav__cta--mobile::before,
  html body.nav-mobile-centered-all .topbar--exp .nav__cta--mobile::after{content:none!important;display:none!important}
}

/* Global product tile sizing to match the preferred hero-logo card width */
#products .product-grid,
.product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,280px))!important;
  justify-content:center!important;
  gap:18px!important;
}
.product-card{
  width:100%!important;
  max-width:280px!important;
  min-height:100%!important;
  margin-inline:auto!important;
}
.product-card .product__img img{width:100%!important;height:auto!important;display:block!important}
@media (max-width:720px){
  #products .product-grid,.product-grid{grid-template-columns:repeat(auto-fit,minmax(235px,280px))!important}
  .product-card{max-width:280px!important}
}

/* Footer baseline themeability */
.site-footer{border-top:1px solid rgba(0,0,0,.08)!important}
.site-footer .footer-heading{font-family:Georgia,"Times New Roman",serif!important}

/* Four benefit cards helper */
.section--moments .moment-card{transition:transform .18s ease, box-shadow .18s ease}
.section--moments .moment-card:hover{transform:translateY(-2px)}


/* Dark green theme */
body.sample-dark-green{background:linear-gradient(180deg,#f6f0e2,#efe6d6)!important;color:#223126!important}
body.sample-dark-green .topbar--exp{background:color-mix(in srgb,#f6f0e2 92%, transparent)!important;border-bottom-color:rgba(35,70,55,.12)!important}
body.sample-dark-green .product-card{background:transparent!important;border:1.5px solid rgba(47,91,68,.48)!important;box-shadow:none!important;border-radius:14px!important}
/* Dark green hero typography */
body.sample-dark-green .hero__title--knick-plain{font-size:clamp(88px,8vw,148px)!important;line-height:.9!important;letter-spacing:-.04em!important;white-space:normal!important;max-width:none!important}
body.sample-dark-green .hero__subtitle--knick{font-size:clamp(26px,2.8vw,38px)!important;line-height:1.08!important;max-width:26ch!important;font-weight:700!important;text-transform:none!important}
@media (max-width:920px){
  body.sample-dark-green .hero__title--knick-plain{font-size:clamp(44px,7vw,54px)!important}
  body.sample-dark-green .hero__subtitle--knick{font-size:clamp(21px,4.7vw,28px)!important;max-width:min(92vw,330px)!important}
}

/* 2026-06 v11 final four-theme corrections */
.notice-bar{display:none!important}
.hero .eyebrow{display:none!important}
html body.no-noticebar{padding-top:58px!important}
@media (max-width:1179px){html body.no-noticebar{padding-top:54px!important}}

@media (min-width:1180px){
  .topbar--exp{top:0!important}
  .topbar--exp .topbar__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    min-height:56px!important;
    padding:8px 0!important;
    width:min(1220px, calc(100% - 32px))!important;
  }
  .topbar--exp .nav-desktop-exp{grid-column:1!important;justify-self:start!important;display:block!important;min-width:0!important}
  .topbar--exp .nav-list{display:flex!important;gap:20px!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;white-space:nowrap!important}
  .topbar--exp .exp-brand{grid-column:2!important;justify-self:center!important;align-self:center!important;min-width:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}
  .topbar--exp .brand-wordmark-img{height:28px!important;width:auto!important;max-width:360px!important}
  .topbar--exp .nav__cta--desktop{grid-column:3!important;justify-self:end!important;display:inline-flex!important;min-width:0!important;width:auto!important;padding:10px 15px!important;border-radius:11px!important;white-space:nowrap!important}
  .topbar--exp .nav-toggle,.topbar--exp .nav__cta--mobile{display:none!important}
}

@media (max-width:1179px){
  html body.nav-mobile-centered-all .topbar--exp .topbar__inner{
    display:grid!important;grid-template-columns:36px minmax(0,1fr) 42px!important;grid-template-rows:42px!important;align-items:center!important;gap:6px!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;padding:6px 0!important;overflow:hidden!important;min-height:42px!important;
  }
  html body.nav-mobile-centered-all .topbar--exp .nav-toggle{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:4px!important;margin:0!important;border-radius:8px!important}
  html body.nav-mobile-centered-all .topbar--exp .exp-brand{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;padding:0!important;margin:0!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;background:rgba(255,252,247,.94)!important;border-radius:10px!important;box-shadow:0 4px 10px rgba(0,0,0,.06)!important}
  html body.nav-mobile-centered-all .topbar--exp .brand-wordmark-img{display:block!important;height:20px!important;max-width:min(48vw,178px)!important;width:auto!important}
  html body.nav-mobile-centered-all .topbar--exp .nav__cta--mobile{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;width:40px!important;height:33px!important;min-width:0!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11.5px!important;line-height:1!important;border-radius:8px!important;white-space:nowrap!important}
  html body.nav-mobile-centered-all .topbar--exp .nav__cta--mobile::before,html body.nav-mobile-centered-all .topbar--exp .nav__cta--mobile::after{content:none!important;display:none!important}
}

html body #products .product-grid,
html body.products-page #available-now .product-grid{
  display:grid!important;grid-template-columns:repeat(3, minmax(250px,280px))!important;justify-content:center!important;align-items:stretch!important;gap:18px!important;overflow:visible!important;
}
html body #products .product-card,
html body.products-page #available-now .product-card{width:100%!important;max-width:280px!important;min-width:0!important;margin-inline:auto!important;display:flex!important;flex-direction:column!important}
html body #products .product-card .product__img{display:grid!important;place-items:center!important}
html body #products .product-card .product__img img{width:auto!important;height:auto!important;max-width:185px!important;max-height:185px!important;object-fit:contain!important}
html body #products .product-card [id^="product-component-"]{margin-top:0!important;min-height:94px!important;overflow:visible!important}
@media (max-width:900px){html body #products .product-grid,html body.products-page #available-now .product-grid{grid-template-columns:repeat(auto-fit, minmax(245px,280px))!important}}

body.sample-brown .hero-brand-lockup{display:none!important}
body.sample-brown .hero__content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;text-align:center!important}
body.sample-brown .hero__product-img{order:1!important;width:min(100%,270px)!important;margin-inline:auto!important;transform:rotate(4deg)!important}
body.sample-brown .hero__copy{order:2!important;max-width:760px!important;text-align:center!important;margin-inline:auto!important}
body.sample-brown #products .product-grid{display:grid!important;grid-template-columns:repeat(3, minmax(250px,280px))!important}
body.sample-brown #products .product-card{display:flex!important;grid-template-columns:none!important;grid-template-areas:none!important;border-radius:18px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(90,62,44,.12)!important;box-shadow:0 10px 24px rgba(69,45,30,.08)!important}
@media(max-width:900px){body.sample-brown #products .product-grid{grid-template-columns:repeat(auto-fit, minmax(245px,280px))!important}}

body.sample-neon #products .product-card{border-radius:0!important;background:#fff!important;border:1px solid rgba(0,0,0,.20)!important;box-shadow:0 10px 24px rgba(0,0,0,.08)!important}
body.sample-red #products .product-card{background:transparent!important;border:0!important;box-shadow:none!important;color:#2b1210!important}
body.sample-red #products .product-card h3,body.sample-red #products .product-card h3 a,body.sample-red #products .product-card p,body.sample-red #products .product-card .claim-asterisk{color:#2b1210!important}
body.sample-dark-green #products .product-card{background:transparent!important;border:1.5px solid rgba(47,91,68,.55)!important;box-shadow:none!important;border-radius:14px!important;color:#223126!important}

body.sample-red .section--moments .moment-card,body.sample-brown .section--moments .moment-card{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:0!important}
body.sample-neon .section--moments .moment-card{color:#17121a!important;box-shadow:none!important}
body.sample-neon .section--moments .moment-card--1{background:#ffeff8!important;border:1px solid #ff3f99!important}
body.sample-neon .section--moments .moment-card--2{background:#eaf9ff!important;border:1px solid #00b8ff!important}
body.sample-neon .section--moments .moment-card--3{background:#fff8c8!important;border:1px solid #e5c900!important}
body.sample-neon .section--moments .moment-card--4{background:#edffe3!important;border:1px solid #54cc45!important}
body.sample-red .hero__title--knick-plain,body.sample-dark-green .hero__title--knick-plain{font-size:clamp(96px,8.5vw,158px)!important;line-height:.9!important;letter-spacing:-.04em!important;white-space:normal!important;max-width:none!important}
body.sample-red .hero__subtitle--knick,body.sample-dark-green .hero__subtitle--knick{font-size:clamp(26px,2.55vw,38px)!important;line-height:1.08!important;max-width:26ch!important;font-weight:700!important}
@media(max-width:920px){
  body.sample-red .hero__title--knick-plain,body.sample-dark-green .hero__title--knick-plain{font-size:clamp(45px,7.4vw,58px)!important}
  body.sample-red .hero__subtitle--knick,body.sample-dark-green .hero__subtitle--knick{font-size:clamp(21px,4.7vw,28px)!important;max-width:min(92vw,340px)!important}
}

body.sample-dark-green .hero--knickknack-layout .hero__bg{display:none!important}
body.sample-dark-green .hero__image-stage--with-botanical-bg{background:transparent!important;border-radius:0!important;min-height:auto!important;padding:0!important}
body.sample-dark-green .hero__image-stage--with-botanical-bg::before{display:none!important}
body.sample-dark-green .hero__feature-img--jps{width:min(100%,285px)!important;max-height:380px!important;object-fit:contain!important;object-position:center top!important}
@media(max-width:920px){body.sample-dark-green .hero__feature-img--jps{width:min(100%,230px)!important;max-height:300px!important}}

/* 2026-06-06 v12: single-row desktop navigation and accessible mobile hit areas */
@media (min-width:1180px){
  .topbar--exp .topbar__inner{
    grid-template-columns:minmax(360px,1fr) minmax(260px,360px) minmax(80px,1fr)!important;
    grid-template-rows:56px!important;
    grid-auto-rows:0!important;
    padding:0!important;
  }
  .topbar--exp .nav-desktop-exp{grid-column:1!important;grid-row:1!important}
  .topbar--exp .exp-brand{grid-column:2!important;grid-row:1!important;max-width:360px!important}
  .topbar--exp .nav__cta--desktop{grid-column:3!important;grid-row:1!important}
  .topbar--exp .nav-toggle,.topbar--exp .nav__cta--mobile{display:none!important}
}
@media (max-width:1179px){
  html body.nav-mobile-centered-all .topbar--exp .topbar__inner{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    grid-template-rows:44px!important;
    min-height:44px!important;
    padding:5px 0!important;
  }
}
body.sample-dark-green .hero--knickknack-layout .hero__content--knick-v8{row-gap:8px!important}
body.sample-dark-green .hero--knickknack-layout .hero__image-stage--with-botanical-bg{width:270px!important;height:260px!important;max-height:260px!important;overflow:hidden!important}
body.sample-dark-green .hero--knickknack-layout .hero__feature-img--jps{width:270px!important;max-width:270px!important;max-height:none!important;transform:translateY(-8px)!important}
@media (max-width:1179px){
  html body.sample-dark-green .topbar--exp .nav-toggle,
  html body.sample-dark-green .topbar--exp .nav__cta--mobile{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important}
}
@media(max-width:920px){
  body.sample-dark-green .hero--knickknack-layout .hero__content--knick-v8{row-gap:6px!important}
  body.sample-dark-green .hero--knickknack-layout .hero__image-stage--with-botanical-bg{width:210px!important;height:205px!important;max-height:205px!important}
  body.sample-dark-green .hero--knickknack-layout .hero__feature-img--jps{width:210px!important;max-width:210px!important;max-height:none!important;transform:translateY(-6px)!important}
}

/* 2026-06-06 v13: requested Dark Green hierarchy, transparent cards, earth-tone rules, footer, and navigation */
@media (min-width:1180px){
  .topbar--exp .nav-list>li:last-child>a{font-weight:400!important}
}
@media (max-width:1179px){
  html body.nav-mobile-centered-all .topbar--exp .nav-toggle,
  html body.nav-mobile-centered-all .topbar--exp .nav__cta--mobile{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important
  }
}
html body.sample-dark-green.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{
  font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(76px,8.5vw,124px)!important;
  font-weight:700!important;line-height:.88!important;letter-spacing:-.045em!important;white-space:normal!important;max-width:14ch!important
}
html body.sample-dark-green.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick{
  font-size:clamp(22px,2vw,30px)!important;font-weight:600!important;line-height:1.12!important;max-width:27ch!important
}
/* Stable Dark Green lower-content and FAQ line treatment. */
body.sample-dark-green .sg-neon-left-section .content-card,
body.sample-dark-green .sg-neon-left-section .traditions-card{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  padding:22px 18px 22px 62px!important;position:relative!important
}
body.sample-dark-green .sg-neon-left-section .content-card::before,
body.sample-dark-green .sg-neon-left-section .traditions-card::before{
  content:""!important;position:absolute!important;left:0!important;top:22px!important;bottom:22px!important;
  width:4px!important;background:#365f49!important;border-radius:999px!important;box-shadow:none!important
}
body.sample-dark-green .sg-neon-right-faq-section .faq-list details{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  padding:20px 62px 20px 18px!important;position:relative!important
}
body.sample-dark-green .sg-neon-right-faq-section .faq-list details::after{
  content:""!important;position:absolute!important;right:0!important;top:20px!important;bottom:20px!important;
  width:4px!important;background:#365f49!important;border-radius:999px!important;box-shadow:none!important
}
body.sample-dark-green .site-footer{background:#1d3f2e!important;color:#f3eadc!important}
body.sample-dark-green .site-footer a,body.sample-dark-green .site-footer .footer-heading{color:#fff7e9!important}
@media (max-width:920px){
  html body.sample-dark-green.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{font-size:clamp(48px,14vw,62px)!important;line-height:.92!important;max-width:11ch!important}
  html body.sample-dark-green.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__subtitle--knick{font-size:clamp(17px,4.8vw,20px)!important;font-weight:600!important;line-height:1.18!important;max-width:24ch!important}
}

/* 2026-06-06 v18: responsive horizontal navigation logo */
.topbar--exp .brand-wordmark-picture{
  display:flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;min-width:0!important
}
@media (min-width:1180px){
  .topbar--exp .brand-wordmark-img{
    display:block!important;width:min(32vw,420px)!important;height:auto!important;max-width:100%!important;max-height:48px!important;object-fit:contain!important
  }
}
@media (max-width:1179px){
  html body.nav-mobile-centered-all .topbar--exp .brand-wordmark-img{
    display:block!important;width:min(52vw,260px)!important;height:auto!important;max-width:100%!important;max-height:38px!important;object-fit:contain!important
  }
}



/* 2026-06-09 v20: requested product-card list and landscape-photo refinements. */
.product-card .product__best-for,
.product-card .product__best-for p,
.product-card .product__best-for ul,
.product-card .product__best-for li { text-align:left!important; }
.product-card .product__best-for ul { width:100%;margin-left:0;margin-right:0;padding-left:1.35rem;list-style-position:outside; }
.product-card .product__best-for li { padding-left:.15rem; }
/* 2026-06-09 v23: natural field-label Dark Green product-card statuses. */
.product-card .product__tag {
  align-self:center;
  display:inline-block;
  margin-inline:auto;
  padding:.15rem 0 .15rem .55rem;
  border:0;
  border-left:3px solid #56745c;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#203528;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.35;
}

/* 2026-06-10 v1: Dark Green product-card hierarchy. */
.product-card {
  display:flex;
  flex-direction:column;
}
.product-card > .product__tag { order:1; }
.product-card > .h3 {
  order:2;
  width:100%;
  max-width:100%;
  font-size:clamp(1.55rem, 5vw, 2.15rem)!important;
  line-height:1.08!important;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.product-card > [id^="product-component-"],
.product-card > .about-product-buy { order:3; }
.product-card > p:not(.product__tag):not(.product-card__info-link) { order:4; }
.product-card > .product__desc { order:4; }
.product-card > .product__best-for { order:5; }
.product-card > .product-card__info-link {
  order:6;
  margin-top:auto;
  padding-top:.75rem;
}
.product-card > [id^="product-component-"] { margin-top:0!important; }

/* 2026-06-12: always-visible bordered product-detail links and linked images. */
.product-card > .product__img--link{order:2;position:relative;display:block;margin-bottom:.65rem;border:3px solid #56745c;border-radius:8px;overflow:hidden;outline-offset:4px;box-shadow:5px 5px 0 rgba(54,95,73,.24)}
.product-card > .product__img--link + .h3{order:3}
.product-card > .product__img--link img{display:block}
.product-card > .product-info-link{order:7;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:.7rem auto .9rem;padding:.55rem .9rem;border:2px solid #365f49;border-radius:4px;background:transparent;color:#203528!important;font-size:.84rem;font-weight:900;line-height:1.2;text-decoration:none}
.product-card .product-info-link:focus-visible,.product-card .product__img--link:focus-visible{outline:3px solid #365f49;outline-offset:3px}

/* 2026-06-12 v2: requested product-card and footer refinements. */
body.sample-dark-green .product-card,body.sample-dark-green #products .product-card{background:#edf2e8!important;border:0!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(32,53,40,.10)!important;color:#223126!important}
body.sample-dark-green .product-card .product__tag{padding:.15rem 0;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:underline;text-decoration-color:#56745c;text-decoration-thickness:2px;text-underline-offset:.3em}
body.sample-dark-green .product-card .product__img,body.sample-dark-green .product-card .product__img img,body.sample-dark-green .product-card .product__img--link{border-radius:12px!important}
body.sample-dark-green .product-card .btn,body.sample-dark-green .product-card .product-info-link{border-radius:10px!important}
body.sample-dark-green .site-footer .footer-tagline{font-size:.82rem;line-height:1.5}
@media (max-width:900px){html body.sample-dark-green #products .product-grid,html body.sample-dark-green .product-grid{grid-template-columns:minmax(0,90vw)!important;justify-content:center!important}html body.sample-dark-green #products .product-card,html body.sample-dark-green .product-card{width:100%!important;max-width:none!important;margin-inline:auto!important}}

/* 2026-06-14: Dark Green product-card hierarchy and status rules. */
body.sample-dark-green .product-card{display:flex;flex-direction:column}
body.sample-dark-green .product-card > .product__tag{order:1;display:flex;align-items:center;width:100%;gap:.65rem;text-decoration:none!important}
body.sample-dark-green .product-card > .product__tag::before,
body.sample-dark-green .product-card > .product__tag::after{content:"";flex:1 1 auto;height:2px;background:#56745c}
body.sample-dark-green .product-card > .product__img--link{order:2}
body.sample-dark-green .product-card > .h3{order:3}
body.sample-dark-green .product-card > .product-purchase-label{order:4}
body.sample-dark-green .product-card > [id^="product-component-"],
body.sample-dark-green .product-card > .about-product-buy{order:5;margin-top:0!important}
body.sample-dark-green .product-card > .product__desc,
body.sample-dark-green .product-card > p:not(.product__tag):not(:has(> .product-info-link)){order:6}
body.sample-dark-green .product-card > .product__best-for{order:7}
body.sample-dark-green .product-card > .product-info-link,
body.sample-dark-green .product-card > p:has(> .product-info-link){order:8;margin-top:auto;padding-top:.75rem}

/* Center use-case card headings while preserving left-aligned card copy. */
.section--moments .moment-card > .h3{text-align:center}

/* Present the existing product information link as a secondary action. */
body.sample-dark-green .product-card .product-card__info-link > .product-info-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  max-width:100%;
  padding:.6rem 1rem;
  border:2px solid #365f49;
  border-radius:10px;
  background:#f7f1e5;
  color:#203528!important;
  font-weight:800;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
}
body.sample-dark-green .product-card .product-card__info-link > .product-info-link:hover{
  background:#e4eadc;
}
body.sample-dark-green .product-card .product-card__info-link > .product-info-link:focus-visible{
  outline:3px solid #203528;
  outline-offset:3px;
}


/* 2026-06-20: standardized product-card structure across active variants. */
.product-card{display:flex!important;flex-direction:column!important;border-radius:18px!important;overflow:hidden}
.product-card > .product__tag{order:1!important;display:flex!important;align-items:center!important;width:100%!important;gap:.65rem!important;text-decoration:none!important;white-space:nowrap}
.product-card > .product__tag::before,.product-card > .product__tag::after{content:"";flex:1 1 auto;height:2px;background:currentColor;opacity:.75}
.product-card > .product__img--link{order:2!important;position:relative;display:block!important;margin-bottom:.65rem;border:3px solid currentColor;border-radius:12px!important;overflow:hidden;outline-offset:4px;box-shadow:5px 5px 0 rgba(54,95,73,.20)}
.product-card > .product__img--link img{display:block!important;border-radius:8px!important}
.product-card > .product-info-link{order:8!important}
.product-card > .h3{order:3!important}
.product-card > .product-purchase-label,.product-card > .product__purchase-label{order:4!important}
.product-card > [id^="product-component-"],.product-card > .about-product-buy{order:5!important;margin-top:0!important}
.product-card > .product__best-for{order:6!important}
.product-card > .product-card__info-link{order:8!important;margin-top:auto!important;padding-top:.75rem!important}
.product-card .product-info-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin:.7rem auto .9rem!important;padding:.55rem .9rem!important;border-radius:10px!important;text-align:center!important;font-weight:900!important;line-height:1.2!important;text-decoration:none!important}
.product-card .product-info-link:focus-visible,.product-card .product__img--link:focus-visible{outline:3px solid currentColor!important;outline-offset:3px!important}
@media (max-width:900px){html body .product-grid{grid-template-columns:minmax(0,90vw)!important;justify-content:center!important}html body .product-card{width:100%!important;max-width:none!important;margin-inline:auto!important}}

/* 2026-06-20 standardized index hero H1 sizing from 04-dark-green */
body.standard-index-hero .hero--knickknack-layout .hero__title--knick-plain{font-size:clamp(96px,8.5vw,158px)!important;line-height:.9!important;letter-spacing:-.04em!important;white-space:normal!important;max-width:none!important}
@media (max-width:720px){body.standard-index-hero .hero--knickknack-layout .hero__title--knick-plain{font-size:clamp(45px,7.4vw,58px)!important;white-space:normal!important}}

/* Product-card standardization: corrected dark-green source card shape. */
body.sample-dark-green .product-card,
body.sample-dark-green #products .product-card,
body.sample-dark-green #available-now .product-card{
  border:1.5px solid #56745c!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body.sample-dark-green .product-card > .product__img--link{
  border-color:#56745c!important;
  border-radius:12px!important;
  color:#56745c!important;
}
body.sample-dark-green .product-card > .product__img--link::after{content:none!important;display:none!important}

/* 2026-06-20: ensure Dark Green product cards keep the rounded source-card shape. */
body.sample-dark-green .product-card,
body.sample-dark-green #products .product-card,
body.sample-dark-green #available-now .product-card{border-radius:18px!important;overflow:hidden!important}


/* 2026-06 Clean-site apothecary label color refresh */
:root{
  --exp-bg:#073B24;
  --exp-ink:#0B3321;
  --exp-paper:#F4E7C8;
  --exp-paper-2:#FFF4D7;
  --exp-muted:#4f432d;
  --exp-accent:#C69A2D;
  --exp-cta:#073B24;
  --exp-cta-text:#FFF4D7;
  --exp-line:rgba(155,122,45,.52);
  --exp-shadow:0 16px 34px rgba(91,58,30,.22);
  --exp-hero-frame:#E0BD63;
  --stripe:#C69A2D;
  --band1:#F4E7C8;
  --band2:#FFF4D7;
  --card1:#FFF4D7;
  --card2:#F4E7C8;
  --card3:#FFF4D7;
  --card4:#F4E7C8;
  --header-ink:#FFF4D7;
  --header-link-hover:rgba(224,189,99,.20);
  --hero-bg-a:#F4E7C8;
  --hero-bg-b:#FFF4D7;
}
body.theme-apothecary,
body.theme-apothecary.variant-knickknack-original{
  background:radial-gradient(900px 420px at 50% -10%,rgba(224,189,99,.18),transparent 64%),linear-gradient(180deg,#073B24 0%,#032817 44%,#073B24 100%)!important;
  color:#0B3321!important;
}
body.theme-apothecary .notice-bar,
body.theme-apothecary.variant-knickknack-original .notice-bar{background:#032817!important;color:#FFF4D7!important;border-bottom:1px solid rgba(198,154,45,.48)!important}
body.theme-apothecary .topbar--exp,
body.theme-apothecary.variant-knickknack-original .topbar--exp{background:rgba(3,40,23,.97)!important;border-bottom-color:rgba(198,154,45,.55)!important}
body.theme-apothecary .topbar--exp .nav-list>li>a,
body.theme-apothecary .topbar--exp .nav-toggle,
body.theme-apothecary .topbar--exp .mobile-nav-list a,
body.theme-apothecary .topbar--exp .mobile-group>a,
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-list>li>a,
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-toggle,
body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-nav-list a,
body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-group>a{color:#FFF4D7!important}
body.theme-apothecary .topbar--exp .nav-list>li>a:hover,
body.theme-apothecary .topbar--exp .nav-list>li>a:focus{background:rgba(224,189,99,.20)!important;color:#FFF4D7!important}
body.theme-apothecary .topbar--exp .nav-toggle,
body.theme-apothecary .topbar--exp .mobile-nav-panel,
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-toggle,
body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-nav-panel{background:rgba(7,59,36,.98)!important;border-color:rgba(198,154,45,.60)!important}
body.theme-apothecary .topbar--exp .exp-brand{background:#FFF4D7!important;border:1px solid rgba(198,154,45,.50)!important;box-shadow:0 8px 20px rgba(91,58,30,.24)!important}
body.theme-apothecary .topbar--exp .submenu{background:linear-gradient(180deg,#FFF4D7,#F4E7C8)!important;border:1px solid rgba(155,122,45,.72)!important;box-shadow:0 16px 34px rgba(91,58,30,.24)!important}
body.theme-apothecary .topbar--exp .submenu a{color:#0B3321!important}
body.theme-apothecary .topbar--exp .submenu a:hover,
body.theme-apothecary .topbar--exp .submenu a:focus{background:rgba(198,154,45,.20)!important;color:#032817!important}
body.theme-apothecary .topbar--exp .mobile-submenu{border-left-color:rgba(198,154,45,.62)!important}
body.theme-apothecary .topbar--exp .nav__cta,
body.theme-apothecary .btn--primary,
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav__cta,
body.theme-apothecary.variant-knickknack-original .btn--primary{background:#073B24!important;color:#FFF4D7!important;border:1px solid #C69A2D!important;box-shadow:0 8px 18px rgba(91,58,30,.22)!important}
body.theme-apothecary .topbar--exp .nav__cta:hover,
body.theme-apothecary .topbar--exp .nav__cta:focus,
body.theme-apothecary .btn--primary:hover,
body.theme-apothecary .btn--primary:focus{background:#032817!important;color:#FFF4D7!important;border-color:#E0BD63!important;outline:2px solid rgba(224,189,99,.88)!important;outline-offset:2px!important}
body.theme-apothecary .btn--ghost,
body.theme-apothecary.variant-knickknack-original .btn--ghost{background:rgba(255,244,215,.88)!important;color:#0B3321!important;border:1px solid #9B7A2D!important}
body.theme-apothecary .btn--ghost:hover,
body.theme-apothecary .btn--ghost:focus{background:#F4E7C8!important;border-color:#C69A2D!important;outline:2px solid rgba(198,154,45,.55)!important;outline-offset:2px!important}
body.theme-apothecary section.hero.hero--apothecary,
body.theme-apothecary.variant-knickknack-original .hero--knickknack-layout{background:linear-gradient(135deg,var(--hero-bg-a),var(--hero-bg-b))!important}
body.theme-apothecary section.hero.hero--apothecary .hero__bg{opacity:.20!important;filter:saturate(.86) contrast(1.06) brightness(.72)!important}
body.theme-apothecary .hero__content,
body.theme-apothecary.variant-knickknack-original .hero__copy--knick-right{background:linear-gradient(180deg,rgba(255,244,215,.94),rgba(244,231,200,.90))!important;border:1px solid rgba(198,154,45,.70)!important;box-shadow:0 18px 42px rgba(91,58,30,.28)!important;color:#0B3321!important}
body.theme-apothecary .hero__title,
body.theme-apothecary .hero__subtitle,
body.theme-apothecary .trust-line,
body.theme-apothecary.variant-knickknack-original .hero__title--knick-plain,
body.theme-apothecary.variant-knickknack-original .hero__subtitle--knick{color:#0B3321!important}
body.theme-apothecary .hero__content .eyebrow,
body.theme-apothecary .kicker{color:#9B7A2D!important}
body.theme-apothecary .hero__product-img,
body.theme-apothecary .product__img img{background:linear-gradient(180deg,#FFF4D7,#F4E7C8)!important;border:1px solid rgba(198,154,45,.70)!important;box-shadow:0 14px 30px rgba(91,58,30,.24)!important}
body.theme-apothecary #products,
body.theme-apothecary.variant-knickknack-original #products,
body.theme-apothecary .section--ink,
body.theme-apothecary.variant-knickknack-original .section--ink{background:linear-gradient(180deg,#073B24,#032817)!important;color:#FFF4D7!important}
body.theme-apothecary #products .section__head,
body.theme-apothecary #products .h2--light,
body.theme-apothecary #products .kicker,
body.theme-apothecary .section--ink,
body.theme-apothecary .section--ink .kicker{color:#FFF4D7!important}
body.theme-apothecary .section:not(#products):not(.hero):not(.section--ink):nth-of-type(odd),
body.theme-apothecary.variant-knickknack-original .section:not(#products):not(.hero):not(.section--ink):nth-of-type(odd){background:#F4E7C8!important}
body.theme-apothecary .section:not(#products):not(.hero):not(.section--ink):nth-of-type(even),
body.theme-apothecary.variant-knickknack-original .section:not(#products):not(.hero):not(.section--ink):nth-of-type(even){background:#FFF4D7!important}
body.theme-apothecary .content-card,
body.theme-apothecary .traditions-card,
body.theme-apothecary details{color:#0B3321!important;border-color:rgba(155,122,45,.58)!important}
body.theme-apothecary .product-card,
body.theme-apothecary.variant-knickknack-original #products .product-card{background:linear-gradient(180deg,#FFF4D7,#F4E7C8)!important;border:1px solid #C69A2D!important;border-radius:18px!important;box-shadow:0 14px 30px rgba(91,58,30,.28)!important;color:#0B3321!important}
body.theme-apothecary #products .product-card h3,
body.theme-apothecary #products .product-card h3 a,
body.theme-apothecary #products .product-card p,
body.theme-apothecary #products .product-card .claim-asterisk,
body.theme-apothecary.variant-knickknack-original #products .product-card h3,
body.theme-apothecary.variant-knickknack-original #products .product-card h3 a,
body.theme-apothecary.variant-knickknack-original #products .product-card p,
body.theme-apothecary.variant-knickknack-original #products .product-card .claim-asterisk{color:#0B3321!important}
body.theme-apothecary #products .product-card a:not(.btn):not([class*="shopify-payment-button"]){color:#073B24!important;text-decoration-color:#C69A2D!important}
body.theme-apothecary hr,
body.theme-apothecary .divider{border-color:rgba(198,154,45,.65)!important}
body.theme-apothecary footer,
body.theme-apothecary .site-footer{background:#032817!important;color:#FFF4D7!important;border-top:1px solid rgba(198,154,45,.65)!important}
body.theme-apothecary footer a,
body.theme-apothecary .site-footer a{color:#FFF4D7!important;text-decoration-color:#E0BD63!important}
@media (max-width:1179px){
  body.theme-apothecary .mobile-nav-list a{min-height:44px!important;display:flex!important;align-items:center!important}
}


/* 2026-06-21: Clean-site index product cards need visible rounded outer corners. */
body.standard-index-hero #products .product-card{
  border-radius:18px!important;
  overflow:hidden!important;
  background-clip:padding-box;
}


/* 2026-06-21: Clean-site WCAG AA contrast pass for dark green / parchment / antique gold theme. */
:root{
  --exp-accent:#76581A;
  --exp-accent-strong:#5C4211;
  --exp-focus-dark:#E0BD63;
  --exp-focus-light:#073B24;
}
body.theme-apothecary .hero__content .eyebrow,
body.theme-apothecary .kicker,
body.theme-apothecary .product-card .product__tag,
body.theme-apothecary .product__tag{
  color:var(--exp-accent-strong)!important;
}
body.theme-apothecary #products .kicker,
body.theme-apothecary .section--ink .kicker{
  color:#FFF4D7!important;
}
body.theme-apothecary a:not(.btn):not(.nav__cta):not([class*="shopify-payment-button"]){
  color:#073B24;
  text-decoration-color:var(--exp-accent-strong);
  text-decoration-thickness:1.5px;
  text-underline-offset:.16em;
}
body.theme-apothecary .section--ink a:not(.btn):not(.nav__cta):not([class*="shopify-payment-button"]),
body.theme-apothecary footer a,
body.theme-apothecary .site-footer a,
body.theme-apothecary #products .section__head a{
  color:#FFF4D7!important;
  text-decoration-color:#E0BD63!important;
}
body.theme-apothecary .topbar--exp .nav__cta,
body.theme-apothecary .btn--primary,
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav__cta,
body.theme-apothecary.variant-knickknack-original .btn--primary{
  background:#032817!important;
  color:#FFF4D7!important;
  border-color:#E0BD63!important;
}
body.theme-apothecary .btn--ghost,
body.theme-apothecary.variant-knickknack-original .btn--ghost,
body.theme-apothecary .product-card .product-info-link,
body.theme-apothecary .product-card .product-card__info-link > .product-info-link{
  background:#FFF4D7!important;
  color:#0B3321!important;
  border-color:#76581A!important;
}
body.theme-apothecary .btn--ghost:hover,
body.theme-apothecary .btn--ghost:focus,
body.theme-apothecary .product-card .product-info-link:hover,
body.theme-apothecary .product-card .product-card__info-link > .product-info-link:hover{
  background:#F4E7C8!important;
  color:#0B3321!important;
  border-color:#5C4211!important;
}
body.theme-apothecary .topbar--exp .nav-list>li>a:focus-visible,
body.theme-apothecary .topbar--exp .nav-toggle:focus-visible,
body.theme-apothecary .topbar--exp .nav__cta:focus-visible,
body.theme-apothecary .topbar--exp .mobile-nav-list a:focus-visible,
body.theme-apothecary .topbar--exp .submenu a:focus-visible,
body.theme-apothecary .btn:focus-visible,
body.theme-apothecary a:focus-visible,
body.theme-apothecary summary:focus-visible,
body.theme-apothecary button:focus-visible{
  outline:3px solid var(--exp-focus-light)!important;
  outline-offset:3px!important;
}
body.theme-apothecary .topbar--exp .nav-list>li>a:focus-visible,
body.theme-apothecary .topbar--exp .nav-toggle:focus-visible,
body.theme-apothecary .topbar--exp .nav__cta:focus-visible,
body.theme-apothecary .topbar--exp .mobile-nav-list a:focus-visible,
body.theme-apothecary .section--ink a:focus-visible,
body.theme-apothecary footer a:focus-visible,
body.theme-apothecary .site-footer a:focus-visible{
  outline-color:var(--exp-focus-dark)!important;
}
body.theme-apothecary .topbar--exp .mobile-nav-list a:hover,
body.theme-apothecary .topbar--exp .mobile-nav-list a:focus{
  background:rgba(224,189,99,.18)!important;
  color:#FFF4D7!important;
}

/* 2026-06-21: products copy contrast and softened dark-green bands. */
body.theme-apothecary,
body.theme-apothecary.variant-knickknack-original{
  background:radial-gradient(900px 420px at 50% -10%,rgba(224,189,99,.18),transparent 64%),linear-gradient(180deg,#0B4630 0%,#07351F 44%,#0B4630 100%)!important;
}
body.theme-apothecary .topbar--exp,
body.theme-apothecary.variant-knickknack-original .topbar--exp{
  background:rgba(10,63,41,.97)!important;
}
body.theme-apothecary .topbar--exp .nav-toggle,
body.theme-apothecary .topbar--exp .mobile-nav-panel,
body.theme-apothecary.variant-knickknack-original .topbar--exp .nav-toggle,
body.theme-apothecary.variant-knickknack-original .topbar--exp .mobile-nav-panel{
  background:rgba(11,70,48,.98)!important;
}
body.theme-apothecary #products,
body.theme-apothecary.variant-knickknack-original #products,
body.theme-apothecary .section--ink,
body.theme-apothecary.variant-knickknack-original .section--ink{
  background:linear-gradient(180deg,#0B4630,#07351F)!important;
}
body.theme-apothecary footer,
body.theme-apothecary .site-footer{
  background:#07351F!important;
}
body.theme-apothecary #products .product-card h3,
body.theme-apothecary #products .product-card h3 a,
body.theme-apothecary.variant-knickknack-original #products .product-card h3,
body.theme-apothecary.variant-knickknack-original #products .product-card h3 a{
  color:#050806!important;
}
body.theme-apothecary footer,
body.theme-apothecary .site-footer,
body.theme-apothecary footer summary,
body.theme-apothecary .site-footer summary,
body.theme-apothecary footer p,
body.theme-apothecary .site-footer p{
  color:#FFF4D7!important;
}
body.theme-apothecary footer summary:focus-visible,
body.theme-apothecary .site-footer summary:focus-visible{
  outline-color:var(--exp-focus-dark)!important;
}

/* 2026-06-21 v2: Clean-site ADA/WCAG AA refinements for contrast, hover, focus, and mobile menu visibility. */
body.theme-apothecary{
  --exp-accent:#76581A;
  --exp-accent-strong:#4A330C;
  --exp-focus-dark:#F7D978;
  --exp-focus-light:#032817;
}
body.theme-apothecary .trust-line,
body.theme-apothecary .lead,
body.theme-apothecary .content-card p,
body.theme-apothecary .traditions-card p,
body.theme-apothecary details,
body.theme-apothecary .faq-answer,
body.theme-apothecary #fda-disclaimer p,
body.theme-apothecary .product-purchase-label,
body.theme-apothecary .product__best-for,
body.theme-apothecary .product__best-for li{
  color:#0B3321!important;
}
body.theme-apothecary .hero__content .eyebrow,
body.theme-apothecary .product-card .product__tag,
body.theme-apothecary .product__tag{
  color:var(--exp-accent-strong)!important;
}
body.theme-apothecary .kicker{
  color:var(--exp-accent)!important;
}
body.theme-apothecary #products .h2--light,
body.theme-apothecary #products .kicker,
body.theme-apothecary .section--ink .h2--light,
body.theme-apothecary .section--ink .kicker,
body.theme-apothecary .section--ink .lead,
body.theme-apothecary .section--ink p:not(.product-card p){
  color:#FFF4D7!important;
}
body.theme-apothecary .topbar--exp .nav-list>li>a:hover,
body.theme-apothecary .topbar--exp .nav-list>li>a:focus,
body.theme-apothecary .topbar--exp .mobile-nav-list a:hover,
body.theme-apothecary .topbar--exp .mobile-nav-list a:focus{
  background:rgba(247,217,120,.24)!important;
  color:#FFF4D7!important;
}
body.theme-apothecary .topbar--exp .submenu a:hover,
body.theme-apothecary .topbar--exp .submenu a:focus{
  background:rgba(118,88,26,.18)!important;
  color:#032817!important;
}
body.theme-apothecary .topbar--exp .nav-toggle__icon{
  color:#FFF4D7!important;
  text-shadow:0 1px 2px rgba(0,0,0,.5);
}
body.theme-apothecary .topbar--exp .nav-toggle:hover,
body.theme-apothecary .topbar--exp .nav-toggle:focus{
  background:#032817!important;
  border-color:#F7D978!important;
}
body.theme-apothecary .btn--primary:hover,
body.theme-apothecary .btn--primary:focus,
body.theme-apothecary .topbar--exp .nav__cta:hover,
body.theme-apothecary .topbar--exp .nav__cta:focus{
  background:#FFF4D7!important;
  color:#032817!important;
  border-color:#76581A!important;
}
body.theme-apothecary .btn--ghost:hover,
body.theme-apothecary .btn--ghost:focus,
body.theme-apothecary .product-card .product-info-link:hover,
body.theme-apothecary .product-card .product-card__info-link > .product-info-link:hover{
  background:#F4E7C8!important;
  color:#032817!important;
  border-color:#4A330C!important;
}
body.theme-apothecary .site-footer,
body.theme-apothecary .site-footer p,
body.theme-apothecary .site-footer summary,
body.theme-apothecary .site-footer .footer-tagline,
body.theme-apothecary .site-footer .footer-legal{
  color:#FFF4D7!important;
}
body.theme-apothecary .site-footer a,
body.theme-apothecary .footer-legal a{
  color:#FFF4D7!important;
  text-decoration-color:#F7D978!important;
}
body.theme-apothecary .site-footer a:hover,
body.theme-apothecary .site-footer a:focus,
body.theme-apothecary .footer-legal a:hover,
body.theme-apothecary .footer-legal a:focus{
  color:#F7D978!important;
  text-decoration-color:#FFF4D7!important;
}
body.theme-apothecary a:focus-visible,
body.theme-apothecary button:focus-visible,
body.theme-apothecary summary:focus-visible,
body.theme-apothecary .btn:focus-visible,
body.theme-apothecary .product-card .product-info-link:focus-visible,
body.theme-apothecary .product-card .product__img--link:focus-visible{
  outline:3px solid var(--exp-focus-light)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 6px rgba(255,244,215,.92)!important;
}
body.theme-apothecary .topbar--exp a:focus-visible,
body.theme-apothecary .topbar--exp button:focus-visible,
body.theme-apothecary .section--ink a:focus-visible,
body.theme-apothecary .site-footer a:focus-visible,
body.theme-apothecary .site-footer summary:focus-visible{
  outline-color:var(--exp-focus-dark)!important;
  box-shadow:0 0 0 6px rgba(3,40,23,.98)!important;
}
@media (max-width:1179px){
  body.theme-apothecary .topbar--exp .mobile-nav-panel{
    border-top:1px solid #F7D978!important;
  }
  body.theme-apothecary .topbar--exp .mobile-nav-list a{
    border-radius:8px!important;
    padding-inline:10px!important;
  }
}

/* 2026-06-23: Accessible collapsible FAQ controls for Clean-site homepage. */
body.theme-apothecary .faq-list .faq-item + .faq-item{
  margin-top:12px;
}
body.theme-apothecary .faq-question{
  margin:0;
  font:inherit;
}
body.theme-apothecary .faq-toggle{
  align-items:center;
  background:transparent;
  border:0;
  border-radius:8px;
  color:#0B3321;
  cursor:pointer;
  display:flex;
  font:inherit;
  font-weight:700;
  gap:12px;
  justify-content:space-between;
  line-height:1.3;
  min-height:44px;
  padding:8px 0;
  text-align:left;
  width:100%;
}
body.theme-apothecary .faq-toggle__text{
  flex:1 1 auto;
}
body.theme-apothecary .faq-toggle__icon{
  align-items:center;
  border:1px solid currentColor;
  border-radius:999px;
  display:inline-flex;
  flex:0 0 28px;
  font-weight:700;
  height:28px;
  justify-content:center;
  line-height:1;
  width:28px;
}
body.theme-apothecary .faq-toggle:hover,
body.theme-apothecary .faq-toggle:focus-visible{
  color:#032817;
}
body.theme-apothecary .faq-toggle:focus-visible{
  outline:3px solid var(--exp-focus-light, #032817);
  outline-offset:4px;
}
body.theme-apothecary .faq-answer{
  padding:10px 0 0;
}

/* Clean-site product card contrast and homepage FAQ master dropdown */
body.theme-apothecary .product-card,
body.theme-apothecary .product-card .h3,
body.theme-apothecary .product-card .h3 a,
body.theme-apothecary .product-card .product__best-for,
body.theme-apothecary .product-card .product__best-for p,
body.theme-apothecary .product-card .product__best-for li,
body.theme-apothecary .product-card .product-purchase-label{
  color:#160c00!important;
}
body.theme-apothecary .product-card .product-info-link,
body.theme-apothecary .product-card .product-card__info-link > .product-info-link{
  color:#160c00!important;
  border-color:#160c00!important;
}
body.theme-apothecary .faq-master-toggle{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:18px 22px;
  border:1px solid rgba(91,61,27,.28);
  border-radius:18px;
  background:#fbf3df;
  color:#2f1b08;
  font:inherit;
  font-weight:900;
  font-size:clamp(26px,3.2vw,40px);
  text-align:left;
  cursor:pointer;
}
body.theme-apothecary .faq-master-toggle__icon{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:1.6rem;
  height:1.6rem;
  border-radius:999px;
  background:rgba(47,27,8,.12);
  color:#2f1b08;
  font-weight:900;
  line-height:1;
}
body.theme-apothecary .faq-master-panel{
  margin-top:12px;
}

/* 2026-06-25: products page final product-card readability override. */
body.theme-apothecary #available-now .product-card > .h3,
body.theme-apothecary #available-now .product-card > .h3 a,
body.theme-apothecary #available-now .product-card .product-card__info-link > .product-info-link,
body.theme-apothecary #available-now .product-card > .product-info-link{
  color:#151515!important;
}
body.theme-apothecary #available-now .product-card .product-card__info-link > .product-info-link,
body.theme-apothecary #available-now .product-card > .product-info-link{
  border-color:#151515!important;
}

/* 2026-06-25: breadcrumb readability on dark green page bands. */
body.theme-apothecary nav[aria-label="Breadcrumb"],
body.theme-apothecary nav[aria-label="Breadcrumb"] ol,
body.theme-apothecary nav[aria-label="Breadcrumb"] li,
body.theme-apothecary nav[aria-label="Breadcrumb"] a{
  color:#FFF4D7!important;
}
body.theme-apothecary nav[aria-label="Breadcrumb"] a{
  text-decoration-color:rgba(255,244,215,.82)!important;
}
body.theme-apothecary nav[aria-label="Breadcrumb"] a:hover,
body.theme-apothecary nav[aria-label="Breadcrumb"] a:focus{
  color:#FFF4D7!important;
  text-decoration-color:#FFF4D7!important;
}

/* 2026-06-25: index reserve product-card title fit. */
body.theme-apothecary #products #joint-and-pain-rescue-2-year-reserve-card .product-card__reserve-title,
body.theme-apothecary #available-now #joint-and-pain-rescue-2-year-reserve-card .product-card__reserve-title{
  line-height:1.08!important;
  overflow-wrap:normal!important;
}
body.theme-apothecary #products #joint-and-pain-rescue-2-year-reserve-card .reserve-title__prefix,
body.theme-apothecary #available-now #joint-and-pain-rescue-2-year-reserve-card .reserve-title__prefix{
  display:block;
  font-size:clamp(1.42rem,5vw,1.74rem)!important;
  line-height:1.02!important;
  white-space:nowrap;
}
body.theme-apothecary #products #joint-and-pain-rescue-2-year-reserve-card .reserve-title__main,
body.theme-apothecary #available-now #joint-and-pain-rescue-2-year-reserve-card .reserve-title__main{
  display:block;
  font-size:clamp(1.04rem,3.9vw,1.32rem)!important;
  line-height:1.12!important;
}

/* 2026-06-25: about hero label should read as plain text, not a product-status pill. */
body.theme-apothecary .hero--about .about-hero__label{
  display:block!important;
  width:auto!important;
  padding:0!important;
  margin:0 0 .65rem!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:currentColor!important;
  font-size:.8rem!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  line-height:1.2!important;
  text-align:center!important;
}

/* 2026-06-25: final index reserve title trim so Reserve fits fully. */
body.standard-index-hero.theme-apothecary #products #joint-and-pain-rescue-2-year-reserve-card .reserve-title__prefix,
body.theme-apothecary #available-now #joint-and-pain-rescue-2-year-reserve-card .reserve-title__prefix{
  max-width:100%!important;
  font-size:clamp(1.32rem,4.35vw,1.6rem)!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

/* 2026-06-26: Contact page CSV-powered farmers market schedule. */
body.theme-apothecary .market-schedule{
  display:grid;
  gap:12px;
  margin:16px 0 18px;
}
body.theme-apothecary .market-schedule__card{
  background:rgba(255,244,215,.58);
  border:1px solid rgba(118,88,26,.34);
  border-radius:8px;
  color:#0B3321;
  padding:14px;
}
body.theme-apothecary .market-schedule__card.is-canceled{
  background:rgba(244,231,200,.66);
  border-style:dashed;
}
body.theme-apothecary .market-schedule__heading{
  align-items:flex-start;
  display:flex;
  gap:10px;
  justify-content:space-between;
}
body.theme-apothecary .market-schedule__name{
  color:#0B3321;
  font-size:1.05rem;
  line-height:1.2;
  margin:0;
}
body.theme-apothecary .market-schedule__status{
  border:1px solid currentColor;
  border-radius:999px;
  flex:0 0 auto;
  font-size:.74rem;
  font-weight:700;
  line-height:1;
  padding:5px 8px;
  text-transform:capitalize;
}
body.theme-apothecary .market-schedule__status--confirmed{
  color:#07351F;
}
body.theme-apothecary .market-schedule__status--tentative{
  color:#4A330C;
}
body.theme-apothecary .market-schedule__status--canceled{
  color:#7A1E12;
}
body.theme-apothecary .market-schedule__meta,
body.theme-apothecary .market-schedule__location,
body.theme-apothecary .market-schedule__note,
body.theme-apothecary .market-schedule__fallback{
  color:#0B3321!important;
  margin:.45rem 0 0;
}
body.theme-apothecary .market-schedule__meta{
  font-weight:700;
}
body.theme-apothecary .market-schedule__note{
  font-size:.95rem;
}
body.theme-apothecary .market-schedule__map{
  display:inline-block;
  font-weight:700;
  margin-top:.65rem;
}
@media (max-width:520px){
  body.theme-apothecary .market-schedule__card{
    padding:12px;
  }
  body.theme-apothecary .market-schedule__heading{
    display:grid;
    gap:8px;
  }
  body.theme-apothecary .market-schedule__status{
    justify-self:start;
  }
}

/* 2026-08-01: desktop green header corrections. */
@media (min-width:1180px){
  body.sample-dark-green.theme-apothecary .topbar--exp .exp-brand{
    padding-left:6px!important;
    padding-right:6px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.sample-dark-green.theme-apothecary .topbar--exp .nav__cta--desktop{
    background:#FFF4D7!important;
    color:#032817!important;
    border-color:#E0BD63!important;
  }
  body.sample-dark-green.theme-apothecary .topbar--exp .nav__cta--desktop:hover,
  body.sample-dark-green.theme-apothecary .topbar--exp .nav__cta--desktop:focus{
    background:#032817!important;
    color:#FFF4D7!important;
    border-color:#E0BD63!important;
  }
  body.sample-dark-green.theme-apothecary .topbar--exp .submenu{
    top:100%!important;
  }
}

/* 2026-08-01: homepage hero, testimonial, divider, and FAQ refinements. */
body.standard-index-hero.theme-apothecary #products .section__head blockquote footer{
  background:transparent!important;
  color:#FFF4D7!important;
  display:block!important;
  margin-top:.35rem!important;
  padding:0!important;
}
body.standard-index-hero.theme-apothecary #products .testimonial-product-divider{
  width:72px;
  height:2px;
  margin:18px auto 24px;
  background:#E0BD63;
  border-radius:999px;
}
body.standard-index-hero.theme-apothecary .faq-toggle__icon{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  line-height:1!important;
  text-align:center!important;
}
body.standard-index-hero.theme-apothecary .faq-toggle__icon,
body.standard-index-hero.theme-apothecary .faq-master-toggle__icon{
  font-family:Georgia,"Times New Roman",serif;
}

/* Individual product-page related cards use the established Products-page band and card spacing. */
body.related-products-page main > .section:has(+ #fda-disclaimer){
  background:linear-gradient(180deg,#0B4630,#07351F)!important;
  color:#FFF4D7!important;
}
body.related-products-page main > .section:has(+ #fda-disclaimer) .product-card{
  padding:1.25rem!important;
}
@media (max-width:900px){
  body.related-products-page main > .section:has(+ #fda-disclaimer) .product-grid{
    grid-template-columns:repeat(auto-fit,minmax(235px,280px))!important;
    gap:18px!important;
  }
  body.related-products-page main > .section:has(+ #fda-disclaimer) .product-card{
    width:100%!important;
    max-width:280px!important;
    margin-inline:auto!important;
  }
}

/* 2026-08-01: About-page hero subtitle and product purchase alignment. */
@media (min-width:721px){
  body.theme-apothecary .hero--about .about-hero__subtitle{
    grid-column:1 / -1;
    justify-self:center;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
}
body.theme-apothecary .about-product-grid .about-product-buy{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  width:100%;
}
body.theme-apothecary .about-product-grid .about-product-buy > .product-purchase-label{
  order:1;
}
body.theme-apothecary .about-product-grid .about-product-buy > [id^="product-component-"]{
  order:2;
  min-width:0;
  width:100%;
}
body.theme-apothecary .about-product-grid .about-product-buy > .product__best-for{
  order:3;
  width:100%;
}
body.theme-apothecary .about-product-grid .product-card > p:not(.product__tag):not(.product-card__info-link):not(:has(> .product-info-link)){
  order:7!important;
}
body.theme-apothecary .about-product-grid .shopify-buy-frame,
body.theme-apothecary .about-product-grid iframe{
  display:block;
  max-width:100%!important;
  margin-inline:auto!important;
}
@media (min-width:921px){
  body.standard-index-hero.theme-apothecary.sample-dark-green .hero--knickknack-layout .hero__title--knick-plain{
    font-size:clamp(72px,6.375vw,118.5px)!important;
  }
  body.standard-index-hero.theme-apothecary.sample-dark-green .hero--knickknack-layout .hero__image-stage--with-botanical-bg{
    line-height:0!important;
    padding-block:0!important;
  }
  body.standard-index-hero.theme-apothecary.sample-dark-green .hero--knickknack-layout .hero__image-stage--with-botanical-bg picture{
    display:block!important;
    line-height:0!important;
  }
}

/* BeautyBerry image aspect-ratio corrections. */
html body.products-page #available-now #beauty-berry-bug-repellent-card > .product__img--link{
  aspect-ratio:4 / 3;
  overflow:visible!important;
}
html body.products-page #available-now #beauty-berry-bug-repellent-card > .product__img--link img{
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  aspect-ratio:4 / 3;
}
html body.products-page #available-now #beauty-berry-bug-repellent-card > .product__img--link:hover img,
html body.products-page #available-now #beauty-berry-bug-repellent-card > .product__img--link:focus img{
  transform:none;
}
html body.beautyberry-page .detail-hero__media img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  aspect-ratio:4 / 3;
  margin-inline:auto;
}

/* 2026-08-01: corrective homepage-only hero and testimonial refinements. */
body.standard-index-hero.theme-apothecary #products .section__head blockquote{
  border-top:0!important;
  border-bottom:0!important;
}
body.standard-index-hero.theme-apothecary #products .section__head blockquote::before,
body.standard-index-hero.theme-apothecary #products .section__head blockquote::after{
  content:none!important;
  display:none!important;
}
body.standard-index-hero.theme-apothecary #products .testimonial-product-divider{
  width:min(760px,100%);
}
body.standard-index-hero.theme-apothecary #products .testimonial-product-divider--thick{
  height:4px;
  margin:24px auto 0;
}

@media (max-width:1179px){
  html body.nav-mobile-centered-all.theme-apothecary .topbar--exp .exp-brand{
    background:#FFF4D7!important;
  }
  html body.nav-mobile-centered-all.theme-apothecary .topbar--exp .nav__cta--mobile{
    background:#FFF4D7!important;
    color:#032817!important;
    border-color:#E0BD63!important;
  }
  html body.nav-mobile-centered-all.theme-apothecary .topbar--exp .nav__cta--mobile:hover,
  html body.nav-mobile-centered-all.theme-apothecary .topbar--exp .nav__cta--mobile:focus,
  html body.nav-mobile-centered-all.theme-apothecary .topbar--exp .nav__cta--mobile:focus-visible,
  html body.nav-mobile-centered-all.theme-apothecary .topbar--exp .nav__cta--mobile:active{
    background:#032817!important;
    color:#FFF4D7!important;
    border-color:#E0BD63!important;
  }
}
body.standard-index-hero.theme-apothecary .faq-master-toggle__icon{
  align-items:center!important;
  display:inline-flex!important;
  justify-content:center!important;
  line-height:0!important;
  padding:0!important;
  text-align:center!important;
}
@media (min-width:921px){
  html body.standard-index-hero.sample-dark-green.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__title--knick-plain{
    font-size:clamp(57px,6.375vw,93px)!important;
  }
  html body.standard-index-hero.sample-dark-green.theme-apothecary.variant-knickknack-original section.hero--knickknack-layout .hero__image-stage.hero__image-stage--with-botanical-bg{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    padding-block:0!important;
  }
}
