/* Local Hair Care integration; every rule is scoped to this section. */
#hair-care .care-banner { margin:0 0 55px; }
#hair-care .care-banner img, #hair-care .product-overview img { display:block; width:100%; height:auto; }
#hair-care .care-story { display:grid; grid-template-columns:1fr 1fr; gap:7vw; margin-bottom:60px; }
#hair-care .care-story>div { min-width:0; }
#hair-care .care-title { font-size:clamp(44px,5.3vw,76px); line-height:1.04; letter-spacing:-.04em; margin:0 0 28px; }
#hair-care p { margin:0 0 20px; }
#hair-care .lead { max-width:520px; font-size:19px; }
#hair-care .cta { display:inline-flex; justify-content:space-between; gap:25px; padding:13px 0; text-decoration:none; border-bottom:1px solid var(--copper); font-size:15px; font-weight:600; line-height:1.65; max-width:100%; }
#hair-care .section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; border-top:1px solid var(--line); padding-top:36px; margin:25px 0; }
#hair-care .section-head h3, #hair-care .advice h3 { font-size:clamp(36px,4vw,58px); line-height:1.04; letter-spacing:-.025em; margin:0 0 24px; }
#hair-care .section-head p { max-width:330px; font-size:14px; }
#hair-care .product-overview { margin:30px 0 50px; }
#hair-care .product-overview figcaption { font-size:13px; color:var(--muted); margin-top:12px; }
#hair-care .care-topics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:36px 0; }
#hair-care .care-topics article { min-width:0; border-top:1px solid var(--line); padding-top:22px; }
#hair-care .care-topics p { font-size:15px; }
#hair-care .care-topics h3 { font-size:30px; line-height:1.04; margin:14px 0; }
#hair-care .product-examples { max-width:850px; font-size:15px; color:var(--muted); margin:25px 0 45px; }
#hair-care .advice { display:grid; grid-template-columns:1fr 1fr; gap:8vw; border-top:1px solid var(--line); padding:65px 0 0; margin-top:55px; }
#hair-care .advice>div { min-width:0; }
#hair-care .care-topics .eyebrow { font-size:11px; }
@media(max-width:900px){ #hair-care .care-topics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px){ #hair-care { padding-top:24px; } #hair-care .care-banner { margin-bottom:32px; } #hair-care .care-story { grid-template-columns:1fr; gap:12px; margin-bottom:40px; } }
@media(max-width:600px){ #hair-care .lead { font-size:17px; } #hair-care .care-topics { grid-template-columns:1fr; gap:12px; } #hair-care .care-topics article { padding-top:20px; } #hair-care .section-head { display:block; } #hair-care .section-head p { max-width:none; } #hair-care .advice { grid-template-columns:1fr; gap:24px; padding:40px 0 0; margin-top:30px; } }