/* Shared layout: content remains visible at narrow widths and without hover. */
.fact-card .fact-card__front {display:none}
.fact-card .fact-card__inner,.fact-card:hover .fact-card__inner,.fact-card:focus-within .fact-card__inner {transform:none;transition:none}
.fact-card .fact-card__back {transform:none;position:relative;min-height:100%;box-sizing:border-box;border-radius:4px;padding:24px}
.fact-card .fact-card__text {font-size:16px;line-height:1.55}
.fact-card .fact-card__eyebrow {line-height:1.5}
.fact-card .product-card__img {height:auto;min-height:240px;aspect-ratio:auto}
:focus-visible {outline:2px solid #36562d;outline-offset:4px}
@media(max-width:768px){
 .fact-card .fact-card__back {padding:18px}
 .fact-card .fact-card__text {font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Discounts are off (Waldart policy): hide the coupon entry on the live checkout. */
.co-collapse:has(#coupon-input) { display: none; }

/* Round 5 (2026-09-12): category / moss-walls banners — the title no longer sits on the
   product; image anchored a little above centre so round pieces keep their top. */
.category-banner-inner.has-hero { background-position: 50% 35% !important; display: flex !important; align-items: flex-end !important; justify-content: flex-start !important; padding: 0 0 36px 60px !important; }
.category-banner-inner.has-hero .category-banner-title { text-align: left !important; margin: 0 !important; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
@media (max-width: 768px) { .category-banner-inner.has-hero { padding: 0 0 24px 20px !important; background-position: 50% 40% !important; } }
/* FAQ phone tab bar: right-edge fade shows there is more to scroll */
@media (max-width: 1050px) { .faq-nav { position: relative; } .faq-nav::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; pointer-events: none; background: linear-gradient(to right, rgba(255,255,255,0), #fff 80%); } .faq-nav__inner { scroll-snap-type: x proximity; } .faq-nav__pill { scroll-snap-align: start; } }
/* Popular-products "View All" was oversized against the phone gutter */
@media (max-width: 768px) { .view-all.title { font-size: 15px !important; } }
/* Required-field marks read as decoration in brand green */
.form-group .required, label .required { color: #B3261E !important; }

/* Choice support belongs alongside browsing and product options. */
.choice-help {max-width:1440px;margin:0 auto;padding:64px 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;border-block:1px solid #E6E9E2;background:#FAFBF7}
.choice-help__eyebrow {font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#54713E;margin:0 0 12px}
.choice-help h2 {font-size:34px;line-height:1.2;font-weight:400;color:#20291D;margin:0 0 16px}
.choice-help p {line-height:1.6;margin-bottom:12px}
.choice-help__links {align-self:center}
.choice-help__links nav {display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.choice-help a,.pdp-choice-help a,.pdp-ship-text a {color:#355828;text-decoration:underline;text-underline-offset:4px;font-weight:500}
.pdp-choice-help {border-top:1px solid #E6E9E2;padding:16px 0;display:flex;gap:10px 24px;flex-wrap:wrap;font-size:14px}
.pdp-choice-help p {width:100%;margin:0;font-weight:500;color:#303A2A}
.pdp-dot {border:0;padding:0}
html body .pdp-tabs {max-width:1440px}
html body .pdp-faq {max-width:1440px}

/* Explicit grid sizing prevents fixed card widths from forcing single columns. */
#products-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}
#products-grid .product-card,#products-grid .product-card__img,#products-grid .product-card__content,#products-grid .product-card__header,#products-grid .product-card__price {width:100%;min-width:0;max-width:100%}
#products-grid .product-card__title {max-width:100%;width:auto}
@media (max-width:1100px) and (min-width:769px) {#products-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px) {
 .choice-help {padding:32px 20px;grid-template-columns:1fr;gap:12px}
 .choice-help h2 {font-size:26px}
 .choice-help__links nav {gap:12px 20px;margin-bottom:16px}
 #products-grid {grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 20px;gap:24px 12px}
 #products-grid .product-card__img {aspect-ratio:1;height:auto}
 #products-grid .product-card__title {font-size:15px;line-height:21px}
 #products-grid .product-card__price {font-size:14px;height:auto}
 #products-grid .product-card__meta {font-size:11px;line-height:16px}
 #products-grid .wishlist-btn {width:28px;height:28px;top:7px;right:7px}
 #products-grid .fact-card__title {font-size:15px;line-height:21px}
 html body .pdp-tablist {display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:visible}
 html body .pdp-tab {white-space:normal;padding:10px 8px;font-size:13px;border-radius:5px}
 .pdp-choice-help {font-size:14px;gap:12px 24px}
}

/* Discover the editorial hero directly from HTML. */
.category-banner-inner.has-hero{position:relative;overflow:hidden}
.category-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:0}
.category-banner-inner.has-hero > :not(.category-banner-image){position:relative;z-index:2}