/* ========================================================================== 
   HEALING WITH DMSO - ECOSYSTEM PARITY V2
   Small site-specific layer on top of the current DMSO Store/YumNaturals UI.
   ========================================================================== */

:root{
  --dmso-primary:#234B3E;
  --dmso-dark:#17382F;
  --dmso-secondary:#537162;
  --dmso-accent:#B98B43;
  --dmso-accent-soft:#D9E3DB;
  --dmso-muted-indigo:#9FB2A7;
  --dmso-mist:#E6EFE9;
  --dmso-soft:#F1F5F2;
  --dmso-sage:#5F746A;
  --dmso-line:#E0E7E1;
  --dmso-wp-primary:#234B3E;
  --dmso-wp-dark:#17382F;
  --dmso-wp-sage:#5F746A;
  --dmso-wp-sage-dark:#4E665B;
  --dmso-wp-accent:#B98B43;
  --dmso-wp-gold:#B98B43;
  --dmso-wp-mist:#E6EFE9;
  --dmso-wp-soft:#E9F0EB;
}

/* Shared wordmark built from the established four-tree Healing with DMSO mark. */
.dmso-brand.hwd-brand{
  min-width:218px;
  gap:10px;
}
.hwd-brand-trees{
  display:block;
  width:106px;
  max-width:106px;
  height:46px;
  object-fit:contain;
  object-position:left center;
}
.hwd-brand-name{
  display:flex;
  flex-direction:column;
  color:var(--dmso-primary);
  line-height:1.02;
}
.hwd-brand-name strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
  white-space:nowrap;
}
.hwd-brand-name small{
  margin-top:5px;
  color:var(--dmso-accent);
  font-size:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}

/* Hero: same DMSO Store composition, with book-first content. */
.hwd-home-v2 .dmso-hero-media-slide-1{object-position:center center}
.hwd-home-v2 .dmso-hero-media-slide-2{object-position:center 55%}
.hwd-home-v2 .dmso-hero-panel{max-width:720px}
.hwd-home-v2 .dmso-hero-panel h1{max-width:690px}
.hwd-home-v2 .dmso-hero-copy{max-width:680px}
.hwd-home-v2 .dmso-hero-welcome{cursor:pointer;text-decoration:none}
.hwd-home-v2 .dmso-welcome-play{font-size:1.35rem}

/* Book feature reuses the current DMSO book module but makes the real cover central. */
.hwd-book-feature .dmso-book-real-image{max-height:430px;width:auto;margin:auto}
.hwd-book-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.hwd-book-price{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;color:#fff}
.hwd-book-note{font-size:.75rem;color:rgba(255,255,255,.68)}
.hwd-book-actions{display:flex;flex-wrap:wrap;gap:12px}
.hwd-book-actions .dmso-button-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}

