/* Scope typography to section headers, never product names or popup headings. */
#services .rail-heading{border-left:4px solid var(--frame-blue);padding:2px 0 2px 12px;margin:4px 0 14px}
#services .rail-heading h2,#products .section-heading h2{font-family:inherit;font-size:26px;font-weight:700;line-height:1.4;letter-spacing:0;color:#292720;margin:0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
#products .section-heading{border-left-width:4px;border-left-style:solid;padding:2px 0 2px 12px;margin:22px 0 14px}
#products .product-section:has(>#cosmetics) .section-heading{border-left-color:var(--frame-peach)}
#products .product-section:has(>#diet) .section-heading,#products .product-section:has(>#hair) .section-heading{border-left-color:var(--frame-green)}
#products .product-section:has(>#nutrition) .section-heading{border-left-color:var(--frame-blue)}
#products .product-section:has(>#innerbeauty) .section-heading{border-left-color:var(--frame-violet)}
#products .product-section:has(>#recommend-products) .section-heading{border-left-color:var(--frame-peach)}
@media(max-width:680px){#services .rail-heading h2,#products .section-heading h2{font-size:22px}#products .section-heading{margin-top:18px;margin-bottom:12px}}