.invitation-note{padding:14px 18px;border-left:3px solid #526653;background:#eeeade;font-size:15px;line-height:1.65;margin:20px 0}
.collection-group{margin:30px 0 48px}.collection-group>h3{font-size:25px;margin-bottom:8px}
.collection-group[hidden],.product[hidden]{display:none!important}
.product-details,.formulation-details{border-top:1px solid #c4cbbf;border-bottom:1px solid #c4cbbf;margin:24px 0;padding:16px 0}
.product-details>summary,.formulation-details>summary{cursor:pointer;font-weight:600;color:#263c30;line-height:1.5}
.product-details>summary{font-size:22px}.formulation-details>summary{font-size:15px}
summary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #a3733f;outline-offset:4px}
.detail-hero .offer-status{font-size:13px}.card-copy .offer-status{font-size:13px}
.product-photo-gallery{margin-top:36px}.imagery-note{font-size:14px;line-height:1.6}
@media(max-width:600px){.invitation-note{padding:12px 14px}.product-details>summary{font-size:20px}}

/* Compact product introduction; keep images and essential information visible. */
.detail-hero h1{font-size:clamp(28px,2.8vw,36px);line-height:1.15;margin:8px 0 12px}
.detail-hero .lead{font-size:16px;line-height:1.5;margin:0 0 12px}
.detail-hero .eyebrow{font-size:11px;margin:0 0 6px}
.detail-hero .ingredient-summary{font-size:13px;line-height:1.5;margin:8px 0 12px}
.detail-hero .active-title{margin:8px 0 12px}
.detail-hero .active-headline{font-size:17px;line-height:1.4;margin:0}
.detail-hero .category{font-size:11px;margin:8px 0}
.detail-hero .product-offer{margin:12px 0;padding:10px 0;gap:6px 14px}
.detail-hero .offer-price{font-size:24px}
.detail-hero .offer-size{font-size:14px}
.detail-hero .shipping-note{margin:6px 0 12px;line-height:1.5}
.detail-hero .order-help{font-size:13px;line-height:1.5;margin:10px 0}
.detail-hero .tint-warning,.detail-hero .product-claim-note{font-size:14px;line-height:1.5;margin:12px 0}
.detail-hero .actions{gap:8px 18px;margin-top:12px}
.detail-hero .actions .text-link{font-size:13px}
@media(max-width:600px){.detail-hero h1{font-size:28px}.detail-hero .lead{font-size:16px}}

/* Keep the main navigation available while reading. */
html{scroll-padding-top:150px}
body>header{position:sticky;top:0;z-index:50;background:#faf8f3;box-shadow:0 2px 8px rgba(38,60,48,.08)}
@media(max-width:850px){html{scroll-padding-top:180px}body>header{padding:8px 0;gap:6px}body>header .logo img{width:175px}body>header nav{gap:8px 16px}body>header nav a{font-size:12px;line-height:1.35}}

/* A calmer, more consistent type scale across the site. */
h1,.home-hero h1,.collection-hero h1,.prose h1{font-size:clamp(34px,3.4vw,46px);line-height:1.14}
h2,.home-story h2{font-size:clamp(27px,2.6vw,34px);line-height:1.22}
.detail-body h2,.prose h2,.maker-posts h2{font-size:clamp(25px,2.2vw,30px)}
.eyebrow,.card-copy .eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.45}
.small{font-size:14px;line-height:1.6}
.detail-hero h1{font-size:clamp(28px,2.8vw,36px)}
.detail-hero .eyebrow{font-size:12px}
.detail-hero .ingredient-summary,.detail-hero .order-help,.detail-hero .shipping-note,.detail-hero .actions .text-link{font-size:14px}
header nav a{font-size:14px}
@media(max-width:850px){body>header nav a{font-size:13px}}
@media(max-width:600px){h1,.home-hero h1,.collection-hero h1,.prose h1{font-size:34px}.detail-hero h1{font-size:28px}}

/* Footer brand: keep the name prominent and the tagline aligned with the site. */
.v2-footer .footer-intro .footer-wordmark{font:34px/1.2 Georgia,serif;color:var(--ink);margin:0 0 14px}
.v2-footer .footer-wordmark span{font-size:12px;letter-spacing:.12em}
@media(max-width:600px){.v2-footer .footer-intro .footer-wordmark{font-size:30px}}

/* Sample requests are a quiet secondary option within the page content. */
.sample-request{font-size:14px;line-height:1.55;color:#626a61;margin:24px 0 8px}.sample-request a{color:#263c30}

/* Footer contact icons are easy to see and use. */
.v2-footer .footer-intro a[aria-label="Email Sisothecary"]{font-size:25px;line-height:1.2;width:max-content;min-width:44px;min-height:44px;display:flex;align-items:center}
.v2-footer .footer-intro .footer-instagram{display:flex;align-items:center;gap:9px;min-height:44px;width:max-content}
.footer-instagram svg{display:block;width:22px;height:22px;flex:none}