:root{
  --paper:#ffffff;
  --surface:#ffffff;
  --surface-2:#f5f5f3;
  --ink:#111111;
  --muted:#666666;
  --line:#e4e4e1;
  --forest:#111111;
  --forest-deep:#000000;
  --sage:#b8b8b3;
  --header:76px;
  --radius:22px;
  --shadow:0 18px 40px rgba(0,0,0,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain 18s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(.5%,1%)}100%{transform:translate(0,0)}}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.page-width{width:min(1180px,calc(100vw - 40px));margin-inline:auto}
.utility-bar{padding:10px 20px;border-bottom:1px solid var(--line);text-align:center;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#707070;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;height:var(--header);padding:0 20px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .25s ease, box-shadow .25s ease, border-color .25s ease}
.site-header.is-scrolled{border-color:var(--line);box-shadow:0 10px 30px rgba(28,33,28,.06)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:52px;height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 8px 16px rgba(34,52,34,.10))}.brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand-word{font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.brand-sub{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#707070}
.main-nav{display:flex;gap:26px;align-items:center;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase}
.main-nav a{position:relative;padding:3px 0}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1)}
.header-actions{display:flex;gap:12px;align-items:center;justify-self:end}
.liked-header-link{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:.8rem;background:rgba(255,255,255,.88)}
.whatsapp-pill,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--ink);font-size:.85rem;font-weight:600;transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease}
.btn-primary,.whatsapp-pill{background:#111;border-color:#111;color:#fff}
.btn-primary:hover,.whatsapp-pill:hover{transform:translateY(-1px);background:#000;border-color:#000}
.btn-secondary{background:transparent;color:var(--ink)}
.btn-secondary:hover{transform:translateY(-1px);background:#fff}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;justify-content:center;gap:4px;flex-direction:column}
.menu-toggle span{display:block;width:18px;height:1.5px;background:var(--ink)}
.eyebrow{margin:0 0 12px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--forest)}
h1,h2,h3,strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.02em}
h1{font-size:clamp(3.4rem,8vw,7rem);line-height:.94;margin:0}
h2{font-size:clamp(2.6rem,5vw,4.8rem);line-height:.98;margin:0}
h3{font-size:1.65rem;margin:0 0 6px}
p{margin:0}
.clean-hero{padding:96px 0 76px;text-align:center}
.hero-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#6c736c;margin-bottom:18px}
.centered-title{max-width:940px;margin-inline:auto}
.hero-subtitle{max-width:740px;margin:18px auto 10px;font-size:clamp(1.15rem,2vw,1.45rem);color:#414741}
.hero-text{max-width:690px;margin:0 auto;color:var(--muted);font-size:1rem}
.centered-actions{justify-content:center}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.brand-section{padding:42px 0 30px}
.accessories-surface{padding-top:90px}
.section-heading{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:32px}
.centered-heading{justify-items:center;text-align:center}
.centered-heading .section-link{justify-self:center}
.collection-intro{margin-top:14px;max-width:760px;color:var(--muted)}
.section-link{font-size:.86rem;font-weight:600;color:var(--forest)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.product-card{background:rgba(255,255,255,.78);border:1px solid rgba(221,214,202,.7);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden;min-width:0}
.product-image-wrap{position:relative}
.product-image{display:block;aspect-ratio:4/4.6;background:#f8f8f6;overflow:hidden}
.product-image.herb{background:#fafafa}
.product-image.fashion{background:#f4f4f2}
.product-photo{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.product-image.fashion .product-photo{object-fit:contain;padding:7%}
.product-card:hover .product-photo{transform:scale(1.03)}
.product-image-label{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#333333}
.like-button{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;background:rgba(255,255,255,.96);display:grid;place-items:center;border-radius:50%;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.like-button.liked{background:#111;color:#fff}
.product-content{padding:18px 18px 20px}
.product-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.product-title-row small{display:block;color:#707070;font-size:.76rem}
.price{font-size:1.05rem;white-space:nowrap}
.card-description,.card-benefit{color:#444444;font-size:.92rem;margin-bottom:12px}
.benefit-list{margin:0 0 14px;padding-left:18px;color:#5f5f5f;font-size:.84rem;display:grid;gap:6px}
.ingredient-inline{font-size:.8rem;color:#666666;border-top:1px solid #ebe5d9;padding-top:12px;margin-bottom:14px}
.product-main-action{display:inline-block;font-size:.82rem;font-weight:700;color:var(--forest)}
.health-note{margin-top:18px;color:#777777;font-size:.78rem;max-width:680px}
.about-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:100px 0;border-top:1px solid var(--line)}
.about-copy-grid{display:grid;gap:24px;color:var(--muted);font-size:1.02rem}
.contact-section{background:#fafafa;border-top:1px solid var(--line);padding:90px 0;margin-top:60px}
.contact-layout{display:grid;grid-template-columns:1fr .95fr;gap:40px;align-items:start}
.contact-layout h2{margin-bottom:18px}
.contact-layout p{color:var(--muted);max-width:540px}
.contact-cta-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.contact-primary{min-width:220px}
.contact-secondary{font-size:.92rem;color:#555555}
footer{background:#f3f3f1;border-top:1px solid var(--line);margin-top:0}
.footer-inner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:42px 0}
.footer-inner strong{font-size:1.65rem}
.footer-inner p{margin-top:4px;color:#707770;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.footer-links{display:flex;gap:22px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.footer-inner small{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line);color:#666d66;font-size:.76rem;line-height:1.7}
.floating-whatsapp{position:fixed;right:20px;bottom:18px;z-index:60;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-weight:700;box-shadow:0 16px 28px rgba(0,0,0,.14)}
.catalog-hero{padding:92px 0 28px;text-align:center}
.centered-hero>div{max-width:840px;margin-inline:auto}
.catalog-hero p:not(.eyebrow){max-width:640px;margin:16px auto 0;color:var(--muted)}
.catalog-page{padding:22px 0 90px}
.catalog-toolbar{position:sticky;top:var(--header);z-index:25;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;background:rgba(255,255,255,.95);border-block:1px solid var(--line);margin-bottom:28px;backdrop-filter:blur(10px)}
.category-filter-row{display:flex;gap:8px;flex-wrap:wrap}
.category-filter{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;transition:background .2s ease,color .2s ease,border-color .2s ease}
.category-filter:hover,.category-filter.active{background:#111;color:#fff;border-color:#111}
.result-count{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#707070}
.herbs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.herb-detailed-card .product-content{padding-bottom:22px}
.detail-page{padding:36px 0 84px}
.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:24px;color:#707070;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.detail-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:start}
.detail-gallery{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.main-placeholder{min-height:600px;display:grid;place-items:center;background:#fafafa}
.detail-product-image{width:100%;height:100%;max-height:700px;object-fit:contain;padding:6%}
.detail-info{position:sticky;top:calc(var(--header) + 24px)}
.detail-info h1{font-size:clamp(2.8rem,5vw,5rem);margin-bottom:10px}
.detail-price{font-size:1.12rem;font-weight:700;margin-bottom:18px}
.detail-intro{color:var(--muted);font-size:1rem;margin-bottom:24px;max-width:620px}
.detail-subsection{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.detail-subsection h3{font-size:1.25rem;margin-bottom:8px}
.detail-subsection p{color:#4c534c}
.detail-list{margin:12px 0 0;padding-left:18px;color:#555d55;display:grid;gap:7px}
.detail-ingredients{font-size:.96rem;color:#555555}
.mini-note{margin-top:18px;color:#767d76;font-size:.8rem;line-height:1.6}
.wide-btn{width:100%;margin-top:22px}
.detail-save-button{width:100%;min-height:46px;border:1px solid var(--line);border-radius:999px;background:#fff;margin-top:10px;cursor:pointer;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.detail-save-button.liked{background:var(--forest);border-color:var(--forest);color:#fff}
.detail-contact-emails{padding-top:16px;text-align:center}
.text-contact{display:block;color:#707070;font-size:.78rem;margin:6px 0}
.recommendations{padding:70px 0 100px;border-top:1px solid var(--line)}
.error-page{min-height:100svh;display:grid;place-items:center;padding:30px;text-align:center;background:var(--paper)}
.error-page h1{font-size:clamp(5rem,15vw,13rem);line-height:.8;margin:0 0 25px}
.motion-ready .reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-on-scroll.is-visible{opacity:1;transform:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
@media(max-width:1100px){
  .product-grid,.herbs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-section,.contact-layout,.detail-grid,.section-heading{grid-template-columns:1fr}
  .section-heading{justify-items:start;text-align:left}
  .centered-heading{justify-items:start;text-align:left}
  .footer-inner{grid-template-columns:1fr}
}
@media(max-width:880px){
  :root{--header:72px}
  .site-header{grid-template-columns:1fr auto auto}
  .menu-toggle{display:flex}
  .main-nav{position:absolute;left:20px;right:20px;top:calc(100% + 10px);padding:18px;background:rgba(239,246,233,.98);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:flex-start;gap:14px}
  .main-nav.open{display:flex}
  .header-actions .liked-header-link{display:none}
  .page-width{width:min(100vw - 28px,1180px)}
  .clean-hero{padding-top:72px}
}
@media(max-width:640px){
  h1{font-size:clamp(2.7rem,13vw,4.1rem)}
  h2{font-size:clamp(2rem,10vw,3rem)}
  .hero-actions,.contact-cta-group{width:100%}
  .hero-actions .btn,.contact-primary{width:100%}
  .product-grid,.herbs-grid{grid-template-columns:1fr}
  .catalog-toolbar{align-items:flex-start;flex-direction:column}
  .main-placeholder{min-height:420px}
  .floating-whatsapp{right:14px;bottom:14px;width:50px;height:50px}
}


/* Light / dark theme */
.theme-toggle{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:var(--ink);
  cursor:pointer;
  font:inherit;
  font-size:.76rem;
  font-weight:600;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.theme-toggle:hover{transform:translateY(-1px)}
.theme-icon{font-size:1rem;line-height:1}

html[data-theme="dark"]{
  color-scheme:dark;
  --paper:#0f0f10;
  --surface:#151516;
  --surface-2:#1b1b1d;
  --ink:#f5f5f2;
  --muted:#aaa9a5;
  --line:#303033;
  --forest:#f1f1ee;
  --forest-deep:#ffffff;
  --sage:#8a8a86;
  --shadow:0 18px 42px rgba(0,0,0,.28);
}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] body::before{opacity:.025;filter:invert(1)}
html[data-theme="dark"] .utility-bar{background:rgba(15,15,16,.94);color:#b8b8b5;border-color:var(--line)}
html[data-theme="dark"] .site-header{background:rgba(15,15,16,.92)}
html[data-theme="dark"] .site-header.is-scrolled{box-shadow:0 12px 30px rgba(0,0,0,.22)}
html[data-theme="dark"] .brand-sub,
html[data-theme="dark"] .hero-kicker,
html[data-theme="dark"] .hero-text,
html[data-theme="dark"] .hero-subtitle,
html[data-theme="dark"] .collection-intro,
html[data-theme="dark"] .about-copy-grid,
html[data-theme="dark"] .contact-layout p,
html[data-theme="dark"] .product-title-row small,
html[data-theme="dark"] .health-note,
html[data-theme="dark"] .result-count,
html[data-theme="dark"] .detail-intro,
html[data-theme="dark"] .mini-note,
html[data-theme="dark"] .text-contact,
html[data-theme="dark"] .breadcrumb{color:var(--muted)}
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .liked-header-link,
html[data-theme="dark"] .category-filter,
html[data-theme="dark"] .main-nav,
html[data-theme="dark"] .detail-save-button{background:#171719;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .product-image,
html[data-theme="dark"] .product-image.herb,
html[data-theme="dark"] .product-image.fashion,
html[data-theme="dark"] .main-placeholder{background:#1b1b1d}
html[data-theme="dark"] .product-image-label,
html[data-theme="dark"] .like-button{background:rgba(24,28,24,.92);color:var(--ink)}
html[data-theme="dark"] .like-button.liked{background:var(--forest);color:#101410}
html[data-theme="dark"] .contact-section{background:#151516;border-color:var(--line)}
html[data-theme="dark"] footer{background:#09090a;border-color:var(--line)}
html[data-theme="dark"] .footer-inner p,
html[data-theme="dark"] .footer-inner small{color:#9fa69f}
html[data-theme="dark"] .catalog-toolbar{background:rgba(15,15,16,.96)}
html[data-theme="dark"] .category-filter:hover,
html[data-theme="dark"] .category-filter.active{background:#f5f5f2;color:#111;border-color:#f5f5f2}
html[data-theme="dark"] .detail-gallery{background:#171719}
html[data-theme="dark"] .detail-subsection p,
html[data-theme="dark"] .detail-list,
html[data-theme="dark"] .detail-ingredients{color:#c2c8c1}
html[data-theme="dark"] .btn-secondary{border-color:#efefec;color:#efefec}
html[data-theme="dark"] .btn-secondary:hover{background:#efefec;color:#111}
html[data-theme="dark"] .whatsapp-pill,
html[data-theme="dark"] .btn-primary{background:#f5f5f2;color:#111;border-color:#f5f5f2}
html[data-theme="dark"] .whatsapp-pill:hover,
html[data-theme="dark"] .btn-primary:hover{background:#fff;border-color:#fff}
html[data-theme="dark"] .menu-toggle{background:#171b17;border-color:var(--line)}
html[data-theme="dark"] .menu-toggle span{background:var(--ink)}

@media(max-width:880px){
  .theme-label{display:none}
  .theme-toggle{width:42px;height:42px;padding:0;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  body::before{animation:none}
  .motion-ready .reveal-on-scroll{transition:none;transform:none;opacity:1}
  .product-photo,.theme-toggle,.btn,.whatsapp-pill{transition:none}
}


/* Luxury header refinement */
.site-header{
  grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);
  height:84px;
  padding-inline:clamp(18px,3vw,48px);
  gap:34px;
}
.brand{gap:13px;justify-self:start}
.brand-logo{
  width:50px;
  height:50px;
  border-radius:14px;
  object-fit:cover;
  box-shadow:0 7px 20px rgba(31,54,34,.10);
  border:1px solid rgba(45,83,53,.16);
  transition:transform .3s ease,box-shadow .3s ease;
}
.brand:hover .brand-logo{transform:translateY(-1px);box-shadow:0 10px 24px rgba(31,54,34,.14)}
.brand-word{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.3rem;
  line-height:1;
  letter-spacing:-.01em;
  text-transform:none;
  font-weight:700;
}
.brand-sub{
  margin-top:4px;
  font-size:.61rem;
  letter-spacing:.16em;
  font-weight:600;
}
.main-nav{
  justify-self:center;
  gap:clamp(18px,2.2vw,34px);
  font-size:.72rem;
  letter-spacing:.11em;
  font-weight:600;
}
.main-nav a::after{bottom:-8px}
.header-actions{justify-self:end;gap:9px}
.header-actions .liked-header-link,
.theme-toggle{
  min-height:38px;
  padding-inline:13px;
  background:rgba(245,250,241,.55);
  border-color:rgba(65,88,65,.22);
  box-shadow:none;
}
.whatsapp-pill{
  min-height:40px;
  padding-inline:18px;
  font-size:.76rem;
  letter-spacing:.03em;
}
.theme-toggle .theme-icon{font-size:.92rem}
.theme-toggle .theme-label{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}
html[data-theme="dark"] .brand-logo{border-color:rgba(216,233,210,.16);box-shadow:0 8px 22px rgba(0,0,0,.2)}
html[data-theme="dark"] .header-actions .liked-header-link,
html[data-theme="dark"] .theme-toggle{background:rgba(44,64,48,.66)}

@media(max-width:1100px){
  .site-header{grid-template-columns:1fr auto auto;gap:12px;padding-inline:18px}
  .main-nav{justify-self:stretch}
}
@media(max-width:880px){
  .site-header{height:76px}
  .brand-logo{width:45px;height:45px;border-radius:12px}
  .brand-word{font-size:1.08rem}
  .brand-sub{font-size:.54rem}
  .whatsapp-pill{display:none}
}
@media(max-width:520px){
  .site-header{padding-inline:12px;gap:8px}
  .brand{gap:9px}
  .brand-logo{width:42px;height:42px}
  .brand-word{font-size:1rem}
  .brand-sub{display:none}
}


/* Real product catalogue refinements */
.product-card{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible;transition:transform .24s ease}
.product-card:hover{transform:translateY(-3px)}
.product-image-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface-2)}
.product-image{aspect-ratio:4/5;background:var(--surface-2);padding:10px}
.product-image.herb,.product-image.fashion{background:var(--surface-2)}
.real-product-photo{width:100%;height:100%;object-fit:contain;padding:0;background:transparent;transition:transform .35s ease}
.product-card:hover .real-product-photo{transform:scale(1.015)}
.product-content{padding:14px 2px 8px}
.product-title-row{align-items:flex-start}
.product-title-row h3{font-size:1.36rem;line-height:1.03}
.product-title-row .price{font-family:Inter,system-ui,sans-serif;font-size:.72rem;line-height:1.3;text-align:right;max-width:92px;color:var(--muted)}
.product-image-label{background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(0,0,0,.05)}
.herbs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.real-product-detail{background:var(--surface-2);min-height:650px;padding:28px}
.real-product-detail .detail-product-image{object-fit:contain;max-height:690px;padding:0}
.catalog-hero{padding-bottom:40px}
.catalog-hero h1{max-width:900px;margin-inline:auto}
.catalog-page{padding-top:0}
.category-filter-row{row-gap:8px}
@media(max-width:1100px){.herbs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.product-grid,.herbs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.product-title-row{display:block}.product-title-row .price{display:block;margin-top:6px;text-align:left;max-width:none}.product-image{padding:6px}.product-image-label{font-size:.54rem;left:8px;top:8px}.like-button{right:8px;top:8px}}
@media(max-width:420px){.product-title-row h3{font-size:1.16rem}.product-grid,.herbs-grid{gap:22px 10px}.real-product-detail{min-height:430px;padding:12px}}
html[data-theme="dark"] .product-image-label{background:rgba(18,18,19,.9)}

/* =========================================================
   Professional brand consistency pass — Oct 2026
   ========================================================= */
:root{
  --brand-green:#2f6f42;
  --brand-green-strong:#245a35;
  --brand-green-soft:#eef6f0;
  --brand-green-line:#c6d9ca;
  --card-border:#d9e2db;
}
html[data-theme="dark"]{
  --brand-green:#82c98e;
  --brand-green-strong:#9ad5a3;
  --brand-green-soft:#142218;
  --brand-green-line:#36503b;
  --card-border:#2f4534;
}

/* Brand colour system */
.brand-word,
.centered-title,
.catalog-hero h1,
.brand-section h2,
.about-intro h2,
.contact-layout h2,
.detail-info h1,
.recommendations h2,
.footer-inner strong{
  color:var(--brand-green);
}
.eyebrow,
.section-link,
.product-main-action,
.breadcrumb a:hover,
.text-contact:hover,
.contact-secondary:hover{
  color:var(--brand-green);
}
.hero-kicker{color:var(--brand-green);font-weight:700}

/* Buttons and important actions */
.btn-primary,
.whatsapp-pill,
.floating-whatsapp{
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:#fff;
}
.btn-primary:hover,
.whatsapp-pill:hover,
.floating-whatsapp:hover{
  background:var(--brand-green-strong);
  border-color:var(--brand-green-strong);
}
.btn-secondary{
  color:var(--brand-green);
  border-color:var(--brand-green-line);
  background:transparent;
}
.btn-secondary:hover{
  color:#fff;
  background:var(--brand-green);
  border-color:var(--brand-green);
}
.like-button.liked,
.detail-save-button.liked{
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:#fff;
}
.category-filter:hover,
.category-filter.active{
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:#fff;
}

/* Navigation — subtle active state, no large highlighted blocks */
.main-nav a,
.main-nav a[aria-current="page"],
.main-nav a:hover{
  background:transparent !important;
  border-radius:0 !important;
}
.main-nav a[aria-current="page"]{
  color:var(--brand-green);
  font-weight:700;
}
.main-nav a::after{
  background:var(--brand-green);
  height:2px;
  bottom:-7px;
}
.main-nav a:hover{color:var(--brand-green)}

/* Alignment and centered sections */
.clean-hero,
.catalog-hero,
.centered-hero,
.centered-title,
.centered-copy{
  text-align:center;
}
.centered-copy{margin-inline:auto}
.centered-heading{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
  width:100%;
}
.centered-heading > *{max-width:900px;margin-inline:auto}
.centered-heading .section-link{justify-self:center !important;margin-top:4px}
.brand-section .health-note{margin-inline:auto;text-align:center}
.hero-actions.centered-actions{justify-content:center}

/* Consistent product card shell */
.product-grid{align-items:stretch}
.product-card{
  display:flex;
  flex-direction:column;
  height:100%;
  border:1px solid var(--card-border);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 10px 26px rgba(22,45,28,.055);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.product-card:hover{
  transform:translateY(-3px);
  border-color:var(--brand-green-line);
  box-shadow:0 16px 34px rgba(22,45,28,.09);
}
.product-image-wrap{
  padding:12px 12px 0;
  background:transparent;
}
.product-image,
.product-image.herb,
.product-image.fashion{
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #ecefeb;
  border-radius:14px;
  overflow:hidden;
  padding:16px;
}
.product-photo,
.product-image.fashion .product-photo,
.real-product-photo{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  padding:0;
}
.product-card:hover .product-photo{transform:scale(1.02)}
.product-image-label{
  top:23px;
  left:23px;
  background:rgba(255,255,255,.95);
  color:var(--brand-green);
  border:1px solid var(--brand-green-line);
  box-shadow:none;
}
.like-button{
  top:22px;
  right:22px;
  border:1px solid #e8ebe7;
  box-shadow:0 5px 14px rgba(0,0,0,.06);
}
.product-content{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:18px 18px 20px;
}
.product-title-row{margin-bottom:14px}
.product-title-row h3{line-height:1.08}
.price{font-family:"Inter",system-ui,sans-serif;color:var(--brand-green);font-size:.95rem;font-weight:700}
.product-main-action{margin-top:auto;padding-top:10px;font-weight:700}

/* Takealot-style product detail media area */
.detail-gallery{
  background:var(--surface);
  border:1px solid var(--card-border);
  border-radius:18px;
  box-shadow:0 12px 30px rgba(22,45,28,.06);
  padding:14px;
}
.main-placeholder,
.real-product-detail{
  min-height:560px;
  background:#fff;
  border:1px solid #ecefeb;
  border-radius:14px;
  padding:22px;
}
.detail-product-image{
  width:100%;
  height:100%;
  max-height:650px;
  object-fit:contain;
  padding:0;
}
.detail-subsection{border-color:var(--brand-green-line)}
.detail-subsection h3{color:var(--brand-green)}

/* Contact section with visible brand treatment */
.contact-section{
  background:linear-gradient(180deg,var(--brand-green-soft),#ffffff 92%);
  border-top:1px solid var(--brand-green-line);
  border-bottom:1px solid var(--brand-green-line);
}
.contact-layout{
  align-items:stretch;
}
.contact-layout > div:first-child{
  padding:12px 0;
}
.contact-cta-group{
  padding:28px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--brand-green-line);
  border-radius:18px;
  box-shadow:0 10px 26px rgba(22,45,28,.06);
}
.contact-secondary{
  width:100%;
  padding:10px 0;
  color:var(--ink);
  border-bottom:1px solid var(--brand-green-line);
  overflow-wrap:anywhere;
}
.contact-secondary:last-child{border-bottom:0}

/* Footer consistency */
.footer-links a:hover{color:var(--brand-green)}

/* Dark mode: retain green identity while keeping a dark neutral base */
html[data-theme="dark"] .brand-word,
html[data-theme="dark"] .centered-title,
html[data-theme="dark"] .catalog-hero h1,
html[data-theme="dark"] .brand-section h2,
html[data-theme="dark"] .about-intro h2,
html[data-theme="dark"] .contact-layout h2,
html[data-theme="dark"] .detail-info h1,
html[data-theme="dark"] .recommendations h2,
html[data-theme="dark"] .footer-inner strong{
  color:var(--brand-green);
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .whatsapp-pill,
html[data-theme="dark"] .floating-whatsapp{
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:#0c140d;
}
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .whatsapp-pill:hover{
  background:var(--brand-green-strong);
  border-color:var(--brand-green-strong);
  color:#081009;
}
html[data-theme="dark"] .btn-secondary{
  border-color:var(--brand-green-line);
  color:var(--brand-green);
}
html[data-theme="dark"] .btn-secondary:hover{
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:#0c140d;
}
html[data-theme="dark"] .product-card{
  background:#151616;
  border-color:var(--card-border);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
html[data-theme="dark"] .product-card:hover{border-color:#48664e;box-shadow:0 18px 36px rgba(0,0,0,.25)}
html[data-theme="dark"] .product-image,
html[data-theme="dark"] .product-image.herb,
html[data-theme="dark"] .product-image.fashion,
html[data-theme="dark"] .main-placeholder,
html[data-theme="dark"] .real-product-detail{
  background:#0f1010;
  border-color:#2a302b;
}
html[data-theme="dark"] .product-image-label{
  background:rgba(15,16,16,.94);
  color:var(--brand-green);
  border-color:var(--brand-green-line);
}
html[data-theme="dark"] .like-button{
  background:rgba(20,22,20,.96);
  border-color:#303630;
  color:var(--ink);
}
html[data-theme="dark"] .like-button.liked,
html[data-theme="dark"] .detail-save-button.liked{
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:#0c140d;
}
html[data-theme="dark"] .category-filter:hover,
html[data-theme="dark"] .category-filter.active{
  background:var(--brand-green);
  border-color:var(--brand-green);
  color:#0c140d;
}
html[data-theme="dark"] .contact-section{
  background:linear-gradient(180deg,#142018 0%,#101112 100%);
  border-color:var(--brand-green-line);
}
html[data-theme="dark"] .contact-cta-group{
  background:#151816;
  border-color:var(--brand-green-line);
  box-shadow:none;
}
html[data-theme="dark"] .contact-secondary{border-color:var(--brand-green-line);color:#e2e7e1}
html[data-theme="dark"] .detail-gallery{background:#151616;border-color:var(--card-border)}
html[data-theme="dark"] .main-nav a[aria-current="page"],
html[data-theme="dark"] .main-nav a:hover{color:var(--brand-green)}
html[data-theme="dark"] .main-nav a::after{background:var(--brand-green)}

/* Responsive alignment and overflow fixes */
@media(max-width:1100px){
  .section-heading.centered-heading{
    justify-items:center !important;
    text-align:center !important;
  }
  .section-heading.centered-heading .section-link{justify-self:center !important}
  .detail-grid{gap:34px}
}

@media(max-width:880px){
  .site-header{
    grid-template-columns:minmax(0,1fr) auto auto;
    width:100%;
    padding-inline:14px;
    gap:8px;
  }
  .brand{min-width:0;overflow:hidden}
  .brand-text{min-width:0}
  .brand-word,.brand-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .main-nav{
    left:12px;
    right:12px;
    width:auto;
    max-width:calc(100vw - 24px);
    background:var(--surface) !important;
    border-color:var(--brand-green-line);
    align-items:stretch;
    overflow:hidden;
  }
  .main-nav a{
    width:100%;
    padding:11px 2px;
    border-bottom:1px solid var(--line);
  }
  .main-nav a:last-child{border-bottom:0}
  .main-nav a::after{bottom:5px;width:28px;right:auto}
  .page-width{width:min(100% - 28px,1180px)}
  .catalog-toolbar{
    overflow:hidden;
    align-items:flex-start;
  }
  .category-filter-row{
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:5px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .category-filter-row::-webkit-scrollbar{display:none}
  .category-filter{flex:0 0 auto}
  .contact-layout{
    text-align:center;
    justify-items:center;
  }
  .contact-layout p{margin-inline:auto}
  .contact-cta-group{width:min(100%,620px);align-items:stretch;text-align:left}
  .contact-primary{width:100%}
  .detail-info{position:static}
  .main-placeholder,.real-product-detail{min-height:440px}
}

@media(max-width:640px){
  body{font-size:15px}
  .utility-bar{font-size:.62rem;padding:8px 10px;white-space:normal}
  .site-header{height:72px}
  .brand-logo{width:40px;height:40px;border-radius:10px}
  .brand-word{font-size:.96rem}
  .brand-sub{font-size:.5rem;letter-spacing:.1em}
  .theme-toggle,.menu-toggle{width:40px;height:40px;min-width:40px}
  .clean-hero{padding:58px 0 44px}
  .hero-subtitle{font-size:1.05rem}
  .hero-text{font-size:.94rem}
  .hero-actions{gap:10px}
  .hero-actions .btn{width:100%}
  .brand-section{padding-top:34px}
  .accessories-surface{padding-top:64px}
  .product-grid,.herbs-grid{grid-template-columns:1fr;gap:18px}
  .product-card{border-radius:16px}
  .product-image-wrap{padding:10px 10px 0}
  .product-image{border-radius:12px;padding:14px}
  .product-content{padding:16px}
  .product-title-row{gap:8px}
  .product-title-row h3{font-size:1.42rem}
  .price{font-size:.88rem}
  .catalog-hero{padding:64px 0 22px}
  .catalog-toolbar{top:72px;margin-bottom:22px}
  .about-section{padding:70px 0;gap:28px;text-align:center}
  .about-copy-grid{font-size:.96rem;text-align:left}
  .contact-section{padding:62px 0;margin-top:38px}
  .contact-cta-group{padding:20px;border-radius:15px}
  .detail-page{padding-top:24px}
  .detail-grid{gap:24px}
  .main-placeholder,.real-product-detail{min-height:340px;padding:14px}
  .detail-gallery{padding:10px;border-radius:16px}
  .detail-info h1{font-size:clamp(2.4rem,12vw,3.6rem)}
  .footer-inner{text-align:center;justify-items:center}
  .footer-links{justify-content:center;flex-wrap:wrap}
  .footer-inner small{text-align:center;overflow-wrap:anywhere}
}

@media(max-width:420px){
  .brand-sub{display:none}
  .brand-word{font-size:.92rem}
  .page-width{width:min(100% - 22px,1180px)}
  .product-image-label{top:18px;left:18px;font-size:.56rem}
  .like-button{top:17px;right:17px;width:34px;height:34px}
  .contact-secondary{font-size:.82rem}
}

/* =========================================================
   Final premium green + ecommerce refinement
   ========================================================= */
:root{
  --brand-green:#1f5b36;
  --brand-green-strong:#17482a;
  --brand-green-soft:#eef5f0;
  --brand-green-line:#b6cdbb;
  --card-border:#d9e3dc;
}
html[data-theme="dark"]{
  --brand-green:#66a979;
  --brand-green-strong:#78ba8b;
  --brand-green-soft:#132019;
  --brand-green-line:#355341;
  --card-border:#31463a;
}
html,body{max-width:100%;overflow-x:hidden}
.brand-word,.company-title,.centered-title,.catalog-hero h1,.brand-section h2,.about-intro h2,.contact-layout h2,.detail-info h1,.recommendations h2,.footer-inner strong{color:var(--brand-green-strong)}
html[data-theme="dark"] .brand-word,html[data-theme="dark"] .company-title,html[data-theme="dark"] .centered-title,html[data-theme="dark"] .catalog-hero h1,html[data-theme="dark"] .brand-section h2,html[data-theme="dark"] .about-intro h2,html[data-theme="dark"] .contact-layout h2,html[data-theme="dark"] .detail-info h1,html[data-theme="dark"] .recommendations h2,html[data-theme="dark"] .footer-inner strong{color:var(--brand-green)}
.eyebrow,.hero-kicker,.section-link,.product-main-action,.price,.breadcrumb a{color:var(--brand-green-strong)}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .hero-kicker,html[data-theme="dark"] .section-link,html[data-theme="dark"] .product-main-action,html[data-theme="dark"] .price,html[data-theme="dark"] .breadcrumb a{color:var(--brand-green)}
.btn-primary,.whatsapp-pill,.floating-whatsapp,.like-button.liked,.detail-save-button.liked,.category-filter:hover,.category-filter.active{background:var(--brand-green);border-color:var(--brand-green);color:#fff}
.btn-primary:hover,.whatsapp-pill:hover,.floating-whatsapp:hover{background:var(--brand-green-strong);border-color:var(--brand-green-strong)}
.btn-secondary{border-color:var(--brand-green-line);color:var(--brand-green-strong)}
.btn-secondary:hover{background:var(--brand-green-soft);border-color:var(--brand-green);color:var(--brand-green-strong)}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .whatsapp-pill,html[data-theme="dark"] .floating-whatsapp,html[data-theme="dark"] .like-button.liked,html[data-theme="dark"] .detail-save-button.liked,html[data-theme="dark"] .category-filter:hover,html[data-theme="dark"] .category-filter.active{background:var(--brand-green);border-color:var(--brand-green);color:#09110b}
.main-nav a,.main-nav a[aria-current="page"],.main-nav a:hover{background:transparent!important;box-shadow:none!important;border-radius:0!important}
.main-nav a[aria-current="page"],.main-nav a:hover{color:var(--brand-green-strong)}
.main-nav a::after{height:2px;background:var(--brand-green);bottom:-7px}
html[data-theme="dark"] .main-nav a[aria-current="page"],html[data-theme="dark"] .main-nav a:hover{color:var(--brand-green)}
html[data-theme="dark"] .main-nav a::after{background:var(--brand-green)}
.clean-hero,.catalog-hero,.centered-hero,.centered-title,.centered-copy{text-align:center}
.centered-title,.centered-copy,.catalog-hero>div{margin-left:auto;margin-right:auto}
.section-heading.centered-heading{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;width:100%}
.section-heading.centered-heading>div{width:min(100%,900px);margin-inline:auto}
.section-heading.centered-heading .section-link{justify-self:center!important;margin-inline:auto}
.hero-actions.centered-actions{justify-content:center;width:100%}
.brand-section .health-note{margin-inline:auto;text-align:center}
.product-grid,.herbs-grid{align-items:stretch}
.product-card{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--card-border);border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(20,45,28,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.product-card:hover{transform:translateY(-3px);border-color:var(--brand-green-line);box-shadow:0 16px 32px rgba(20,45,28,.09)}
.product-image-wrap{padding:12px 12px 0;background:transparent}
.product-image,.product-image.herb,.product-image.fashion{aspect-ratio:1/1;display:grid;place-items:center;background:#fff;border:1px solid #e7ece8;border-radius:13px;overflow:hidden;padding:16px}
.product-photo,.real-product-photo,.product-image.fashion .product-photo{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:0}
.product-image-label{color:var(--brand-green-strong);background:rgba(255,255,255,.96);border:1px solid var(--brand-green-line);box-shadow:none}
.like-button{border:1px solid #e3e9e4;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.product-content{display:flex;flex-direction:column;flex:1}
.product-main-action{margin-top:auto}
.detail-gallery{background:var(--surface);border:1px solid var(--card-border);border-radius:18px;padding:14px;box-shadow:0 12px 28px rgba(20,45,28,.06)}
.main-placeholder,.real-product-detail{min-height:560px;background:#fff;border:1px solid #e7ece8;border-radius:14px;padding:22px}
.detail-product-image{object-fit:contain;padding:0;max-height:650px}
.detail-subsection{border-color:var(--brand-green-line)}
.detail-subsection h3{color:var(--brand-green-strong)}
html[data-theme="dark"] .detail-subsection h3{color:var(--brand-green)}
.contact-section{background:linear-gradient(180deg,var(--brand-green-soft) 0%,#fff 92%);border-top:1px solid var(--brand-green-line);border-bottom:1px solid var(--brand-green-line)}
.contact-layout{align-items:stretch;gap:34px}
.contact-layout>div:first-child{text-align:center;margin-inline:auto}
.contact-layout>div:first-child p{margin-inline:auto}
.contact-cta-group{padding:28px;background:rgba(255,255,255,.95);border:1px solid var(--brand-green-line);border-radius:18px;box-shadow:0 10px 26px rgba(20,45,28,.06)}
.contact-secondary{width:100%;color:var(--brand-green-strong);border-bottom:1px solid var(--brand-green-line);overflow-wrap:anywhere}
.contact-secondary:last-child{border-bottom:0}
html[data-theme="dark"] .product-card,html[data-theme="dark"] .detail-gallery{background:#151716;border-color:var(--card-border)}
html[data-theme="dark"] .product-image,html[data-theme="dark"] .product-image.herb,html[data-theme="dark"] .product-image.fashion,html[data-theme="dark"] .main-placeholder,html[data-theme="dark"] .real-product-detail{background:#fff;border-color:#e4e9e5}
html[data-theme="dark"] .product-image-label{background:rgba(255,255,255,.96);color:var(--brand-green-strong);border-color:var(--brand-green-line)}
html[data-theme="dark"] .contact-section{background:linear-gradient(180deg,#132019 0%,#0f1110 100%);border-color:var(--brand-green-line)}
html[data-theme="dark"] .contact-cta-group{background:#151917;border-color:var(--brand-green-line);box-shadow:none}
html[data-theme="dark"] .contact-secondary{color:#dfe8e0;border-color:var(--brand-green-line)}
@media(max-width:880px){.site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding-inline:12px}.brand,.brand-text{min-width:0}.brand-word,.brand-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-nav{left:10px;right:10px;max-width:calc(100vw - 20px);width:auto;background:var(--surface)!important;border-color:var(--brand-green-line)}.main-nav a{width:100%;padding:11px 2px}.main-nav a::after{width:28px;right:auto;bottom:4px}.page-width{width:min(100% - 26px,1180px)}.category-filter-row{width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:5px}.category-filter-row::-webkit-scrollbar{display:none}.category-filter{flex:0 0 auto}.contact-layout{text-align:center;justify-items:center}.contact-cta-group{width:min(100%,620px);align-items:stretch;text-align:left}.detail-info{position:static}.main-placeholder,.real-product-detail{min-height:430px}}
@media(max-width:640px){.utility-bar{white-space:normal;font-size:.62rem;padding:8px 10px}.site-header{height:72px}.brand-logo{width:40px;height:40px}.brand-word{font-size:.94rem}.brand-sub{font-size:.5rem}.theme-toggle,.menu-toggle{width:40px;height:40px;min-width:40px}.header-actions .whatsapp-pill{display:none}.hero-actions .btn,.contact-primary{width:100%}.product-grid,.herbs-grid{grid-template-columns:1fr!important;gap:18px}.product-image-wrap{padding:10px 10px 0}.product-image{padding:14px}.product-content{padding:16px}.product-title-row{gap:8px}.contact-section{padding:62px 0}.contact-cta-group{padding:20px}.main-placeholder,.real-product-detail{min-height:340px;padding:14px}.detail-grid{gap:24px}.footer-inner{text-align:center;justify-items:center}.footer-links{justify-content:center;flex-wrap:wrap}.footer-inner small{text-align:center;overflow-wrap:anywhere}}
@media(max-width:380px){.brand-sub{display:none}.brand-word{font-size:.88rem}.page-width{width:min(100% - 20px,1180px)}}


/* Footer centering + original product photo treatment */
.footer-inner{
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:14px !important;
  padding:46px 0 !important;
}
.footer-inner > div,
.footer-links,
.footer-inner small{
  width:100%;
  text-align:center !important;
  justify-content:center !important;
  margin-inline:auto !important;
}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:18px 24px;
  align-items:center;
}
.footer-inner small{
  grid-column:auto !important;
  max-width:900px;
  padding-top:18px;
  border-top:1px solid var(--line);
}

.product-image,
.product-image.herb,
.product-image.fashion,
.main-placeholder,
.real-product-detail{
  background:#ffffff !important;
  border:1px solid #e6e9e6 !important;
  border-radius:14px !important;
  overflow:hidden;
}
.product-photo,
.real-product-photo,
.detail-product-image{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
}
.product-image{padding:10px !important;}
.main-placeholder,.real-product-detail{padding:18px !important;}

html[data-theme="dark"] .product-image,
html[data-theme="dark"] .product-image.herb,
html[data-theme="dark"] .product-image.fashion,
html[data-theme="dark"] .main-placeholder,
html[data-theme="dark"] .real-product-detail{
  background:#0a0b0a !important;
  border-color:#2c352f !important;
}
html[data-theme="dark"] .product-photo,
html[data-theme="dark"] .real-product-photo,
html[data-theme="dark"] .detail-product-image{
  background:#0a0b0a !important;
}

@media(max-width:640px){
  .footer-inner{padding:38px 0 !important}
  .footer-links{gap:12px 18px}
  .footer-inner small{font-size:.74rem;line-height:1.65;padding-inline:8px}
  .product-image{padding:8px !important}
  .main-placeholder,.real-product-detail{padding:12px !important}
}

/* =========================================================
   Full-product image fit fix — Oct 2026
   ========================================================= */
.product-image,
.product-image.herb,
.product-image.fashion{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  aspect-ratio:1 / 1 !important;
  min-height:0 !important;
  padding:18px !important;
  background:#fff !important;
  border:1px solid #e6e9e6 !important;
  overflow:hidden !important;
}

.product-photo,
.real-product-photo,
.product-image.fashion .product-photo{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  padding:0 !important;
  background:transparent !important;
  transform:none !important;
}
.product-card:hover .product-photo,
.product-card:hover .real-product-photo{
  transform:none !important;
}

.main-placeholder,
.real-product-detail{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:560px !important;
  background:#fff !important;
  border:1px solid #e6e9e6 !important;
  overflow:hidden !important;
  padding:24px !important;
}
.detail-product-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:620px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  padding:0 !important;
  background:transparent !important;
}

/* Keep the actual product-photo stage white in dark mode too */
html[data-theme="dark"] .product-image,
html[data-theme="dark"] .product-image.herb,
html[data-theme="dark"] .product-image.fashion,
html[data-theme="dark"] .main-placeholder,
html[data-theme="dark"] .real-product-detail{
  background:#fff !important;
  border-color:#dfe5e0 !important;
}
html[data-theme="dark"] .product-photo,
html[data-theme="dark"] .real-product-photo,
html[data-theme="dark"] .detail-product-image{
  background:transparent !important;
}

@media(max-width:640px){
  .product-image,
  .product-image.herb,
  .product-image.fashion{padding:14px !important}
  .main-placeholder,
  .real-product-detail{min-height:340px !important;padding:16px !important}
  .detail-product-image{max-height:440px !important}
}


/* Final catalog image fit refinement */
.product-image-wrap{
  padding:12px 12px 0 !important;
}
.product-image,
.product-image.herb,
.product-image.fashion{
  aspect-ratio:4 / 5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffffff !important;
  border:1px solid #e6e9e6 !important;
  border-radius:14px !important;
  padding:6px !important;
  overflow:hidden !important;
}
.product-photo,
.real-product-photo,
.detail-product-image,
.product-image.fashion .product-photo{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
}
.product-card:hover .product-photo,
.product-card:hover .real-product-photo{
  transform:none !important;
}
.main-placeholder,
.real-product-detail{
  background:#ffffff !important;
  border:1px solid #e6e9e6 !important;
  border-radius:14px !important;
  padding:18px !important;
}
html[data-theme="dark"] .product-image,
html[data-theme="dark"] .product-image.herb,
html[data-theme="dark"] .product-image.fashion,
html[data-theme="dark"] .main-placeholder,
html[data-theme="dark"] .real-product-detail{
  background:#ffffff !important;
  border-color:#e6e9e6 !important;
}
@media (max-width: 640px){
  .product-image,
  .product-image.herb,
  .product-image.fashion{
    aspect-ratio:1 / 1.08 !important;
    padding:4px !important;
  }
}


/* Immediate content display + circular brand mark */
.reveal-on-scroll,
.motion-ready .reveal-on-scroll,
.motion-ready .reveal-on-scroll.is-visible{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}
.brand-logo{
  border-radius:50% !important;
  overflow:hidden !important;
  object-fit:cover !important;
  aspect-ratio:1 / 1 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.brand:hover .brand-logo{
  transform:none !important;
  box-shadow:none !important;
}

/* =========================================================
   New catalogue photography — clean ecommerce presentation
   ========================================================= */
.product-image-wrap{
  padding:0 !important;
  background:#fff !important;
  border-radius:18px 18px 0 0 !important;
  overflow:hidden !important;
  border-bottom:1px solid #e6e9e6 !important;
}
.product-image,
.product-image.herb,
.product-image.fashion{
  aspect-ratio:1 / 1 !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  background:#fff !important;
}
.product-photo,
.real-product-photo,
.product-image.fashion .product-photo{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
}
html[data-theme="dark"] .product-image-wrap,
html[data-theme="dark"] .product-image,
html[data-theme="dark"] .product-image.herb,
html[data-theme="dark"] .product-image.fashion,
html[data-theme="dark"] .product-photo,
html[data-theme="dark"] .real-product-photo{
  background:#fff !important;
}
.product-card{
  overflow:hidden !important;
}
.product-image-label{
  background:rgba(255,255,255,.94) !important;
  color:var(--brand-green-strong) !important;
  border:1px solid var(--brand-green-line) !important;
  backdrop-filter:none !important;
}
.product-thumbnails{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(72px,90px));
  gap:10px;
  padding:12px 2px 2px;
}
.product-thumb{
  appearance:none;
  border:1px solid #dfe6e0;
  background:#fff;
  border-radius:10px;
  padding:4px;
  aspect-ratio:1/1;
  cursor:pointer;
  overflow:hidden;
}
.product-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.product-thumb.active{border-color:var(--brand-green);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-green) 18%,transparent)}
.detail-gallery{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.main-placeholder,
.real-product-detail{
  background:#fff !important;
  border:1px solid #e6e9e6 !important;
  border-radius:18px !important;
  min-height:520px !important;
  padding:0 !important;
}
.detail-product-image{
  width:100% !important;
  height:100% !important;
  max-height:680px !important;
  object-fit:contain !important;
  background:#fff !important;
  padding:0 !important;
}
html[data-theme="dark"] .main-placeholder,
html[data-theme="dark"] .real-product-detail,
html[data-theme="dark"] .detail-product-image,
html[data-theme="dark"] .product-thumb{background:#fff !important}
@media(max-width:640px){
  .product-grid,.herbs-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 10px !important}
  .product-content{padding:13px !important}
  .product-title-row h3{font-size:.98rem !important;line-height:1.15}
  .product-title-row small{font-size:.68rem !important}
  .price{font-size:.76rem !important}
  .product-main-action{font-size:.75rem !important}
  .main-placeholder,.real-product-detail{min-height:330px !important}
  .product-thumbnails{grid-template-columns:repeat(4,1fr);gap:8px}
}
@media(max-width:390px){
  .product-grid,.herbs-grid{grid-template-columns:1fr !important}
}

/* =========================================================
   Mobile browse grid — compact two-column ecommerce layout
   Inspired by familiar marketplace browsing patterns.
   ========================================================= */
.product-title-link{
  color:inherit;
  text-decoration:none;
}
.product-title-link:hover h3{
  color:var(--brand-green-strong);
}
html[data-theme="dark"] .product-title-link:hover h3{
  color:var(--brand-green);
}

@media(max-width:640px){
  .page-width{
    width:min(100% - 16px,1180px) !important;
  }

  .product-grid,
  .herbs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px 8px !important;
    align-items:stretch !important;
  }

  .product-card{
    border-radius:13px !important;
    border:1px solid #dfe5df !important;
    box-shadow:0 3px 10px rgba(20,45,28,.045) !important;
    min-width:0 !important;
  }

  html[data-theme="dark"] .product-card{
    border-color:#31463a !important;
  }

  .product-image-wrap{
    border-radius:13px 13px 0 0 !important;
  }

  .product-image,
  .product-image.herb,
  .product-image.fashion{
    aspect-ratio:1 / 1 !important;
    min-height:0 !important;
  }

  .product-image-label{
    left:6px !important;
    top:6px !important;
    max-width:calc(100% - 42px) !important;
    padding:4px 6px !important;
    border-radius:999px !important;
    font-size:.46rem !important;
    line-height:1 !important;
    letter-spacing:.055em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .like-button{
    right:6px !important;
    top:6px !important;
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    font-size:1rem !important;
    box-shadow:0 2px 8px rgba(0,0,0,.07) !important;
  }

  .product-content,
  .compact-product-content{
    padding:9px 9px 10px !important;
  }

  .product-title-row{
    display:block !important;
    margin-bottom:0 !important;
  }

  .product-title-row h3{
    margin:0 !important;
    font-size:.82rem !important;
    line-height:1.22 !important;
    min-height:2.44em !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .product-title-row small{
    margin-top:4px !important;
    font-size:.58rem !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .product-title-row .price,
  .price{
    display:block !important;
    margin-top:7px !important;
    max-width:none !important;
    text-align:left !important;
    font-size:.73rem !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  .product-main-action{
    margin-top:7px !important;
    padding-top:0 !important;
    font-size:.65rem !important;
    line-height:1.2 !important;
  }

  .catalog-page{
    padding-bottom:64px !important;
  }
}

/* Keep two product cards side-by-side even on narrow phones. */
@media(max-width:390px){
  .product-grid,
  .herbs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px 6px !important;
  }
  .page-width{
    width:min(100% - 12px,1180px) !important;
  }
  .product-content,
  .compact-product-content{
    padding:8px !important;
  }
  .product-title-row h3{
    font-size:.76rem !important;
  }
  .product-title-row small{
    font-size:.54rem !important;
  }
  .price{
    font-size:.68rem !important;
  }
  .product-main-action{
    font-size:.61rem !important;
  }
}


/* === Shopping cart conversion === */
.cart-header-link{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:.8rem;background:rgba(255,255,255,.88);font-weight:700}
.cart-header-link span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:4px;border-radius:999px;background:var(--brand-green);color:#fff;font-size:.7rem}
.cart-button{position:absolute;right:22px;top:22px;width:38px;height:38px;border:1px solid #e8ebe7;background:rgba(255,255,255,.96);display:grid;place-items:center;border-radius:50%;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.06);color:var(--brand-green);z-index:3}
.cart-button:hover,.cart-button.in-cart{background:var(--brand-green);border-color:var(--brand-green);color:#fff}
.cart-button-icon{width:18px;height:18px}
.cart-button-plus{position:absolute;right:4px;bottom:1px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--brand-green);color:#fff;font:700 11px/1 Inter,sans-serif;border:2px solid #fff}
.cart-button.in-cart .cart-button-plus{display:none}
.cart-button-qty{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#111;color:#fff;border:2px solid #fff;font:700 10px/14px Inter,sans-serif}
.detail-cart-button{width:100%;min-height:50px;margin-top:10px;border-radius:999px;border:1px solid var(--brand-green);background:transparent;color:var(--brand-green);font:700 .88rem Inter,sans-serif;cursor:pointer}
.detail-cart-button:hover,.detail-cart-button.in-cart{background:var(--brand-green);color:#fff}
.cart-hero{padding-bottom:24px}
.cart-page-content{padding:12px 0 92px}
.cart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:24px}
.saved-clear{border:0;background:transparent;color:var(--muted);font:600 .78rem Inter,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.saved-empty{padding:50px 22px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted);background:var(--surface)}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.cart-items{display:grid;gap:12px}
.cart-line{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;padding:14px;border:1px solid var(--card-border);border-radius:16px;background:var(--surface);box-shadow:0 6px 18px rgba(22,45,28,.04)}
.cart-line-image{aspect-ratio:1/1;border-radius:12px;background:#fff;border:1px solid #edf0ed;overflow:hidden}
.cart-line-image img{width:100%;height:100%;object-fit:contain}
.cart-line-info{min-width:0;display:flex;flex-direction:column}
.cart-line-category{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--brand-green);font-weight:700}
.cart-line-title{margin-top:3px;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.35rem;line-height:1.05}
.cart-line-price{margin-top:7px;color:var(--brand-green);font-size:.84rem;font-weight:700}
.cart-line-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px}
.quantity-stepper{display:inline-grid;grid-template-columns:32px 38px 32px;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface)}
.quantity-stepper button{height:32px;border:0;background:transparent;color:var(--ink);font-size:1rem;cursor:pointer}
.quantity-stepper span{text-align:center;font:700 .78rem Inter,sans-serif}
.cart-remove{border:0;background:transparent;color:var(--muted);font:600 .74rem Inter,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cart-summary{position:sticky;top:calc(var(--header) + 18px);padding:24px;border:1px solid var(--brand-green-line);border-radius:18px;background:var(--surface);box-shadow:0 12px 30px rgba(22,45,28,.06)}
.cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-block:1px solid var(--line);font-size:.9rem}
.cart-summary-row strong{font-family:Inter,sans-serif;font-size:1rem}
.cart-summary-note{margin:16px 0;color:var(--muted);font-size:.8rem;line-height:1.55}
.cart-order-button{width:100%}
html[data-theme="dark"] .cart-header-link{background:#151616;border-color:#2f4534}
html[data-theme="dark"] .cart-header-link span{color:#0b120d}
html[data-theme="dark"] .cart-button{background:rgba(20,22,20,.96);border-color:#303630;color:var(--brand-green)}
html[data-theme="dark"] .cart-button:hover,html[data-theme="dark"] .cart-button.in-cart{background:var(--brand-green);color:#0c140d}
html[data-theme="dark"] .cart-button-plus{border-color:#151616;color:#fff}
html[data-theme="dark"] .cart-button-qty{border-color:#151616}
html[data-theme="dark"] .detail-cart-button.in-cart,html[data-theme="dark"] .detail-cart-button:hover{color:#0c140d}
html[data-theme="dark"] .cart-line,html[data-theme="dark"] .cart-summary{background:#151616;border-color:#2f4534}
html[data-theme="dark"] .cart-line-image{background:#0f1010;border-color:#2a302b}
@media(max-width:880px){.header-actions .cart-header-link{display:none}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-button{right:6px!important;top:6px!important;width:29px!important;height:29px!important;min-width:29px!important}.cart-button-icon{width:14px;height:14px}.cart-button-plus{right:1px;bottom:-1px;width:12px;height:12px;font-size:9px;border-width:1.5px}.cart-button-qty{right:-4px;top:-5px;min-width:16px;height:16px;font-size:9px;line-height:12px}.cart-hero{padding:48px 0 18px}.cart-hero h1{font-size:3.1rem}.cart-page-content{padding-top:0}.cart-line{grid-template-columns:86px minmax(0,1fr);gap:11px;padding:10px;border-radius:13px}.cart-line-title{font-size:1.05rem}.cart-line-actions{align-items:flex-end}.quantity-stepper{grid-template-columns:29px 32px 29px}.quantity-stepper button{height:29px}.cart-summary{padding:18px}}
@media(max-width:420px){.cart-line{grid-template-columns:76px minmax(0,1fr)}.cart-line-category{font-size:.58rem}.cart-line-title{font-size:.98rem}.cart-line-actions{gap:8px}.cart-remove{font-size:.68rem}}

.nav-cart-link{display:none}
@media(max-width:880px){.main-nav .nav-cart-link{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.main-nav .nav-cart-link span,.main-nav a[href="cart.html"] span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--brand-green);color:#fff;font:700 .7rem Inter,sans-serif}}

/* Requested edits to the original storefront, October 2026. */
.home-page .brand-section .section-heading h2{
 font-size:clamp(1.5rem,2.4vw,2.25rem)!important;
 line-height:1.2!important;
 margin:12px 0!important;
}
.cart-add-symbol{display:block;font:400 26px/1 Arial,sans-serif;pointer-events:none}
.about-section .about-copy-grid{display:block;align-self:start}
.about-section .about-copy-grid p{margin:0}
.about-section .about-copy-grid p+p{margin-top:1em}
.contact-section .contact-cta-group,
html[data-theme="dark"] .contact-section .contact-cta-group{
 border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
@media(max-width:880px){.cart-add-symbol{font-size:23px}}

/* Compact product name above the price. */
.product-page .detail-info h1{font-size:1.35rem!important;line-height:1.3!important;letter-spacing:normal;margin-bottom:10px;}

/* Storefront redesign — October 2026 */
:root{--brand:#155b39;--brand-deep:#0d4027;--cream:#f7f5ef;--sand:#ece8de;--charcoal:#1e2821;--ink:#1b251e;--muted:#667067;--line:#e3e2dc;--radius:18px;--header:80px}
body.storefront-2026{font-family:"DM Sans",Arial,sans-serif;background:var(--cream);color:var(--ink)}
body.storefront-2026::before{display:none}
body.storefront-2026 h1,body.storefront-2026 h2,body.storefront-2026 h3,body.storefront-2026 strong{font-family:"Cormorant Garamond",Georgia,serif}
.skip-link{position:fixed;top:-80px;left:14px;z-index:10000;background:#fff;color:#111;padding:10px 14px;border-radius:8px}.skip-link:focus{top:14px}
body.storefront-2026 .site-header{height:80px;background:rgba(247,245,239,.94);border-bottom:1px solid transparent;padding-inline:max(20px,calc((100vw - 1280px)/2));gap:26px}
body.storefront-2026 .site-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(19,43,29,.08)}
body.storefront-2026 .brand-logo{width:48px;height:48px;filter:none}.storefront-2026 .brand-word{font-size:.88rem;letter-spacing:.09em;color:var(--brand-deep)}.storefront-2026 .brand-sub{font-size:.58rem;letter-spacing:.08em;color:#6d756e}.storefront-2026 .main-nav{gap:23px;font-size:.74rem;font-weight:600;letter-spacing:.03em}.storefront-2026 .main-nav a::after{height:2px;background:var(--brand)}
.storefront-2026 .header-actions{gap:9px}.storefront-2026 .theme-toggle{width:39px;height:39px;min-height:39px;padding:0;justify-content:center;background:transparent}.storefront-2026 .cart-header-link{padding:9px 11px;border-color:#d9dcd7;background:transparent;font-size:.73rem}.storefront-2026 .cart-header-link span{background:var(--brand)}
.storefront-2026 .whatsapp-pill,.storefront-2026 .btn{min-height:46px;border-radius:10px;font-family:"DM Sans",Arial,sans-serif;font-size:.8rem;letter-spacing:.01em}.storefront-2026 .whatsapp-pill,.storefront-2026 .btn-primary{background:var(--brand);border-color:var(--brand)}.storefront-2026 .whatsapp-pill:hover,.storefront-2026 .btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep)}.storefront-2026 .btn-secondary{border-color:#c8d2ca;background:transparent;color:var(--brand-deep)}.storefront-2026 .btn-secondary:hover{background:#e7eee9}
.storefront-2026 .eyebrow{font-family:"DM Sans",Arial,sans-serif;font-size:.65rem;letter-spacing:.14em;color:var(--brand);margin-bottom:13px}.storefront-2026 .floating-whatsapp{width:52px;height:52px;right:20px;bottom:20px;background:var(--brand);font-family:"DM Sans",Arial,sans-serif;font-size:.72rem;box-shadow:0 10px 25px rgba(21,91,57,.26)}

/* Home */
.store-hero{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(36px,7vw,100px);align-items:center;padding:clamp(46px,8vw,110px) 0 90px}.store-hero h1{font-size:clamp(3.75rem,6.9vw,6.6rem);line-height:.87;letter-spacing:-.055em;color:var(--charcoal);margin:0}.store-hero h1 em{font-weight:500;color:var(--brand);font-style:italic}.hero-lede{max-width:470px;margin-top:24px;font-size:1rem;line-height:1.75;color:var(--muted)}.storefront-2026 .hero-actions{gap:10px;margin-top:28px}.storefront-2026 .hero-actions .btn{min-width:170px}.hero-proof{display:flex;gap:30px;margin:35px 0 0;padding-top:22px;border-top:1px solid #dadcd5}.hero-proof div{display:flex;align-items:baseline;gap:8px}.hero-proof dt{font:600 1.25rem/1 "Cormorant Garamond",Georgia,serif;color:var(--brand)}.hero-proof dd{margin:0;color:#778078;font-size:.72rem}
.hero-art{position:relative;min-height:560px;display:block;overflow:hidden;border-radius:120px 14px 14px 14px;background:#d8e0d8;box-shadow:0 28px 55px rgba(24,53,34,.13)}.hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-art::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(9,35,21,.86))}.hero-art-label{position:absolute;z-index:1;bottom:32px;left:32px;display:grid;gap:10px;color:#fff}.hero-art-label span{font:600 .62rem/1 "DM Sans",Arial,sans-serif;letter-spacing:.14em}.hero-art-label strong{font-size:clamp(2.15rem,3.2vw,3rem);font-weight:500;line-height:.95}.hero-art-label i{font:500 .8rem "DM Sans",Arial,sans-serif;font-style:normal;margin-top:2px}
.quick-shop{padding:0 0 108px}.quick-heading{text-align:center;margin-bottom:34px}.quick-heading h2,.feature-heading h2,.how-order h2,.contact-layout h2{font-size:clamp(2.5rem,4vw,4.1rem);line-height:.93;letter-spacing:-.04em;color:var(--charcoal)}.quick-heading>p:last-child{margin:12px auto 0;color:var(--muted);font-size:.93rem}.collection-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection-tile{position:relative;min-height:360px;overflow:hidden;border-radius:16px;background:#dce6dd;isolation:isolate}.collection-tile img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.collection-tile::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(6,30,18,.84));z-index:-1}.collection-tile:hover img{transform:scale(1.045)}.collection-tile>span{position:absolute;left:22px;right:22px;bottom:21px;display:grid;gap:5px;color:#fff}.collection-tile b{font:500 1.7rem/1.05 "Cormorant Garamond",Georgia,serif}.collection-tile small{font-size:.75rem;color:rgba(255,255,255,.82)}.collection-tile i{font-size:.74rem;font-style:normal;font-weight:600;margin-top:8px}.collection-tile.scent img{object-fit:cover}.collection-tile.style img{object-position:center}
.feature-section{padding:0 0 105px}.accessories-feature{padding-top:0}.feature-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.feature-heading>div>p:last-child{max-width:570px;margin-top:15px;color:var(--muted);font-size:.93rem}.text-link{display:inline-flex;gap:11px;align-items:center;white-space:nowrap;color:var(--brand);font-size:.8rem;font-weight:700;border-bottom:1px solid #a9c2ae;padding:0 0 6px}.text-link span{font-size:1.1rem;line-height:.8}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.storefront-2026 .product-card{border:1px solid #e0e3dc;border-radius:16px;background:#fff;box-shadow:none;transition:transform .22s ease,box-shadow .22s ease}.storefront-2026 .product-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(17,48,27,.09)}.storefront-2026 .product-image{aspect-ratio:1/1;background:#f6f7f4}.storefront-2026 .product-image.fashion .product-photo{padding:7%}.storefront-2026 .product-content{padding:15px}.storefront-2026 .product-title-row{gap:8px;margin:0}.storefront-2026 .product-title-row h3{font-size:1.12rem;line-height:1.05;margin:0 0 6px}.storefront-2026 .product-title-row small{font-family:"DM Sans",Arial,sans-serif;font-size:.69rem;line-height:1.35;color:#7b827c}.storefront-2026 .price{font-family:"DM Sans",Arial,sans-serif;font-size:.75rem;color:var(--brand);font-weight:700}.card-detail-link{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:11px;border-top:1px solid #ecedea;color:var(--brand);font-size:.7rem;font-weight:700}.card-detail-link span{font-size:1rem}.storefront-2026 .cart-button{right:10px!important;top:10px!important;width:38px!important;height:38px!important;border:1px solid #dfe4df!important;background:rgba(255,255,255,.96)!important;color:var(--brand)!important}.storefront-2026 .cart-button:hover,.storefront-2026 .cart-button.in-cart{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.cart-add-symbol{font-size:23px!important}.health-note{font-family:"DM Sans",Arial,sans-serif;font-size:.7rem;color:#81877f;margin-top:15px}
.how-order{padding:82px 0;background:var(--charcoal);color:#fff}.how-order h2{color:#fff}.how-order-heading{text-align:center}.how-order .eyebrow{color:#8fd0a5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;max-width:960px;margin:46px auto 0;padding:0;list-style:none}.steps li{position:relative;border-top:1px solid rgba(255,255,255,.25);padding-top:22px}.steps span{display:block;color:#8fd0a5;font:600 .68rem "DM Sans",Arial,sans-serif;letter-spacing:.12em}.steps h3{font-size:1.65rem;margin:10px 0 6px}.steps p{font-size:.82rem;color:#c8d2ca;max-width:220px}.storefront-2026 .contact-section{margin:0;padding:88px 0;background:#e7eee8;border:0}.storefront-2026 .contact-layout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.storefront-2026 .contact-layout p{max-width:480px;margin-top:16px;color:#536056}.storefront-2026 .contact-cta-group{align-items:flex-start;gap:9px}.storefront-2026 .contact-primary{min-width:245px}.storefront-2026 .contact-cta-group>span{font-size:.75rem;color:#536056}.storefront-2026 footer{background:#f7f5ef}.storefront-2026 .footer-inner{padding:34px 0}.storefront-2026 .footer-inner strong{font-size:1.5rem;color:var(--brand-deep)}.storefront-2026 .footer-inner small{font-family:"DM Sans",Arial,sans-serif}

/* Catalogues */
.storefront-2026 .catalog-hero{padding:80px 0 27px;text-align:left}.storefront-2026 .centered-hero>div{max-width:700px;margin:0}.storefront-2026 .catalog-hero h1{font-size:clamp(3.25rem,5vw,5.5rem);line-height:.88;letter-spacing:-.05em;color:var(--charcoal)}.storefront-2026 .catalog-hero p:not(.eyebrow){margin:18px 0 0;max-width:585px;color:var(--muted);font-size:.95rem}.storefront-2026 .catalog-page{padding-top:16px}.storefront-2026 .catalog-toolbar{position:static;padding:15px 0;margin-bottom:20px;background:transparent;border-top:1px solid var(--line);border-bottom:0;backdrop-filter:none}.catalog-search{display:grid;gap:7px;width:min(100%,490px);margin-bottom:18px}.catalog-search label{font-size:.74rem;font-weight:700;color:#4e5e51}.catalog-search>div{position:relative}.catalog-search input{width:100%;height:50px;padding:0 45px 0 16px;border:1px solid #ccd5cd;border-radius:9px;background:#fff;color:var(--ink);font:400 .86rem "DM Sans",Arial,sans-serif;outline:0}.catalog-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(21,91,57,.11)}.catalog-search button{position:absolute;right:7px;top:7px;width:36px;height:36px;border:0;background:transparent;border-radius:50%;color:#526057;font-size:1.25rem;cursor:pointer}.storefront-2026 .category-filter-row{gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;width:100%;scrollbar-width:none}.storefront-2026 .category-filter-row::-webkit-scrollbar{display:none}.storefront-2026 .category-filter{flex:0 0 auto;padding:8px 12px;border-radius:8px;background:#fff;border-color:#dce0da;color:#4c584e;font-size:.68rem;font-family:"DM Sans",Arial,sans-serif;font-weight:600;text-transform:none;letter-spacing:0}.storefront-2026 .category-filter.active,.storefront-2026 .category-filter:hover{background:var(--brand);border-color:var(--brand);color:#fff}.storefront-2026 .result-count{font-family:"DM Sans",Arial,sans-serif;color:#7d867e;font-size:.68rem;white-space:nowrap}.storefront-2026 .herbs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-results{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;border:1px dashed #b9c6ba;border-radius:14px;text-align:center;color:var(--muted)}.empty-results strong{font-size:1.5rem;color:var(--ink)}.empty-results span{font-size:.84rem}.empty-results button{border:0;background:var(--brand);color:#fff;border-radius:8px;padding:11px 15px;font:600 .78rem "DM Sans",Arial,sans-serif;cursor:pointer}

/* Product page detail integration */
.storefront-2026.product-page .detail-page{padding-top:38px}.storefront-2026.product-page .detail-gallery{border-radius:18px;box-shadow:none;border-color:#e0e3dc}.storefront-2026.product-page .main-placeholder{background:#fff}.storefront-2026.product-page .detail-info h1{font-family:"DM Sans",Arial,sans-serif;color:var(--charcoal)}.storefront-2026.product-page .detail-price{color:var(--brand)}

html[data-theme="dark"] body.storefront-2026{--cream:#101512;--sand:#172018;--charcoal:#f2f7f2;--ink:#f1f5f1;--muted:#b5bfb6;--line:#313b32;background:#101512;color:var(--ink)}
html[data-theme="dark"] .storefront-2026 .site-header{background:rgba(16,21,18,.94)}html[data-theme="dark"] .storefront-2026 .hero-art,html[data-theme="dark"] .storefront-2026 .product-card,html[data-theme="dark"] .storefront-2026 .product-image,html[data-theme="dark"] .catalog-search input{background:#182019;border-color:#313c33}html[data-theme="dark"] .storefront-2026 .product-image{background:#1b241d}html[data-theme="dark"] .storefront-2026 .collection-tile{background:#1b241d}html[data-theme="dark"] .storefront-2026 .contact-section{background:#1a2a20}html[data-theme="dark"] .storefront-2026 footer{background:#0a0e0b}html[data-theme="dark"] .storefront-2026 .btn-secondary{color:#e2eee4;border-color:#526958}html[data-theme="dark"] .storefront-2026 .btn-secondary:hover{background:#263c2c}html[data-theme="dark"] .storefront-2026 .category-filter{background:#172019;color:#dde6de;border-color:#3c4940}html[data-theme="dark"] .storefront-2026 .catalog-toolbar{background:transparent}html[data-theme="dark"] .storefront-2026 .cart-button{background:#172019!important;border-color:#3b483e!important}

@media(max-width:1000px){.store-hero{gap:45px}.hero-art{min-height:485px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-2026 .herbs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-tile{min-height:310px}}
@media(max-width:880px){body.storefront-2026 .site-header{height:72px;padding:0 14px}.storefront-2026 .main-nav{left:14px;right:14px;top:calc(100% + 8px);background:var(--cream)!important;border-radius:12px;padding:14px 16px;box-shadow:0 15px 35px rgba(0,0,0,.14)}.storefront-2026 .main-nav a{width:100%;padding:8px 0}.storefront-2026 .main-nav a::after{bottom:4px;width:28px;right:auto}.storefront-2026 .whatsapp-pill{display:none}.storefront-2026 .cart-header-link{display:inline-flex}.store-hero{grid-template-columns:1fr;gap:31px;padding-top:46px}.hero-art{min-height:430px;max-width:580px;width:100%;margin:0 auto}.quick-shop{padding-bottom:72px}.feature-section{padding-bottom:72px}.storefront-2026 .contact-layout{grid-template-columns:1fr}.storefront-2026 .contact-cta-group{align-items:flex-start}.steps{gap:24px}.storefront-2026 .catalog-hero{padding-top:52px}.storefront-2026 .catalog-toolbar{flex-direction:column;align-items:stretch;gap:12px}.storefront-2026 .result-count{align-self:flex-end}}
@media(max-width:600px){.page-width{width:min(100vw - 28px,1180px)}.store-hero h1{font-size:3.65rem}.hero-lede{font-size:.92rem;margin-top:18px}.storefront-2026 .hero-actions{display:grid;grid-template-columns:1fr 1fr}.storefront-2026 .hero-actions .btn{min-width:0;padding:0 10px;font-size:.75rem}.hero-art{min-height:360px;border-radius:70px 12px 12px 12px}.hero-art-label{left:22px;bottom:22px}.hero-art-label strong{font-size:2.25rem}.hero-proof{gap:17px;margin-top:27px}.hero-proof div{display:block}.hero-proof dd{margin-top:4px}.quick-heading{text-align:left}.quick-heading h2,.feature-heading h2,.how-order h2,.contact-layout h2{font-size:2.55rem}.collection-tiles{grid-template-columns:1fr;gap:12px}.collection-tile{min-height:188px}.collection-tile>span{left:18px;bottom:16px}.collection-tile b{font-size:1.45rem}.feature-heading{display:block;margin-bottom:22px}.feature-heading>div>p:last-child{font-size:.84rem}.text-link{margin-top:16px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storefront-2026 .product-content{padding:11px}.storefront-2026 .product-title-row{display:block}.storefront-2026 .product-title-row h3{font-size:.91rem;line-height:1.12;min-height:2.24em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.storefront-2026 .product-title-row small{font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storefront-2026 .price{display:block;margin-top:7px;font-size:.68rem}.card-detail-link{margin-top:9px;padding-top:8px;font-size:.62rem}.storefront-2026 .cart-button{right:7px!important;top:7px!important;width:32px!important;height:32px!important}.cart-add-symbol{font-size:20px!important}.how-order{padding:64px 0}.how-order-heading{text-align:left}.steps{grid-template-columns:1fr;gap:0;margin-top:26px}.steps li{padding:16px 0;display:grid;grid-template-columns:44px 1fr;column-gap:10px}.steps span{grid-row:span 2;padding-top:3px}.steps h3{margin:0;font-size:1.45rem}.steps p{grid-column:2;margin-top:4px}.storefront-2026 .contact-section{padding:65px 0}.storefront-2026 .contact-primary{width:100%;min-width:0}.storefront-2026 .catalog-hero h1{font-size:3.4rem}.storefront-2026 .catalog-hero p:not(.eyebrow){font-size:.86rem}.storefront-2026 .herbs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-search{width:100%}.storefront-2026 .floating-whatsapp{right:12px;bottom:12px;width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.collection-tile img,.storefront-2026 .product-card{transition:none!important}}

/* Follow-up polish: clear collection labels, useful location preview and clean product frames. */
.collection-tile>span{color:#111!important;text-shadow:none!important;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.78),rgba(255,255,255,0));padding:10px 30px 10px 12px;border-radius:10px}
.collection-tile b,.collection-tile small,.collection-tile i{color:#111!important;text-shadow:none!important}
.collection-tile:hover>span{background:rgba(255,255,255,.95)}
.location-map{display:block;width:100%;margin-top:6px;border:1px solid var(--brand-green-line);border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:var(--brand-green-strong)}
.location-map iframe{display:block;width:100%;height:190px;border:0;pointer-events:none;filter:saturate(.82) contrast(.98)}
.location-map em{display:block;padding:10px 12px;font-size:.75rem;font-style:normal;font-weight:800;letter-spacing:.02em}
.location-map:hover em{text-decoration:underline}
.storefront-2026 .product-image-wrap{background:#fff}
.storefront-2026 .product-image,.storefront-2026 .main-placeholder,.storefront-2026 .real-product-detail{background:#fff}
.storefront-2026 .real-product-photo,#detailMainImage{background:#fff;object-fit:contain}
html[data-theme="dark"] .collection-tile>span,html[data-theme="dark"] .collection-tile:hover>span{background:rgba(255,255,255,.9)}
html[data-theme="dark"] .location-map{background:#fff}
@media(max-width:600px){.collection-tile>span{padding:8px 20px 8px 10px}.location-map iframe{height:160px}}

/* Cart refinement */
.storefront-2026 .cart-page-content{padding-bottom:105px}.storefront-2026 .cart-line{border-color:#e0e3dc;border-radius:14px;box-shadow:none}.storefront-2026 .cart-summary{border-color:#bfd1c2;border-radius:14px;box-shadow:none;background:#f0f5f0}.storefront-2026 .cart-order-button{font-family:"DM Sans",Arial,sans-serif}.storefront-2026 .saved-empty{border-color:#bfd1c2;background:#fff;border-radius:14px}.storefront-2026 .quantity-stepper{border-color:#cbd6cc}.storefront-2026 .cart-remove{color:var(--brand)}

/* Square catalogue cards and compact mobile product detail. */
.product-card{border-radius:16px!important;overflow:hidden}
.product-action-bar{display:flex;gap:12px;align-items:stretch;margin-top:18px}
.product-action-bar .detail-cart-button{flex:1;width:auto;margin:0;min-height:50px;background:var(--brand-green-strong);color:white}
.detail-like-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:82px;min-height:50px;padding:10px 14px;border:1px solid var(--brand-green-line);border-radius:999px;background:var(--surface);color:var(--brand-green-strong);font:600 .82rem Inter,sans-serif;cursor:pointer}
.like-symbol{font:400 25px/1 Arial,sans-serif}
.detail-like-button[aria-pressed="true"]{color:#a83154;border-color:#a83154}
.product-action-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.detail-like-button:focus-visible,.detail-cart-button:focus-visible{outline:3px solid #ba9447;outline-offset:3px}
html[data-theme="dark"] .detail-like-button{background:var(--surface);color:var(--brand-green)}
html[data-theme="dark"] .detail-like-button[aria-pressed="true"]{color:#ff9bb8;border-color:#ff9bb8}
@media(max-width:880px){
 .product-page{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
 .product-page .detail-page{padding-top:18px!important}
 .product-page .breadcrumb{margin-bottom:16px;font-size:.62rem;flex-wrap:wrap}
 .product-page .detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 .product-page .detail-gallery{gap:10px!important;margin:0!important;position:static!important}
 .product-page .main-placeholder.real-product-detail{width:100%!important;height:clamp(220px,42svh,340px)!important;min-height:0!important;max-height:340px!important;aspect-ratio:auto!important;padding:18px!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important;overflow:hidden}
 .product-page .detail-product-image{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;padding:0!important}
 .product-page .product-thumbnails{display:flex!important;justify-content:center;gap:8px;overflow:auto;padding:8px 0}
 .product-page .product-thumb{flex:0 0 46px;width:46px;height:46px;border-radius:0!important;padding:3px}
 .product-page .product-thumb img{width:100%;height:100%;object-fit:contain}
 .product-page .detail-info{position:static!important;padding:20px 0!important;min-width:0}
 .product-page .detail-info h1{font-family:Inter,Arial,sans-serif;font-size:1.2rem!important;font-weight:600;line-height:1.4!important;margin:8px 0 10px}
 .product-page .detail-price{font-family:Inter,Arial,sans-serif;font-size:1.45rem;font-weight:700;margin-bottom:16px}
 .product-page .detail-intro{font-size:.9rem;line-height:1.65}
 .product-page .product-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:1000;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface);box-shadow:0 -3px 14px #0000000b;gap:12px;align-items:stretch}
 .product-page .product-action-bar .detail-cart-button{min-height:50px;font-size:.9rem}
 .product-page .recommendations{padding-top:24px;padding-bottom:24px}
 .product-page .recommendations h2{font-family:Inter,Arial,sans-serif;font-size:1.2rem!important;font-weight:600}
}

/* Keep catalogue cards compact so four fit across desktop widths. */
@media (min-width:781px) {
  .product-grid,.herbs-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

/* Desktop catalog layout: four cards in both wellness and accessory grids. */
@media (min-width:781px) {
  body.storefront-2026 .product-grid,
  body.storefront-2026 .herbs-grid {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

.store-hero{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(36px,7vw,100px);
}
.store-hero .hero-copy{
  max-width:640px;
}

/* Product spotlight using the supplied OMA bottle photo. */
.storefront-2026 .hero-art>img{object-fit:contain;background:#fff;padding:10px}


@media(max-width:880px){.storefront-2026 .store-hero{grid-template-columns:1fr;gap:31px}.storefront-2026 .store-hero .hero-copy{max-width:640px}.storefront-2026 .hero-art{min-height:430px;max-width:580px;width:100%;margin:0 auto}}
@media(max-width:600px){.storefront-2026 .hero-art{min-height:360px}.storefront-2026 .hero-art-label{right:64px;left:20px;bottom:20px}}



/* Refined storefront finish from the latest visual review. */
:root{--cream:#fcfcfa;--brand:#17603b;--brand-deep:#10482e;--brand-green:#287047;--brand-green-strong:#1c5b38;--brand-green-soft:#edf5ef;--brand-green-line:#c2d7c7}
body.storefront-2026{background:#fcfcfa}
body.storefront-2026 .site-header{background:rgba(252,252,250,.96)}
.storefront-2026 .btn,.storefront-2026 .whatsapp-pill{border-radius:999px!important;box-shadow:0 7px 18px rgba(23,96,59,.14);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.storefront-2026 .btn:hover,.storefront-2026 .whatsapp-pill:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,96,59,.2)}
.storefront-2026 .btn-secondary{border-color:#b9d0c0;background:#fff}
.storefront-2026 .btn-secondary:hover{background:#edf5ef;color:#10482e}
.storefront-2026 .collection-tiles{gap:20px}
.storefront-2026 .collection-tile{min-height:370px;border:1px solid rgba(23,96,59,.14);border-radius:26px;background:#f2f7f3;box-shadow:0 12px 28px rgba(23,72,42,.09)}
.storefront-2026 .collection-tile img{object-fit:contain!important;object-position:center;background:#f7faf7;padding:14px 14px 98px;box-sizing:border-box}
.storefront-2026 .collection-tile>span{left:16px;right:16px;bottom:15px;padding:13px 17px;border:1px solid rgba(23,96,59,.1);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(23,72,42,.08)}
.storefront-2026 .collection-tile:hover>span{background:#fff}
.storefront-2026 .collection-tile b{color:#174d31!important}
.storefront-2026 .collection-tile small{color:#586b5e!important}
.storefront-2026 .collection-tile i{color:#17603b!important}
.storefront-2026 .quick-shop{margin-bottom:82px;padding:54px 34px 42px;border-radius:32px;background:linear-gradient(135deg,#f0f6f1,#f8faf7);border:1px solid #e0ebe2}
.storefront-2026 .quick-heading h2,.storefront-2026 .feature-heading h2{color:#174d31}
.storefront-2026 .product-card{border-radius:22px!important;border-color:#d9e7dc!important;box-shadow:0 6px 18px rgba(23,72,42,.055)!important}
.storefront-2026 .product-card:hover{box-shadow:0 16px 34px rgba(23,72,42,.12)!important}
.storefront-2026 .product-image-wrap{background:#f8fbf8}
.storefront-2026 .cart-button{border-radius:50%!important;box-shadow:0 5px 15px rgba(23,96,59,.12)}
.storefront-2026 .how-order{background:linear-gradient(120deg,#155b38,#24764a)}
.storefront-2026 .how-order .steps li{border-color:rgba(255,255,255,.34)}
.storefront-2026 .how-order .steps span,.storefront-2026 .how-order .eyebrow{color:#b9edc7}
.storefront-2026 .contact-section{background:#edf5ef}
.storefront-2026 .floating-whatsapp{background:#17603b}
@media(max-width:880px){.storefront-2026 .quick-shop{margin-bottom:54px;padding:38px 22px 28px;border-radius:26px}.storefront-2026 .collection-tiles{gap:14px}}
@media(max-width:600px){.storefront-2026 .collection-tile{min-height:245px;border-radius:22px}.storefront-2026 .collection-tile img{padding:8px 8px 92px}.storefront-2026 .quick-shop{padding:30px 14px 20px;border-radius:22px}.storefront-2026 .btn,.storefront-2026 .whatsapp-pill{min-height:48px}.storefront-2026 .hero-actions .btn{padding-inline:14px}}

/* Latest storefront refinements */
.storefront-2026 .store-hero h1{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:-.07em;line-height:.98}
.storefront-2026 .collection-tile img{background:#fff!important}
.storefront-2026 .how-order{background:linear-gradient(120deg,#0d4028,#155b38)}
.storefront-2026 .how-order .steps li{border-color:rgba(255,255,255,.26)}
@media(max-width:600px){.storefront-2026 .store-hero h1{font-size:clamp(2.8rem,12vw,3.65rem);letter-spacing:-.065em}}

/* Deeper, more considered ordering panel */
.storefront-2026 .how-order{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -25%,rgba(42,119,76,.38),transparent 55%),linear-gradient(135deg,#062d1d 0%,#0a3925 52%,#0d452b 100%);padding:96px 0 100px}
.storefront-2026 .how-order::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(218,246,224,.24) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.storefront-2026 .how-order .page-width{position:relative;z-index:1}
.storefront-2026 .how-order-heading .eyebrow{color:#b2e8bf}
.storefront-2026 .how-order h2{letter-spacing:-.045em;text-shadow:0 2px 22px rgba(0,0,0,.18)}
.storefront-2026 .steps{max-width:1020px;gap:18px;margin-top:52px}
.storefront-2026 .steps li{border:1px solid rgba(231,255,237,.16);border-radius:18px;background:rgba(255,255,255,.045);padding:23px 22px 21px;box-shadow:0 14px 35px rgba(0,0,0,.10);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.storefront-2026 .steps li:hover{transform:translateY(-3px);background:rgba(255,255,255,.075);border-color:rgba(231,255,237,.3)}
.storefront-2026 .steps span{color:#a9e5b8}
.storefront-2026 .steps h3{margin-top:13px;color:#fff}
.storefront-2026 .steps p{color:#d0e2d5;line-height:1.65;margin-bottom:0}
@media(max-width:600px){.storefront-2026 .how-order{padding:66px 0 70px}.storefront-2026 .steps{gap:10px;margin-top:28px}.storefront-2026 .steps li{padding:18px 16px;grid-template-columns:38px 1fr}.storefront-2026 .steps span{grid-row:span 2}.storefront-2026 .steps h3{margin:0}}
@media(prefers-reduced-motion:reduce){.storefront-2026 .steps li{transition:none}}

/* Slightly smaller hero brand heading */
.storefront-2026 .store-hero h1{font-size:clamp(3.35rem,6.1vw,5.7rem)}
@media(max-width:600px){.storefront-2026 .store-hero h1{font-size:clamp(2.65rem,11vw,3.3rem)}}