/* Chapter cards use the same value-card language as current ecosystem pages. */
.hwd-chapters-section{background:linear-gradient(180deg,#eef4ef 0%,#f8faf8 100%)}
.hwd-chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hwd-chapter-card{padding:25px 23px;border:1px solid rgba(35,75,62,.10);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(35,75,62,.045)}
.hwd-chapter-card>span{display:block;color:var(--dmso-accent);font-size:.66rem;font-weight:900;letter-spacing:.14em;margin-bottom:17px}
.hwd-chapter-card h3{font-family:Georgia,"Times New Roman",serif;color:var(--dmso-primary);font-size:1.28rem;line-height:1.28;margin:0 0 10px;font-weight:500}
.hwd-chapter-card p{color:var(--dmso-muted);font-size:.96rem;line-height:1.68;margin:0}

/* Current-site badge for the One Connected Ecosystem block. */
.hwd-current-card{position:relative}
.hwd-current-card:before{content:"YOU ARE HERE";position:absolute;right:16px;top:16px;padding:6px 9px;border-radius:999px;background:var(--dmso-primary);color:#fff;font-size:.56rem;font-weight:900;letter-spacing:.11em;z-index:3}

/* Footer logo treatment mirrors the full store footers without inventing a new logo. */
.hwd-footer-wordmark{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#fff!important;text-decoration:none!important}
.hwd-footer-wordmark img{display:block;width:112px;height:48px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}
.hwd-footer-wordmark strong{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:500;color:#fff}

/* Newsletter tree mark: retain the shared connection motif in HWD green. */
.dmso-tree-connection img{display:block;width:74px;height:74px;object-fit:contain;filter:saturate(.72) brightness(1.15)}

/* HWD policy / commerce language. */
body.dmso-wp-commerce-active .dmso-wp-shop-hero{background:#E6EFE9}
body.dmso-wp-commerce-active .dmso-wp-main-nav a{color:var(--dmso-primary)}

/* Make native search visually present but intentionally light on this one-product site. */
.dmso-search-link svg,.dmso-mobile-search-link svg{stroke:currentColor;fill:none}

/* Woo: current DMSO layer carries the layout; these only tune the green identity. */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,
body.dmso-wp-commerce-active .woocommerce a.button,
body.dmso-wp-commerce-active .woocommerce button.button{
  background:var(--dmso-primary)!important;
  border-color:var(--dmso-primary)!important;
  color:#fff!important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,
body.dmso-wp-commerce-active .woocommerce a.button:hover,
body.dmso-wp-commerce-active .woocommerce button.button:hover{
  background:var(--dmso-dark)!important;
  border-color:var(--dmso-dark)!important;
}

@media(max-width:1180px){
  .dmso-brand.hwd-brand{min-width:185px}
  .hwd-brand-trees{width:88px;max-width:88px}
  .hwd-brand-name strong{font-size:16px}
}
@media(max-width:1020px){
  .dmso-brand.hwd-brand{min-width:0;max-width:240px}
  .hwd-brand-trees{width:82px;max-width:82px}
  .hwd-brand-name strong{font-size:15px}
  .hwd-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .hwd-brand-trees{width:72px;max-width:72px;height:39px}
  .hwd-brand-name strong{font-size:13px}
  .hwd-brand-name small{display:none}
  .hwd-chapter-grid{grid-template-columns:1fr}
  .hwd-book-actions{flex-direction:column}
  .hwd-book-actions .dmso-button{width:100%}
}

/* ========================================================================== 
   HEALING WITH DMSO - ECOSYSTEM PARITY V2.1
   Focused polish pass based on Alex's supplied brand/book/retailer assets.
   Keeps the approved V2 layout and architecture intact.
   ========================================================================== */

/* --- Header / logo asset parity --- */
.hwd-home-v21 ~ *{}
.dmso-brand.hwd-brand .hwd-brand-trees{
  width:108px;
  max-width:108px;
  height:47px;
  object-fit:contain;
  object-position:left center;
  background:transparent;
}

/* --- Hero: keep the approved composition, woods image first, add depth --- */
.hwd-home-v21 .dmso-hero{
  background:#e8eee9;
  box-shadow:inset 0 -1px rgba(23,56,47,.08);
}
.hwd-home-v21 .dmso-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(18,45,38,.11),transparent 40%,rgba(248,245,236,.08)),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(22,55,47,.10));
  z-index:1;
}
.hwd-home-v21 .dmso-hero-shell{position:relative;z-index:3}
.hwd-home-v21 .dmso-hero-panel{
  background:linear-gradient(145deg,rgba(255,253,248,.965),rgba(244,248,244,.945));
  box-shadow:0 26px 65px rgba(16,45,39,.16),inset 0 1px rgba(255,255,255,.8);
}

/* --- Rebuilt four-icon strip: editorial line icons, no solid placeholders --- */
.hwd-home-v21 .dmso-customer-proof{
  background:linear-gradient(180deg,#fffdf9 0%,#f5f7f3 100%);
}
.hwd-home-v21 .dmso-trust-ribbon{
  background:linear-gradient(90deg,#fffdf9 0%,#f3f7f2 52%,#fffdf9 100%)!important;
  box-shadow:0 10px 26px rgba(35,75,62,.04)!important;
}
.hwd-home-v21 .hwd-trust-ribbon-v21{min-height:86px!important}
.hwd-home-v21 .hwd-trust-ribbon-v21 .dmso-trust-ribbon-item{
  justify-content:flex-start!important;
  gap:15px!important;
  padding:16px 25px!important;
  text-align:left!important;
  color:var(--dmso-primary)!important;
}
.hwd-home-v21 .hwd-page-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  stroke:#668d72!important;
  fill:none!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.hwd-home-v21 .hwd-ribbon-copy{display:flex;flex-direction:column;gap:4px;line-height:1.15}
.hwd-home-v21 .hwd-ribbon-copy strong{
  color:#244b3e;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hwd-home-v21 .hwd-ribbon-copy small{
  color:#758078;
  font-size:.68rem;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  line-height:1.3;
}

/* --- YumNaturals-inspired below-hero reader/learner band, without fabricated reviews --- */
.hwd-reader-path{
  position:relative;
  overflow:hidden;
  padding:66px 0;
  background:
    radial-gradient(circle at 8% 10%,rgba(217,227,219,.72),transparent 31%),
    radial-gradient(circle at 88% 80%,rgba(185,139,67,.12),transparent 30%),
    linear-gradient(115deg,#f9f4df 0%,#fbf8ec 42%,#eef4ee 100%);
  border-bottom:1px solid rgba(35,75,62,.08);
}
.hwd-reader-path:before{
  content:"";
  position:absolute;
  left:-90px;
  bottom:-130px;
  width:330px;
  height:330px;
  border-radius:50%;
  border:1px solid rgba(35,75,62,.07);
}
.hwd-reader-path-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.88fr 1.45fr .67fr;
  gap:44px;
  align-items:center;
}
.hwd-reader-path-title h2{
  margin:7px 0 13px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.35rem,4vw,4rem);
  line-height:.98;
  letter-spacing:-.04em;
  font-weight:500;
  color:#183c31;
}
.hwd-reader-path-mark{
  color:#6f8444;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
}
.hwd-reader-path-copy p{
  margin:0 0 14px;
  color:#4f5e56;
  font-size:1rem;
  line-height:1.72;
}
.hwd-reader-path-summary{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:13px 15px;
  align-items:center;
  padding:17px;
  border-radius:23px;
  border:1px solid rgba(35,75,62,.12);
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 36px rgba(35,75,62,.08);
  backdrop-filter:blur(5px);
}
.hwd-reader-path-summary img{
  width:72px;
  height:90px;
  object-fit:contain;
  grid-row:1 / span 2;
  filter:drop-shadow(0 8px 12px rgba(35,75,62,.12));
}
.hwd-reader-path-summary>div{display:flex;flex-direction:column}
.hwd-reader-path-summary strong{font-family:Georgia,serif;color:#6c7b37;font-size:2.55rem;line-height:.85;font-weight:500}
.hwd-reader-path-summary span{font-family:Georgia,serif;color:#17382f;font-size:1.05rem}
.hwd-reader-path-summary small{color:#788179;font-size:.68rem;line-height:1.35;margin-top:3px}
.hwd-reader-path-summary .dmso-button{
  grid-column:1 / -1;
  width:100%;
  min-height:42px;
  color:#17382f!important;
  border-color:rgba(23,56,47,.32)!important;
  background:rgba(255,255,255,.68)!important;
}

/* --- Published guide: supplied transparent book render + high-contrast CTAs --- */
.hwd-home-v21 .hwd-book-feature{
  position:relative;
  background:
    radial-gradient(circle at 18% 35%,rgba(122,170,126,.24),transparent 30%),
    radial-gradient(circle at 88% 15%,rgba(185,139,67,.16),transparent 24%),
    linear-gradient(135deg,#102f28 0%,#1d493c 51%,#396755 100%)!important;
}
.hwd-home-v21 .hwd-book-feature:after{
  content:"";
  position:absolute;
  inset:auto -120px -220px auto;
  width:520px;
  height:520px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
.hwd-home-v21 .hwd-book-feature .dmso-shell{position:relative;z-index:2}
.hwd-home-v21 .hwd-book-feature .dmso-book-art:before{
  width:430px;
  height:430px;
  background:radial-gradient(circle,rgba(255,255,255,.14),rgba(185,139,67,.08) 52%,transparent 70%);
  border:1px solid rgba(255,255,255,.10);
}
.hwd-home-v21 .hwd-book-render-v21{
  max-height:500px!important;
  max-width:min(100%,560px)!important;
  width:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 26px 28px rgba(0,0,0,.22));
  transition:transform .25s ease;
}
.hwd-home-v21 .dmso-book-image-link:hover .hwd-book-render-v21{transform:translateY(-4px) scale(1.012)}
.hwd-home-v21 .hwd-book-actions{gap:13px}
.hwd-home-v21 .hwd-book-actions .dmso-button-primary{
  background:linear-gradient(180deg,#edc77d,#d6a353)!important;
  border:1px solid #f2d79f!important;
  color:#17382f!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.45)!important;
}
.hwd-home-v21 .hwd-book-actions .dmso-button-primary:hover{
  background:linear-gradient(180deg,#f2d18d,#dfa95a)!important;
  transform:translateY(-1px);
}
.hwd-home-v21 .hwd-book-actions .dmso-button-ghost{
  background:#fffdf9!important;
  border:1px solid rgba(255,255,255,.96)!important;
  color:#17382f!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14)!important;
}
.hwd-home-v21 .hwd-book-actions .dmso-button-ghost:hover{background:#f1f5ef!important}

/* --- New supplied publisher / retailer logo strip --- */
.hwd-available-section{
  position:relative;
  overflow:hidden;
  padding:38px 0 44px;
  background:
    radial-gradient(circle at 92% 70%,rgba(217,227,219,.50),transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#f5f2e9 100%);
  border-bottom:1px solid rgba(35,75,62,.08);
}
.hwd-available-heading{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-bottom:26px}
.hwd-available-heading span{height:1px;background:linear-gradient(90deg,transparent,rgba(35,75,62,.22))}
.hwd-available-heading span:last-child{background:linear-gradient(90deg,rgba(35,75,62,.22),transparent)}
.hwd-available-heading h2{
  margin:0;
  color:#9a6c2f;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.hwd-retailer-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.hwd-retailer-logo{
  min-height:86px;
  display:grid;
  place-items:center;
  padding:13px 24px;
  position:relative;
}
.hwd-retailer-logo:not(:last-child):after{content:"";position:absolute;right:0;top:16px;bottom:16px;width:1px;background:rgba(35,75,62,.12)}
.hwd-retailer-logo img{max-width:190px;max-height:68px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.78;transition:.2s ease}
.hwd-retailer-logo:hover img{opacity:1;filter:grayscale(1) contrast(1.12)}

/* --- More depth through all major content sections --- */
.hwd-home-v21 .hwd-chapters-section{
  background:
    radial-gradient(circle at 7% 16%,rgba(181,207,185,.38),transparent 27%),
    radial-gradient(circle at 93% 82%,rgba(185,139,67,.09),transparent 24%),
    linear-gradient(180deg,#edf4ee 0%,#f7faf6 58%,#e8f0e8 100%)!important;
}
.hwd-home-v21 .hwd-chapter-card{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,249,244,.92));
  box-shadow:0 14px 34px rgba(35,75,62,.07),inset 0 1px rgba(255,255,255,.8);
}
.hwd-home-v21 .dmso-learning-start-v55{
  background:
    radial-gradient(circle at 12% 15%,rgba(121,162,119,.30),transparent 29%),
    radial-gradient(circle at 85% 80%,rgba(185,139,67,.15),transparent 27%),
    linear-gradient(135deg,#0d2d26 0%,#19483a 52%,#345f4d 100%)!important;
}
.hwd-home-v21 .dmso-amandha-section{
  background:
    radial-gradient(circle at 18% 30%,rgba(222,232,224,.75),transparent 29%),
    linear-gradient(135deg,#f1f6f1 0%,#fffdf9 61%,#f7f0df 100%)!important;
}
.hwd-home-v21 .dmso-faq-section{
  background:
    radial-gradient(circle at 87% 20%,rgba(219,231,221,.45),transparent 25%),
    linear-gradient(180deg,#fffdf9,#f7f5ef)!important;
}
.hwd-home-v21 .dmso-ecosystem-section{
  background:
    radial-gradient(circle at 12% 12%,rgba(166,198,172,.27),transparent 29%),
    radial-gradient(circle at 88% 25%,rgba(202,174,116,.15),transparent 28%),
    linear-gradient(180deg,#edf4ee 0%,#fffdf9 100%)!important;
}

/* --- Starting Point: middle card is now the DMSO Store bridge --- */
.hwd-learning-store-visual{
  background:
    radial-gradient(circle at 75% 20%,rgba(204,177,121,.25),transparent 24%),
    radial-gradient(circle at 25% 85%,rgba(144,188,150,.30),transparent 28%),
    linear-gradient(145deg,#edf2e9,#dfe9df)!important;
  padding:24px;
}
.hwd-store-logo-panel{
  width:min(86%,330px);
  min-height:145px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:16px;
  border-radius:20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(35,75,62,.12);
  box-shadow:0 14px 34px rgba(35,75,62,.10);
}
.hwd-store-logo-panel img{width:min(220px,78%)!important;height:auto!important;max-height:72px!important;object-fit:contain!important;padding:0!important}
.hwd-store-logo-panel span{color:#557065;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* --- Newsletter: one grayscale tree image on the right, no extra connection card --- */
.hwd-newsletter-v21{
  background:
    radial-gradient(circle at 8% 10%,rgba(185,139,67,.24),transparent 29%),
    radial-gradient(circle at 88% 75%,rgba(142,172,148,.18),transparent 28%),
    linear-gradient(135deg,#102f28 0%,#1c4b3d 52%,#345f4d 100%)!important;
}
.hwd-newsletter-grid-v21{
  display:grid;
  grid-template-columns:1.02fr 1.05fr 150px;
  gap:42px;
  align-items:center;
}
.hwd-newsletter-form-wrap{min-width:0}
.hwd-newsletter-tree{display:grid;place-items:center;align-self:stretch;min-height:150px}
.hwd-newsletter-tree img{
  width:135px;
  max-height:150px;
  object-fit:contain;
  opacity:.72;
  filter:grayscale(1) brightness(1.45) contrast(.86);
}

/* --- Footer: grayscale tree group, no white picture box --- */
.hwd-footer-wordmark img{
  width:126px!important;
  height:54px!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  filter:grayscale(1) brightness(1.65) contrast(.80);
  opacity:.92;
}

@media(max-width:1020px){
  .hwd-reader-path-grid{grid-template-columns:1fr 1.2fr;gap:30px}
  .hwd-reader-path-summary{grid-column:1 / -1;grid-template-columns:72px 1fr auto}
  .hwd-reader-path-summary .dmso-button{grid-column:auto;width:auto;min-width:180px}
  .hwd-retailer-grid{grid-template-columns:repeat(2,1fr)}
  .hwd-retailer-logo:nth-child(2):after{display:none}
  .hwd-retailer-logo:nth-child(-n+2){border-bottom:1px solid rgba(35,75,62,.10)}
  .hwd-newsletter-grid-v21{grid-template-columns:1fr 1fr;gap:30px}
  .hwd-newsletter-tree{grid-column:1 / -1;min-height:90px}
  .hwd-newsletter-tree img{width:95px;max-height:95px}
}

@media(max-width:620px){
  .dmso-brand.hwd-brand .hwd-brand-trees{width:74px;max-width:74px;height:40px}
  .hwd-home-v21 .hwd-trust-ribbon-v21{min-height:0!important}
  .hwd-home-v21 .hwd-trust-ribbon-v21 .dmso-trust-ribbon-item{padding:14px 4px!important}
  .hwd-home-v21 .hwd-page-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .hwd-reader-path{padding:52px 0}
  .hwd-reader-path-grid{grid-template-columns:1fr;gap:24px}
  .hwd-reader-path-summary{grid-column:auto;grid-template-columns:68px 1fr}
  .hwd-reader-path-summary .dmso-button{grid-column:1 / -1;width:100%}
  .hwd-home-v21 .hwd-book-render-v21{max-height:375px!important;max-width:100%!important}
  .hwd-retailer-grid{grid-template-columns:1fr 1fr}
  .hwd-retailer-logo{min-height:74px;padding:12px 10px}
  .hwd-retailer-logo img{max-width:130px;max-height:54px}
  .hwd-newsletter-grid-v21{grid-template-columns:1fr;gap:23px}
  .hwd-newsletter-tree{grid-column:auto;min-height:85px}
  .hwd-newsletter-tree img{width:85px;max-height:85px}
}

@media(prefers-reduced-motion:reduce){
  .hwd-home-v21 .dmso-book-image-link:hover .hwd-book-render-v21{transform:none}
}


/* ==========================================================================
   HEALING WITH DMSO - ECOSYSTEM PARITY V2.2
   Focused refinement: tree-only wordmark, new supplied hero banners,
   shorter reader path, DMSO Store screenshot tile, and DMSO-parity footer.
   ========================================================================== */

/* Header: tree mark only and green navigation appropriate to HWD. */
.dmso-header .dmso-brand.hwd-brand{
  min-width:150px!important;
  gap:0!important;
}
.dmso-header .dmso-brand.hwd-brand .hwd-brand-trees{
  width:132px!important;
  max-width:132px!important;
  height:54px!important;
}
.dmso-header .dmso-menu a,
.dmso-header .dmso-mobile-search-link{
  color:#31584b!important;
}
.dmso-header .dmso-menu a:hover,
.dmso-header .dmso-mobile-search-link:hover{
  color:#17382f!important;
}
.dmso-header .dmso-menu-cart a{
  color:#31584b!important;
  border-color:rgba(49,88,75,.18)!important;
}
.dmso-header .dmso-menu-cart a:hover{
  color:#17382f!important;
  border-color:rgba(23,56,47,.34)!important;
}

/* Hero: exact two user-supplied banners, woods first. */
.hwd-home-v22 .dmso-hero-media-slide-1{object-position:center center!important}
.hwd-home-v22 .dmso-hero-media-slide-2{object-position:42% center!important}

/* Reader path: retain the approved content but shorten the band. */
.hwd-home-v22 .hwd-reader-path{padding:44px 0!important}
.hwd-home-v22 .hwd-reader-path-title h2{margin-top:0!important}
.hwd-home-v22 .hwd-reader-path-grid{gap:34px!important}

/* Starting Point: show the supplied DMSO Store hero screenshot directly. */
.hwd-home-v22 .hwd-learning-store-visual{
  padding:0!important;
  background:#e8eee9!important;
}
.hwd-home-v22 .hwd-learning-store-visual img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center top!important;
  padding:0!important;
}

/* Newsletter: mirror the DMSO Store two-column composition. */
.hwd-newsletter-v22{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 12%,rgba(185,139,67,.22),transparent 31%),
    radial-gradient(circle at 90% 88%,rgba(142,172,148,.17),transparent 32%),
    linear-gradient(135deg,#102f28 0%,#1b4a3c 54%,#3d6655 100%)!important;
}
.hwd-newsletter-grid-v22{
  grid-template-columns:.92fr 1.08fr!important;
  gap:62px!important;
  align-items:center!important;
}
.hwd-newsletter-copy-v22{position:relative;isolation:isolate}
.hwd-newsletter-copy-v22::before{
  content:"";
  position:absolute;
  z-index:0;
  left:-40px;
  top:-46px;
  width:min(410px,43vw);
  height:min(300px,34vw);
  background-image:url('../images/brand/hwd-trees-gray.webp');
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
  opacity:.10;
  filter:grayscale(1) brightness(2.7) contrast(.72);
  pointer-events:none;
}
.hwd-newsletter-copy-v22>*{position:relative;z-index:1}
.hwd-newsletter-copy-v22 h2{max-width:560px}
.hwd-newsletter-action-v22{min-width:0}
.hwd-connection-note-v22{margin-top:20px!important}
.hwd-tree-connection-v22{overflow:hidden!important;font-size:0!important;line-height:0!important}
.hwd-tree-connection-v22 img{
  display:block!important;
  width:68%!important;
  height:68%!important;
  object-fit:contain!important;
  filter:grayscale(1) brightness(3.0) contrast(.62)!important;
  opacity:.82!important;
}

/* Footer: full-color tree mark only, then explanatory copy like DMSO Store. */
.hwd-footer-brand-v22{display:block!important}
.hwd-footer-logo-v22{
  display:block!important;
  width:max-content!important;
  margin:0 0 18px!important;
  text-decoration:none!important;
}
.hwd-footer-logo-v22 img{
  display:block!important;
  width:150px!important;
  max-width:100%!important;
  height:62px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  padding:0!important;
  filter:none!important;
}
.hwd-footer-brand-v22 p{margin-top:0!important}

@media(max-width:1020px){
  .dmso-header .dmso-brand.hwd-brand{min-width:130px!important}
  .dmso-header .dmso-brand.hwd-brand .hwd-brand-trees{width:116px!important;max-width:116px!important;height:49px!important}
  .hwd-newsletter-grid-v22{grid-template-columns:1fr!important;gap:30px!important}
  .hwd-newsletter-copy-v22::before{left:auto;right:-70px;top:-26px;width:330px;height:240px}
}
@media(max-width:620px){
  .dmso-header .dmso-brand.hwd-brand{min-width:96px!important;max-width:108px!important}
  .dmso-header .dmso-brand.hwd-brand .hwd-brand-trees{width:96px!important;max-width:96px!important;height:43px!important}
  .hwd-home-v22 .hwd-reader-path{padding:36px 0!important}
  .hwd-home-v22 .hwd-reader-path-grid{gap:20px!important}
  .hwd-newsletter-copy-v22::before{right:-55px;top:-10px;width:240px;height:180px;opacity:.08}
  .hwd-footer-logo-v22 img{width:128px!important;height:54px!important}
}


/* ==========================================================================
   HEALING WITH DMSO - ECOSYSTEM PARITY V2.3
   Focused refinement: larger brand mark, green navigation, revised hero copy,
   direct-to-checkout purchase CTAs, tighter retailer strip, enlarged DMSO
   Store bridge image, stronger newsletter watermark and smaller footer mark.
   ========================================================================== */

/* Header: make the tree mark comparable in visual weight to the sister stores. */
body.hwd-commerce-theme .dmso-header .dmso-brand.hwd-brand{
  min-width:196px!important;
}
body.hwd-commerce-theme .dmso-header .dmso-brand.hwd-brand .hwd-brand-trees{
  width:176px!important;
  max-width:176px!important;
  height:72px!important;
}

/* Use the Healing with DMSO green unmistakably for every primary menu state. */
body.hwd-commerce-theme .dmso-header .dmso-primary-nav .dmso-menu > li > a,
body.hwd-commerce-theme .dmso-header .dmso-primary-nav .dmso-mobile-search-link,
body.hwd-commerce-theme .dmso-header .dmso-menu-cart > a{
  color:#234b3e!important;
}
body.hwd-commerce-theme .dmso-header .dmso-primary-nav .dmso-menu > li > a:hover,
body.hwd-commerce-theme .dmso-header .dmso-primary-nav .dmso-mobile-search-link:hover,
body.hwd-commerce-theme .dmso-header .dmso-menu-cart > a:hover{
  color:#17382f!important;
}

/* Longer V2.3 hero title: preserve the existing card while keeping readable rhythm. */
.hwd-home-v23 .dmso-hero-panel h1{
  font-size:clamp(2.65rem,4.35vw,4.55rem)!important;
  line-height:1.01!important;
  max-width:100%!important;
}
.hwd-home-v23 .dmso-hero-panel h1 em{color:#17382f}

/* Bring retailer/publisher marks directly under the book section; no heading. */
.hwd-home-v23 .hwd-book-feature{
  padding-bottom:62px!important;
}
.hwd-retailer-strip-v23{
  padding:14px 0 25px!important;
}
.hwd-retailer-strip-v23 .hwd-retailer-grid{
  margin-top:0!important;
}

/* Direct-purchase CTAs should read as purchase actions, not AJAX cart controls. */
.hwd-purchase-now{
  cursor:pointer;
}

/* Starting Point: zoom the supplied DMSO Store screenshot so it fills the frame
   with the same visual impact as the photographic cards on either side. */
.hwd-home-v23 .hwd-learning-store-visual{
  overflow:hidden!important;
}
.hwd-home-v23 .hwd-learning-store-visual img{
  transform:scale(1.20)!important;
  transform-origin:center 30%!important;
  object-position:center 30%!important;
}

/* Make the grayscale four-tree newsletter watermark clearly visible behind the title. */
.hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{
  left:-24px!important;
  top:18px!important;
  width:min(500px,48vw)!important;
  height:min(225px,26vw)!important;
  opacity:.16!important;
  background-position:left center!important;
  filter:grayscale(1) brightness(2.55) contrast(.78)!important;
}

/* Footer: reduce the full-color tree mark by half from V2.2. */
.hwd-footer-logo-v22 img{
  width:75px!important;
  height:34px!important;
}
.hwd-footer-logo-v22{
  margin-bottom:14px!important;
}

@media(max-width:1180px) and (min-width:1021px){
  body.hwd-commerce-theme .dmso-header .dmso-brand.hwd-brand{min-width:166px!important}
  body.hwd-commerce-theme .dmso-header .dmso-brand.hwd-brand .hwd-brand-trees{width:150px!important;max-width:150px!important;height:64px!important}
  .hwd-home-v23 .dmso-hero-panel h1{font-size:clamp(2.55rem,4.4vw,4rem)!important}
}
@media(max-width:1020px){
  body.hwd-commerce-theme .dmso-header .dmso-brand.hwd-brand{min-width:142px!important}
  body.hwd-commerce-theme .dmso-header .dmso-brand.hwd-brand .hwd-brand-trees{width:132px!important;max-width:132px!important;height:56px!important}
  .hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{left:auto!important;right:-30px!important;top:15px!important;width:360px!important;height:175px!important;opacity:.13!important}
}
@media(max-width:620px){
  body.hwd-commerce-theme .dmso-header .dmso-brand.hwd-brand{min-width:108px!important;max-width:118px!important}
  body.hwd-commerce-theme .dmso-header .dmso-brand.hwd-brand .hwd-brand-trees{width:108px!important;max-width:108px!important;height:46px!important}
  .hwd-home-v23 .dmso-hero-panel h1{font-size:clamp(2.35rem,10.8vw,3.5rem)!important}
  .hwd-home-v23 .hwd-book-feature{padding-bottom:48px!important}
  .hwd-retailer-strip-v23{padding:10px 0 20px!important}
  .hwd-home-v23 .hwd-learning-store-visual img{transform:scale(1.13)!important}
  .hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{right:-22px!important;top:22px!important;width:255px!important;height:125px!important;opacity:.11!important}
  .hwd-footer-logo-v22 img{width:64px!important;height:30px!important}
}

/* ==========================================================================
   HEALING WITH DMSO - ECOSYSTEM PARITY V2.4
   Newsletter/footer parity pass against the current DMSO Store source.
   ========================================================================== */

/* DMSO Store uses a large, pale tree watermark behind the newsletter copy.
   HWD now uses Alex's supplied grayscale four-tree artwork in the same role. */
.hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{
  left:-48px!important;
  top:-34px!important;
  width:min(650px,56vw)!important;
  height:min(285px,30vw)!important;
  background-image:url('../images/brand/hwd-trees-gray-watermark.webp')!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  background-size:contain!important;
  opacity:.14!important;
  filter:grayscale(1) brightness(2.65) contrast(.72)!important;
  pointer-events:none!important;
}

/* Restore the footer tree mark to the requested desktop footprint. */
.hwd-footer-logo-v22 img{
  width:173px!important;
  max-width:173px!important;
  height:69px!important;
  max-height:69px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

@media(max-width:1020px){
  .hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{
    left:-34px!important;
    right:auto!important;
    top:-24px!important;
    width:min(560px,72vw)!important;
    height:min(250px,34vw)!important;
    opacity:.13!important;
  }
  .hwd-footer-logo-v22 img{
    width:150px!important;
    max-width:150px!important;
    height:60px!important;
    max-height:60px!important;
  }
}

@media(max-width:620px){
  .hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{
    left:-22px!important;
    right:auto!important;
    top:-6px!important;
    width:360px!important;
    height:150px!important;
    opacity:.11!important;
  }
  .hwd-footer-logo-v22 img{
    width:130px!important;
    max-width:130px!important;
    height:52px!important;
    max-height:52px!important;
  }
}


/* ==========================================================================
   HEALING WITH DMSO - ECOSYSTEM PARITY V2.5
   Final preview refinements: support route, current-card badge and newsletter.
   ========================================================================== */

/* The current ecosystem card already says "You Are Here" in its normal CTA row.
   Remove the duplicate floating badge above the image. */
.hwd-current-card::before{
  content:none!important;
  display:none!important;
}

/* V2.4 made the four-tree newsletter watermark intentionally prominent.
   V2.5 reduces its footprint by ~25% while keeping the same DMSO Store-style role. */
.hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{
  width:min(488px,42vw)!important;
  height:min(214px,23vw)!important;
}

@media(max-width:1020px){
  .hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{
    width:min(420px,54vw)!important;
    height:min(188px,26vw)!important;
  }
}

@media(max-width:620px){
  .hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{
    width:270px!important;
    height:113px!important;
  }
}


/* ================================================================
   HWD V2.6 - Copy polish only. Preserve approved layout while allowing
   richer chapter previews and one closing book CTA.
   ================================================================ */
.hwd-home-v26 .hwd-chapter-card p strong{display:block;color:var(--dmso-primary);font-weight:800;margin-bottom:5px}
.hwd-home-v26 .hwd-chapter-closing{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:32px;text-align:center}
.hwd-home-v26 .hwd-chapter-closing strong{font-family:Georgia,"Times New Roman",serif;color:var(--dmso-primary);font-size:1.2rem;font-weight:500}
@media (max-width:700px){
  .hwd-home-v26 .hwd-chapter-closing{gap:14px;margin-top:24px}
  .hwd-home-v26 .hwd-chapter-closing .dmso-button{width:100%}
}


/* ================================================================
   HWD V2.7 - Reader testimonials + improved chapter readability.
   ================================================================ */
.hwd-home-v26 .hwd-book-testimonials-section{background:linear-gradient(180deg,#fffdf9 0%,#f4f1ea 100%)}
.hwd-home-v26 .hwd-book-testimonials-section .dmso-section-heading{max-width:860px;margin-left:auto;margin-right:auto}
.hwd-home-v26 .hwd-book-testimonials-section .dmso-section-heading p{max-width:760px;margin-left:auto;margin-right:auto}
.hwd-home-v26 .hwd-chapter-card{padding:28px 25px}
.hwd-home-v26 .hwd-chapter-card>span{font-size:.74rem}
.hwd-home-v26 .hwd-chapter-card p strong{margin-bottom:7px}
@media (max-width:980px){
  .hwd-home-v26 .hwd-chapter-card h3{font-size:1.2rem}
  .hwd-home-v26 .hwd-chapter-card p{font-size:.92rem}
}


/* ================================================================
   HWD V2.9 - final navigation alignment
   ================================================================ */
/* The book section has slightly deeper top padding than the other homepage
   sections. A small scroll margin stops the sticky header from making its
   in-page navigation landing feel lower/cropped than the other menu links. */
.hwd-home-v26 #book{scroll-margin-top:20px}

/* ================================================================
   HWD V2.10 - footer mark + newsletter watermark final alignment.
   ================================================================ */
.hwd-footer-logo-v22 img{
  width:173px!important;
  max-width:173px!important;
  height:69px!important;
  max-height:69px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
/* Shift the four-tree watermark ~5% to the right while preserving its size. */
.hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{
  left:-24px!important;
}
@media(max-width:1020px){
  .hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{left:-17px!important;right:auto!important}
}
@media(max-width:620px){
  .hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{left:-10px!important;right:auto!important}
}


/* ================================================================
   HWD V2.11 - final pre-launch polish.
   ================================================================ */
/* Move the newsletter watermark back left by roughly 3% from V2.10. */
.hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{left:-39px!important}
@media(max-width:1020px){.hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{left:-30px!important;right:auto!important}}
@media(max-width:620px){.hwd-newsletter-v22 .hwd-newsletter-copy-v22::before{left:-18px!important;right:auto!important}}

/* ==========================================================================
   HEALING WITH DMSO - FINAL POLISH V2.12
   - vertically center cart badge
   - 404 page parity with sister stores
   ========================================================================== */

/* Cart button + badge alignment */
body.hwd-commerce-theme .dmso-header .dmso-menu-cart > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  line-height:1 !important;
}

body.hwd-commerce-theme .dmso-header .dmso-menu-cart .hwd-cart-count,
body.hwd-commerce-theme .dmso-header .dmso-menu-cart .ybn-cart-count-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  vertical-align:middle !important;
  border-radius:999px !important;
  text-align:center !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  position:relative !important;
  top:0 !important;
}

/* 404 page: remove odd inner box and match the simpler two-button layout */
body.dmso-wp-commerce-active .dmso-wp-404-surface{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:34px 72px 86px !important;
}

body.dmso-wp-commerce-active .dmso-wp-404-surface .dmso-wp-commerce-system-panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  max-width:none !important;
}

body.dmso-wp-commerce-active .dmso-wp-404-surface .dmso-wp-404-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  flex-wrap:wrap !important;
}

body.dmso-wp-commerce-active .dmso-wp-404-surface .dmso-wp-404-actions .dmso-wp-btn{
  min-width:260px !important;
}

@media (max-width: 767px){
  body.dmso-wp-commerce-active .dmso-wp-404-surface{
    padding:28px 22px 64px !important;
  }

  body.dmso-wp-commerce-active .dmso-wp-404-surface .dmso-wp-404-actions{
    gap:14px !important;
  }

  body.dmso-wp-commerce-active .dmso-wp-404-surface .dmso-wp-404-actions .dmso-wp-btn{
    width:100% !important;
    min-width:0 !important;
  }

  body.hwd-commerce-theme .dmso-header .dmso-menu-cart .hwd-cart-count,
  body.hwd-commerce-theme .dmso-header .dmso-menu-cart .ybn-cart-count-badge{
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    font-size:.74rem !important;
  }
}


/* ==========================================================================
   HWD - EMPTY CART BADGE PARITY
   Match YumNaturals + DMSO Store: no badge is shown when cart count is zero.
   ========================================================================== */

body.hwd-commerce-theme .dmso-header .dmso-menu-cart .hwd-cart-count[hidden],
body.hwd-commerce-theme .dmso-header .dmso-menu-cart .ybn-cart-count-badge[hidden],
body.hwd-commerce-theme .dmso-primary-nav .dmso-menu-cart .hwd-cart-count[hidden],
body.hwd-commerce-theme .dmso-primary-nav .dmso-menu-cart .ybn-cart-count-badge[hidden]{
  display:none !important;
}





/* ==========================================================================
   HWD CART PARITY - CANONICAL YUMMY BRANDS
   Exact header-cart geometry used by YumNaturals and DMSO Store.
   ========================================================================== */

body.hwd-commerce-theme .dmso-header .dmso-menu-cart > a,
body.hwd-commerce-theme .dmso-primary-nav .dmso-menu-cart > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  width:auto !important;
  min-width:0 !important;

  padding:10px 14px !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}

body.hwd-commerce-theme .dmso-header .dmso-menu-cart .hwd-cart-count,
body.hwd-commerce-theme .dmso-header .dmso-menu-cart .ybn-cart-count-badge,
body.hwd-commerce-theme .dmso-primary-nav .dmso-menu-cart .hwd-cart-count,
body.hwd-commerce-theme .dmso-primary-nav .dmso-menu-cart .ybn-cart-count-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:22px !important;
  min-width:22px !important;
  height:22px !important;

  margin:0 !important;
  padding:0 !important;

  line-height:1 !important;
  vertical-align:middle !important;
  text-align:center !important;

  position:relative !important;
  top:0 !important;

  border-radius:999px !important;
}

body.hwd-commerce-theme .dmso-header .dmso-menu-cart .hwd-cart-count[hidden],
body.hwd-commerce-theme .dmso-header .dmso-menu-cart .ybn-cart-count-badge[hidden],
body.hwd-commerce-theme .dmso-primary-nav .dmso-menu-cart .hwd-cart-count[hidden],
body.hwd-commerce-theme .dmso-primary-nav .dmso-menu-cart .ybn-cart-count-badge[hidden]{
  display:none !important;
}