@import url('/sglow/sglow-v286.css');

/* S-GLOW: warm yellow, aqua and white. Original campaign artwork stays intact. */
:root{--sun:#f2ce61;--sun-pale:#fff7dc;--sun-line:#e5cf91}
.hero{background:linear-gradient(120deg,#fffbed 0%,#fff1b9 56%,#f6df8e 100%)}
.hero-copy .eyebrow{color:#75602c}
.hero-badges span{background:#fffaf0;border-color:#d5c68e;color:#435e60}
.hero-support{color:#67716a}
.slider{border-color:#d9cc9e}
.dots button.active{background:#b28a2d}
.purchase .offer-option[aria-pressed=true]{background:#fff7dc;border-color:#b99840}
.sg-needs{background:#fffdf6}
.need-grid li{border-color:#e3dfc8}
.need-grid svg{color:#b79537}
.scalp-section{background:#fff8e5}
.scalp-topic-tabs{background:#f3e8c5}
.sg-brand{background:#fff9e9}
.award-grid article{background:#fffdf6;border-color:#e3d6ad}
.award-grid img{background:#fbf2d7}
.award-year{color:#9b7c2e}
.sg-reading{background:#fff7df}
.reading-grid a{border-color:#e2d7b8}
.reading-grid img{background:#fffdf4}
.nutrition-strip{background:#fff7dc;border-color:#e8d8a8}
.sub-hero{background:linear-gradient(120deg,#fffbed,#fff0ba)}

/* A balanced packshot and four equally sized ingredient cards. */
#ingredients{background:#f7fbfc}
.ingredient-panel{grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:28px;align-items:stretch}
.ingredient-panel[hidden]{display:none}
.ingredient-panel>div{min-width:0}
.ingredient-visual{height:auto;min-height:432px;padding:30px 24px;border:1px solid #e8ddb8;border-radius:20px;background:linear-gradient(145deg,#fffdf5,#f8ebbe)}
.ingredient-visual img{width:100%;max-width:260px;height:350px;object-fit:contain}
.ingredient-panel>div:last-child{display:flex;flex-direction:column;align-items:flex-start}
.ingredient-panel h3{font-size:22px;line-height:1.5;margin:0 0 18px}
.ingredient-cards{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 16px}
.ingredient-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;min-height:154px;padding:12px;gap:12px;border-color:#cfe2e8;border-radius:16px}
.ingredient-photo{width:112px;aspect-ratio:1;border-radius:10px}
.ingredient-card>div:last-child{padding:0;min-width:0}
.ingredient-card h4{font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.ingredient-card p{font-size:12px;line-height:1.75;margin-top:7px}
.ingredient-art-note{margin:0 0 16px;line-height:1.8;font-size:12px}
.ingredient-panel .button{margin-top:auto;min-height:44px}
.formula-details{margin-top:28px}
.formula-detail-body>div{min-width:0}
.formula-detail-body h3{min-height:30px}
.formula-detail-body .document-image{width:100%}

/* Consistent card edges, image proportions and aligned calls to action. */
.audience-grid article{display:flex;flex-direction:column}
.audience-grid article>div{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.audience-grid h3{min-height:2.9em;line-height:1.45}
.audience-grid p{flex:1}
.audience-grid a{margin-top:16px}
.reading-grid a{display:flex;flex-direction:column;min-width:0}
.reading-grid h3{flex:1}
.reading-grid a>span{margin-top:16px}
.team-lead-grid .team-card{grid-template-columns:minmax(140px,.7fr) minmax(0,1fr)}
.team-lead-grid .team-card>img{height:100%;min-height:260px;object-fit:cover}
.team-international-grid .team-card{display:flex;flex-direction:column}
.team-international-grid .team-card>div{flex:1}
.award-grid article>div{min-width:0}

@media(min-width:761px) and (max-width:1050px){
 .ingredient-panel{grid-template-columns:240px minmax(0,1fr);gap:22px}
 .ingredient-card{grid-template-columns:86px minmax(0,1fr);padding:10px;gap:10px;min-height:154px}
 .ingredient-photo{width:86px}
 .ingredient-card h4{font-size:13px}
 .ingredient-card p{font-size:11px}
 .ingredient-visual{padding:24px 16px}
}
@media(max-width:760px){
 .ingredient-panel{grid-template-columns:1fr;gap:22px}
 .ingredient-visual{min-height:0;height:240px;padding:22px}
 .ingredient-visual img{height:200px;max-width:240px}
 .ingredient-panel h3{font-size:20px;margin-bottom:16px}
 .ingredient-cards{gap:12px}
 .ingredient-card{display:flex;flex-direction:column;align-items:stretch;padding:10px;gap:12px;min-height:0}
 .ingredient-photo{width:100%}
 .ingredient-card>div:last-child{flex:1;padding:0 2px 4px}
 .ingredient-card h4{font-size:14px;min-height:3.2em}
 .ingredient-card p{font-size:12px;margin-top:6px}
 .ingredient-panel .button{margin-top:4px}
 .ingredient-art-note{font-size:11px}
 .audience-grid h3{min-height:0}
 .team-lead-grid .team-card{display:flex;flex-direction:column}
 .team-lead-grid .team-card>img{height:215px;min-height:0;object-fit:cover}
 .team-lead-grid .team-card>div{flex:1}
 .reading-grid h3{min-height:4.2em}
}
@media(max-width:360px){
 .ingredient-cards{grid-template-columns:1fr}
 .ingredient-card{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:center;gap:12px}
 .ingredient-photo{width:85px}
 .ingredient-card h4{min-height:0;font-size:14px}
 .ingredient-card p{font-size:11px}
 .team-lead-grid .team-card>img{height:190px}
}