/* The same nine-part guide layout, with condition-specific content. */
.gl3-guide{--g3-beige:#d1c3b2;--g3-light:#f6f3ef;--g3-line:#e4ddd4;background:#fff;color:#000}
.gl3-guide .section{padding-top:clamp(38px,5vw,70px);padding-bottom:clamp(38px,5vw,70px)}
.gl3-guide .g3-heading{max-width:850px;margin:0 auto 29px;text-align:center}
.gl3-guide .g3-heading h2{font-size:clamp(34px,3.35vw,49px);line-height:1.09;max-width:26ch;margin:0 auto}
.gl3-guide .g3-heading>p{margin:18px auto 0;font-size:13px;line-height:1.85;max-width:78ch;color:#000}
.gl3-guide .g3-heading>.eyebrow{font-size:9px;margin-bottom:13px;color:#000}
.gl3-guide .g3-icon{flex-shrink:0;vertical-align:middle;color:#000}
.gl3-guide .g3-benefits>div>.g3-icon{color:var(--g3-beige)}
.gl3-guide .g3-intro{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center;background:#fff}
.gl3-guide .g3-intro.g3-intro-text-only{grid-template-columns:1fr}
.gl3-guide .g3-supporting-media{margin:30px 0 0}
.gl3-guide .g3-supporting-media>div{display:grid;gap:18px}
.gl3-guide .g3-supporting-media.has-both>div{grid-template-columns:1fr 1fr}
.gl3-guide .g3-supporting-media img,.gl3-guide .g3-supporting-media video{display:block;width:100%;max-height:450px;object-fit:contain;border-radius:8px;background:#f5f2ec}
.gl3-guide .g3-supporting-media figcaption{margin-top:12px;font-size:12px;color:#000;line-height:1.7}
@media(max-width:680px){.gl3-guide .g3-supporting-media.has-both>div{grid-template-columns:1fr}}
.gl3-guide .g3-intro .eyebrow{display:inline-block;background:#f0e9df;border-radius:20px;padding:7px 12px;font-size:9px;letter-spacing:.1em;margin-bottom:17px;color:#000}
.gl3-guide .g3-intro h1{font-size:clamp(39px,3.7vw,55px);line-height:1.08;margin:0 0 21px;max-width:20ch}
.gl3-guide .g3-intro p{font-size:13px;line-height:1.85;color:#000;max-width:62ch}
.gl3-guide .g3-intro-photo{position:relative;border-radius:8px;overflow:hidden;margin:0;align-self:stretch;min-height:260px}
.gl3-guide .g3-intro-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 43%}
.gl3-guide .g3-intro-photo figcaption{position:absolute;left:15px;bottom:15px;padding:7px 12px;border-radius:20px;background:#fffc;font-size:9px;line-height:1.5;color:#000;max-width:85%}
.gl3-guide .g3-media-empty{display:flex;align-items:center;justify-content:center;min-height:100px;background:#ece5db;border-radius:8px;color:#000;overflow:hidden}
.gl3-guide .g3-media-empty>span{font-size:9px;letter-spacing:.02em;opacity:.8}
.gl3-guide .g3-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.gl3-guide .g3-recognition-card{border-radius:8px;overflow:hidden;background:var(--g3-light)}
.gl3-guide .g3-recognition-card>img,.gl3-guide .g3-recognition-card>.g3-media-empty{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px 8px 0 0;min-height:0}
.gl3-guide .g3-recognition-card>div:not(.g3-media-empty){padding:19px 17px 21px;text-align:center}
.gl3-guide .g3-recognition-card h3,.gl3-guide .g3-cause-card h3{font-family:var(--sans);font-size:15px;line-height:1.4;font-weight:600;letter-spacing:0;margin:0 0 9px}
.gl3-guide .g3-recognition-card p,.gl3-guide .g3-cause-card p{font-size:11px;line-height:1.8;color:#000;margin:0;max-width:none}
.gl3-guide .g3-causes{background:#fff}
.gl3-guide .g3-cause-card{padding:24px 20px;background:#f6f3ef;border-radius:8px;min-width:0}
.gl3-guide .g3-cause-card>.g3-icon{width:27px;height:27px;margin-bottom:17px;stroke-width:1.4}
.gl3-guide .g3-difference{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:start;background:#fff}
.gl3-guide .g3-difference>.g3-heading{text-align:left;max-width:none;margin:0;padding-right:35px;border-right:1px solid var(--g3-line);align-self:stretch}
.gl3-guide .g3-difference>.g3-heading h2{margin-left:0;max-width:15ch}
.gl3-guide .g3-difference>.g3-heading h2:after{content:'';display:block;height:3px;width:95px;background:var(--g3-beige);margin-top:19px;border-radius:3px}
.gl3-guide .g3-difference>.g3-heading p{margin-left:0;font-size:12px}
.gl3-guide .g3-accordions{display:grid;gap:13px}
.gl3-guide .g3-accordions details{border:1px solid #ebe5dc;border-radius:8px;background:#fff;overflow:hidden}
.gl3-guide .g3-accordions summary{padding:18px 21px;background:#f5f1eb;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:15px;font-weight:500;line-height:1.4;list-style:none}
.gl3-guide .g3-accordions summary::-webkit-details-marker{display:none}
.gl3-guide .g3-accordions summary>.gl-icon{width:17px;height:17px;transition:transform .2s}
.gl3-guide .g3-accordions details[open] summary>.gl-icon{transform:rotate(180deg)}
.gl3-guide .g3-accordions details>div{padding:20px 21px 22px;animation:g3-reveal .2s ease-out}
.gl3-guide .g3-accordions p{font-size:12px;line-height:1.9;color:#000;max-width:none}
.gl3-guide .g3-accordions .text-link{font-size:12px;margin-top:19px;gap:12px;border-color:#000;color:#000}
.gl3-guide .g3-care{display:grid;grid-template-columns:.68fr 1.32fr;gap:40px;align-items:start;background:#fff}
.gl3-guide .g3-care>.g3-heading{text-align:left;margin:0}
.gl3-guide .g3-care>.g3-heading h2{margin-left:0;max-width:15ch}
.gl3-guide .g3-care>.g3-heading p{font-size:12px;margin-left:0}
.gl3-guide .g3-care-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gl3-guide .g3-care-column{border:1px solid var(--g3-line);border-radius:8px;overflow:hidden}
.gl3-guide .g3-care-column>h3{display:flex;align-items:center;gap:10px;background:var(--g3-beige);padding:14px 15px;font-family:var(--sans);font-size:13px;line-height:1.5;letter-spacing:0;font-weight:700;margin:0}
.gl3-guide .g3-care-column>h3>.g3-icon{width:22px;height:22px;stroke-width:2.2}
.gl3-guide .g3-care-column ul{list-style:none;margin:0;padding:16px 15px;display:grid;gap:12px}
.gl3-guide .g3-care-column li{display:flex;align-items:flex-start;gap:9px;margin:0}
.gl3-guide .g3-care-column li>.g3-icon{width:20px;height:20px;margin-top:1px;stroke-width:2.2}
.gl3-guide .g3-care-column [data-g3-icon="check"]{color:#21854a}
.gl3-guide .g3-care-column [data-g3-icon="close"]{color:#b92e38}
.gl3-guide .g3-care-column h4{font-family:var(--sans);font-size:11px;line-height:1.5;letter-spacing:0;font-weight:700;margin:0 0 2px}
.gl3-guide .g3-care-column p{font-size:10px;line-height:1.8;color:#000;max-width:none;margin:0}
.gl3-guide .g3-exfoliation{background:#fff}
.gl3-guide .g3-illustration-panel{padding:26px 35px;background:#f3eee7;border-radius:10px}
.gl3-guide .g3-illustration-row+.g3-illustration-row{border-top:1px solid #ded2c2;padding-top:23px;margin-top:25px}
.gl3-guide .g3-illustration-row h3{display:table;margin:0 auto 18px;background:#e8ddd0;border-radius:20px;padding:6px 17px;font-family:var(--sans);font-size:13px;letter-spacing:0;font-weight:500;line-height:1.4;text-align:center}
.gl3-guide .g3-illustration-track{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;gap:16px;align-items:center}
.gl3-guide .g3-illustration-step{min-width:0}
.gl3-guide .g3-illustration-step>img,.gl3-guide .g3-illustration-step>.g3-media-empty{width:100%;aspect-ratio:1.8;object-fit:contain;border-radius:7px;min-height:0;background:#e8ddd0}
.gl3-guide .g3-illustration-step>.g3-media-empty>span{display:none}
.gl3-guide .g3-illustration-track>.gl-icon{width:22px;height:22px;color:#000}
.gl3-guide .g3-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0}
.gl3-guide .g3-benefits>div{display:flex;align-items:flex-start;gap:10px;min-width:0;padding-right:15px}
.gl3-guide .g3-benefits>div+div{border-left:1px solid var(--g3-line);padding-left:23px}
.gl3-guide .g3-benefits .g3-icon{width:20px;height:20px;margin-top:2px}
.gl3-guide .g3-benefits h3{font-family:var(--sans);font-size:12px;letter-spacing:0;font-weight:600;line-height:1.5;margin-bottom:7px}
.gl3-guide .g3-benefits p{font-size:11px;line-height:1.7;color:#000;margin:0}
.gl3-guide .g3-note{display:flex;align-items:flex-start;gap:14px;padding:17px 20px;background:#f4f0ea;border-radius:7px;margin-top:24px;font-size:11px;line-height:1.8}
.gl3-guide .g3-note>.g3-icon{width:19px;height:19px;margin-top:2px}
.gl3-guide .g3-note p{font-size:11px;line-height:1.8;max-width:none;margin:0;color:#000}
.gl3-guide .g3-note strong{display:block;font-family:var(--sans);font-size:11px;font-weight:600;margin-bottom:5px;color:#000}
.gl3-guide .g3-tools{display:grid;grid-template-columns:.65fr 1.35fr;gap:34px;align-items:start;background:#fff}
.gl3-guide .g3-tools>.g3-heading{text-align:left;margin:0}
.gl3-guide .g3-tools>.g3-heading h2{margin-left:0;max-width:16ch}
.gl3-guide .g3-tools>.g3-heading p{font-size:12px;margin-left:0}
.gl3-guide .g3-tool-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.gl3-guide .g3-tool-card{position:relative;border-radius:9px;overflow:hidden;min-height:365px;background:#e8dfd4}
.gl3-guide .g3-tool-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gl3-guide .g3-tool-card.g3-tool-text-only{min-height:0;aspect-ratio:auto}
.gl3-guide .g3-tool-text-only .g3-tool-info{width:100%;margin:0;padding:24px}
.gl3-guide .g3-tool-info{position:relative;width:80%;margin:120px 12px 12px auto;background:#fffcf8ed;border-radius:7px;padding:18px 16px;backdrop-filter:blur(3px)}
.gl3-guide .g3-tool-info h3{font-family:var(--sans);font-size:14px;letter-spacing:0;font-weight:600;line-height:1.45;margin:0 0 9px}
.gl3-guide .g3-tool-info p{font-size:10px;line-height:1.75;color:#000;max-width:none;margin:0 0 12px}
.gl3-guide .g3-tool-price{font-size:13px;line-height:1.5;color:#000;margin-bottom:13px}
.gl3-guide .g3-tool-info .button{background:#d1c3b2;border-color:#d1c3b2;color:#000;font-size:10px;min-height:35px;padding:8px 12px;gap:13px;width:100%;justify-content:space-between}
.gl3-guide .g3-tool-info .button>.gl-icon{width:16px;height:16px}
.gl3-guide .g3-tools>.g3-note{grid-column:1/-1;margin-top:0}
.gl3-guide .g3-timeline{background:#fff}
.gl3-guide .g3-timeline>ol{display:grid;grid-template-columns:repeat(var(--g3-timeline-count,3),minmax(180px,1fr));list-style:none;padding:8px 0 0;margin:37px 0 30px;gap:0;overflow-x:auto;scroll-snap-type:x proximity}
.gl3-guide .g3-timeline>ol>li{position:relative;border-top:1px solid #d1c3b2;padding:27px 24px 0;text-align:center;margin:0;scroll-snap-align:start}
.gl3-guide .g3-timeline-point{position:absolute;top:-7px;left:calc(50% - 6px);width:13px;height:13px;border-radius:50%;border:1px solid #d1c3b2;background:#fff}
.gl3-guide .g3-timeline h3{font-family:var(--sans);font-size:15px;line-height:1.4;font-weight:500;letter-spacing:0;margin:0 0 12px}
.gl3-guide .g3-timeline li p{font-size:12px;line-height:1.85;max-width:35ch;margin:0 auto;color:#000}
.gl3-guide .g3-results{background:#fff}
.gl3-guide .g3-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gl3-guide .g3-result-card{margin:0;min-width:0}
.gl3-guide .g3-result-image{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#f3eee7}
.gl3-guide .g3-result-image>img{width:100%;height:100%;object-fit:contain}
.gl3-guide .g3-result-labels{position:absolute;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;gap:10px}
.gl3-guide .g3-result-labels>span{padding:6px 12px;background:#fff;border-radius:20px;font-size:11px;line-height:1.4;color:#000}
.gl3-guide .g3-result-labels>.g3-label-after{margin-left:auto}
.gl3-guide .g3-care-columns li.g3-care-no-icon{gap:0}
.gl3-guide .g3-result-card figcaption{font-size:11px;line-height:1.8;color:#000;margin:12px 0 0}
.gl3-guide .g3-result-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#f3eee7;border-radius:8px;color:#000;font-size:10px}
.gl3-guide .g3-disclaimer{max-width:800px;text-align:center;font-size:10px;line-height:1.8;color:#000;margin:24px auto 0}
.gl3-guide .g3-slider-controls{display:none;align-items:center;justify-content:center;gap:17px;margin-top:21px}
.gl3-guide .g3-slider-controls>button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1c3b2;border-radius:50%;padding:7px;background:#fff;color:#000}
.gl3-guide .g3-slider-controls>button>.gl-icon{width:17px;height:17px}
.gl3-guide .g3-slider-dots{display:flex;align-items:center;gap:7px;max-width:190px;overflow:auto;padding:4px}
.gl3-guide .g3-slider-dots>button{flex-shrink:0;width:6px;height:6px;padding:0;border:0;background:#d1c3b2;border-radius:50%}
.gl3-guide .g3-slider-dots>button[aria-current=true]{background:#000}
.gl3-guide .g3-results.has-overflow .g3-slider-controls{display:flex}
.gl3-guide .g3-result-grid.has-overflow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gl3-guide .g3-result-grid.has-overflow>.g3-result-card{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start}
.gl3-guide .g3-sources{padding-top:0;padding-bottom:35px;font-size:10px;color:#000}
.gl3-guide .g3-sources summary{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #e3d9cb;cursor:pointer;list-style:none;font-size:10px;line-height:1.5}
.gl3-guide .g3-sources summary::-webkit-details-marker{display:none}
.gl3-guide .g3-sources summary>.gl-icon{width:14px;height:14px}
.gl3-guide .g3-sources ul{display:grid;gap:7px;padding-left:17px;margin-top:17px}
.gl3-guide .g3-sources a{border-bottom:1px solid #d1c3b2}
@keyframes g3-reveal{from{opacity:.4;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.gl3-guide .g3-intro{gap:35px}.gl3-guide .g3-intro h1{font-size:44px}.gl3-guide .g3-four-grid{gap:13px}.gl3-guide .g3-recognition-card>div:not(.g3-media-empty){padding:17px 13px}.gl3-guide .g3-recognition-card h3,.gl3-guide .g3-cause-card h3{font-size:13px}.gl3-guide .g3-cause-card{padding:20px 16px}.gl3-guide .g3-difference{gap:30px;grid-template-columns:.75fr 1.25fr}.gl3-guide .g3-care{grid-template-columns:1fr;gap:27px}.gl3-guide .g3-care>.g3-heading{max-width:800px}.gl3-guide .g3-care>.g3-heading h2{max-width:22ch}.gl3-guide .g3-care>.g3-heading p{max-width:68ch}.gl3-guide .g3-care-column h4{font-size:12px}.gl3-guide .g3-care-column p{font-size:11px}.gl3-guide .g3-tools{gap:24px;grid-template-columns:.65fr 1.35fr}.gl3-guide .g3-tool-info{width:90%;padding:16px 13px;margin-right:9px;margin-bottom:9px}.gl3-guide .g3-tool-info h3{font-size:12px}.gl3-guide .g3-tool-info p{font-size:10px}.gl3-guide .g3-tool-card{min-height:385px}}
@media(max-width:680px){
 .gl3-guide .section{padding-top:34px;padding-bottom:34px}
 .gl3-guide .g3-heading{text-align:center;margin-bottom:23px}.gl3-guide .g3-heading h2{font-size:35px;line-height:1.1;max-width:24ch}.gl3-guide .g3-heading>p{font-size:12px;line-height:1.85;margin-top:15px}.gl3-guide .g3-heading>.eyebrow{font-size:8px;margin-bottom:12px}
 .gl3-guide .g3-intro{grid-template-columns:1fr;gap:23px}.gl3-guide .g3-intro h1{font-size:42px;line-height:1.07;max-width:20ch;margin-bottom:18px}.gl3-guide .g3-intro .eyebrow{font-size:8px;padding:6px 10px;margin-bottom:15px}.gl3-guide .g3-intro p{font-size:12px;line-height:1.9}.gl3-guide .g3-intro-photo{min-height:0;aspect-ratio:1.8}.gl3-guide .g3-intro-photo>img{position:static;width:100%;height:100%;object-position:center}.gl3-guide .g3-intro-photo figcaption{font-size:8px;left:12px;bottom:12px;padding:5px 9px}
 .gl3-guide .g3-four-grid.g3-swipe,.gl3-guide .g3-result-grid.g3-swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:13px;padding-bottom:2px}
 .gl3-guide .g3-swipe::-webkit-scrollbar{display:none}
 .gl3-guide .g3-four-grid.g3-swipe>article{flex:0 0 88%;scroll-snap-align:start}
 .gl3-guide .g3-recognition-card>img,.gl3-guide .g3-recognition-card>.g3-media-empty{aspect-ratio:2.1}
 .gl3-guide .g3-recognition-card>div:not(.g3-media-empty){padding:19px 20px 21px}.gl3-guide .g3-recognition-card h3{font-size:15px}.gl3-guide .g3-recognition-card p{font-size:12px}
 .gl3-guide .g3-cause-card{padding:25px 23px;display:grid;grid-template-columns:35px 1fr;column-gap:13px;align-content:start}.gl3-guide .g3-cause-card>.g3-icon{grid-row:1/3;width:28px;height:28px;margin:0}.gl3-guide .g3-cause-card h3{font-size:15px;margin-bottom:10px}.gl3-guide .g3-cause-card p{font-size:12px;line-height:1.85}
 .gl3-guide .g3-slider-controls{display:flex;margin-top:17px;gap:15px}
 .gl3-guide .g3-difference{grid-template-columns:1fr;gap:25px}.gl3-guide .g3-difference>.g3-heading{border:0;padding:0;text-align:left}.gl3-guide .g3-difference>.g3-heading h2{max-width:16ch;font-size:39px}.gl3-guide .g3-difference>.g3-heading h2:after{margin-top:14px;width:75px;height:2px}.gl3-guide .g3-difference>.g3-heading p{font-size:12px;margin-top:17px}.gl3-guide .g3-accordions summary{font-size:13px;padding:16px}.gl3-guide .g3-accordions details>div{padding:17px 16px 20px}.gl3-guide .g3-accordions p{font-size:12px}.gl3-guide .g3-accordions .text-link{font-size:11px;margin-top:18px}
 .gl3-guide .g3-care{gap:25px}.gl3-guide .g3-care>.g3-heading{text-align:left}.gl3-guide .g3-care>.g3-heading h2{font-size:38px;max-width:19ch}.gl3-guide .g3-care-columns{grid-template-columns:1fr;gap:17px}.gl3-guide .g3-care-column>h3{font-size:14px;padding:15px 17px}.gl3-guide .g3-care-column ul{padding:20px 17px;gap:18px}.gl3-guide .g3-care-column h4{font-size:12px}.gl3-guide .g3-care-column p{font-size:11px;line-height:1.9}
 .gl3-guide .g3-illustration-panel{padding:20px 17px;border-radius:8px}.gl3-guide .g3-illustration-row h3{font-size:11px;padding:6px 14px;margin-bottom:17px}.gl3-guide .g3-illustration-row+.g3-illustration-row{padding-top:19px;margin-top:21px}.gl3-guide .g3-illustration-track{display:flex;overflow-x:auto;scrollbar-width:none;gap:11px;scroll-snap-type:x proximity;padding-bottom:2px}.gl3-guide .g3-illustration-step{flex:0 0 44%;scroll-snap-align:start}.gl3-guide .g3-illustration-step>.g3-media-empty,.gl3-guide .g3-illustration-step>img{aspect-ratio:1.55}.gl3-guide .g3-illustration-track>.gl-icon{width:18px;height:18px;flex:0 0 18px}.gl3-guide .g3-benefits{grid-template-columns:1fr;gap:18px;margin:23px 0}.gl3-guide .g3-benefits>div{padding:0;gap:11px}.gl3-guide .g3-benefits>div+div{border:0;padding-left:0}.gl3-guide .g3-benefits h3{font-size:12px;margin-bottom:5px}.gl3-guide .g3-benefits p{font-size:11px;line-height:1.8}.gl3-guide .g3-note{padding:16px;gap:11px;margin-top:22px}.gl3-guide .g3-note p{font-size:10px;line-height:1.9}.gl3-guide .g3-note strong{font-size:10px;margin-bottom:5px}
 .gl3-guide .g3-tools{grid-template-columns:1fr;gap:23px}.gl3-guide .g3-tools>.g3-heading{text-align:left}.gl3-guide .g3-tools>.g3-heading h2{font-size:38px;max-width:22ch}.gl3-guide .g3-tool-cards{grid-template-columns:1fr;gap:20px}.gl3-guide .g3-tool-card{min-height:0;aspect-ratio:1}.gl3-guide .g3-tool-info{width:64%;margin:105px 13px 13px auto;padding:17px 15px}.gl3-guide .g3-tool-info h3{font-size:14px}.gl3-guide .g3-tool-info p{font-size:10px;line-height:1.8;margin-bottom:10px}.gl3-guide .g3-tool-price{font-size:12px;margin-bottom:11px}.gl3-guide .g3-tool-info .button{font-size:10px;min-height:36px;padding:8px 11px}.gl3-guide .g3-tools>.g3-note{grid-column:auto;margin-top:0}
 .gl3-guide .g3-timeline>ol{display:block;margin:28px 0 24px;padding-left:8px}.gl3-guide .g3-timeline>ol>li{border-top:0;border-left:1px solid #d1c3b2;padding:0 0 27px 26px;text-align:left;min-height:90px}.gl3-guide .g3-timeline>ol>li:last-child{border-left-color:transparent;padding-bottom:0}.gl3-guide .g3-timeline-point{left:-6px;top:2px;width:12px;height:12px}.gl3-guide .g3-timeline h3{font-size:14px;margin-bottom:9px}.gl3-guide .g3-timeline li p{font-size:12px;line-height:1.85;margin:0;max-width:none}
 .gl3-guide .g3-result-grid.g3-swipe>.g3-result-card,.gl3-guide .g3-result-grid.has-overflow>.g3-result-card{flex:0 0 100%;scroll-snap-align:start}.gl3-guide .g3-result-labels{left:12px;right:12px;bottom:12px}.gl3-guide .g3-result-labels>span{font-size:10px;padding:5px 10px}.gl3-guide .g3-result-card figcaption{font-size:10px;margin-top:10px;line-height:1.9}.gl3-guide .g3-disclaimer{font-size:9px;margin-top:20px;line-height:1.9}
 .gl3-guide .g3-sources{padding-top:0;padding-bottom:25px}.gl3-guide .g3-sources summary{font-size:9px}.gl3-guide .g3-sources li{font-size:9px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){.gl3-guide .g3-accordions details>div{animation:none}.gl3-guide .g3-swipe{scroll-behavior:auto}}
/* Readable body text also in the narrow advice and product columns. */
.gl3-guide .g3-care-column h4{font-size:12px}
.gl3-guide .g3-care-column p{font-size:12px;line-height:1.8}
.gl3-guide .g3-tool-info p{font-size:11px}
@media(max-width:680px){.gl3-guide .g3-care-column p{font-size:12px;line-height:1.85}.gl3-guide .g3-tool-card{aspect-ratio:auto;min-height:0}.gl3-guide .g3-tool-card>img{position:static;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}.gl3-guide .g3-tool-info{width:100%;margin:0;padding:20px;background:#f6f3ef}.gl3-guide .g3-tool-info p{font-size:12px;line-height:1.8}.gl3-guide .g3-tool-info .button{width:auto;min-width:145px}}
/* Concept artwork never receives customer-result or time-period labels. */
.gl3-guide .g3-recognition-card>.gl3-temporary-media-label{margin:8px 10px 0;font-size:10px}
.gl3-guide .g3-illustration-step{position:relative}
.gl3-guide .g3-illustration-step>.gl3-temporary-media-label{margin:6px auto 0;font-size:9px;max-width:100%;padding:4px 6px}
.gl3-guide .g3-result-image>.gl3-temporary-media-label{position:absolute;left:8px;bottom:8px;z-index:2;max-width:calc(100% - 16px)}
.gl3-guide .g3-results.is-concept .g3-heading{max-width:740px}
.gl3-guide .g3-concept-card .g3-result-image>img{object-fit:cover}
@media(max-width:680px){.gl3-guide .g3-recognition-card>.gl3-temporary-media-label{font-size:10px}.gl3-guide .g3-illustration-step{padding-bottom:0}.gl3-guide .g3-result-image>.gl3-temporary-media-label{font-size:10px}}
/* Website 4.0: concise advice keeps the approved two-card arrangement. */
.gl3-guide .g3-care-column p{line-height:1.65}
@media(max-width:680px){.gl3-guide .g3-care-column ul{padding:16px 17px;gap:12px}.gl3-guide .g3-care-column p{line-height:1.65}}
/* Glowlie 5.0 — only the three skin guides. */
.gl3-guide .g5-guide-breadcrumb.section{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;padding-top:20px;padding-bottom:8px;font-size:11px;line-height:1.6}
.gl3-guide .g5-guide-breadcrumb a{color:#000;text-decoration:none;border-bottom:1px solid transparent}
.gl3-guide .g5-guide-breadcrumb a[aria-current=page]{font-weight:700;border-bottom-color:#000}
.gl3-guide .g5-guide-breadcrumb a:hover{border-bottom-color:#d1c3b2}
.gl3-guide .g3-intro{padding-top:28px}
.gl3-guide .g3-accordions{padding-right:12px}
.gl3-guide .g3-accordions details{position:relative;overflow:visible}
.gl3-guide .g3-accordions summary{position:relative;min-height:81px;padding-right:94px;border-radius:8px}
.gl3-guide .g3-accordions details[open] summary{border-radius:8px 8px 0 0}
.gl3-guide .g5-difference-photo{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:68px;height:68px;border-radius:50%;overflow:hidden;border:3px solid #fff;pointer-events:none;background:#d1c3b2}
.gl3-guide .g5-difference-photo>img,.gl3-guide .g5-difference-photo>.g3-media-empty{display:block;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:50%}
.gl3-guide .g3-timeline>ol{overflow:visible;padding-top:14px}
.gl3-guide .g3-timeline>ol>li{border-top:2px solid #d1c3b2;padding-top:34px}
.gl3-guide .g3-timeline-point{display:grid;place-items:center;width:30px;height:30px;top:-16px;left:calc(50% - 15px);border:0;background:#fff}
.gl3-guide .g3-timeline-point>.g3-icon{width:25px;height:25px;stroke-width:1.4}
.gl3-guide .g3-illustration-step>p{font-family:var(--sans);font-size:10px;line-height:1.45;text-align:center;margin:8px 0 0;color:#000}
.gl3-guide .g3-illustration-row>.g3-slider-controls{display:none}
.gl3-guide .g5-tool-slider{min-width:0}
.gl3-guide .g3-tool-cards.g3-swipe{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.gl3-guide .g3-tool-cards.g3-swipe>.g3-tool-card{flex:0 0 calc((100% - 17px)/2);scroll-snap-align:start}
.gl3-guide .g3-tool-card{display:flex;align-items:flex-end}
.gl3-guide .g3-tool-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gl3-guide .g3-tool-info{width:87%;margin:140px 12px 12px auto;background:#fffffff2}
.gl3-guide .g3-tool-info h3>a{color:inherit;text-decoration:none}
.gl3-guide .g5-tool-colours{display:flex;gap:0;margin:-8px 0 1px -8px}
.gl3-guide .g5-tool-colour{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;border:0;background:transparent;padding:8px;border-radius:50%;cursor:pointer}
.gl3-guide .g5-tool-colour>.color-dot{display:block;width:15px;height:15px;margin:0;border:1px solid #0003;border-radius:50%;background:#d1c3b2}
.gl3-guide .g5-tool-colour>.color-dot.roze,.gl3-guide .g5-tool-colour>.color-dot.pink{background:#e7bac0}
.gl3-guide .g5-tool-colour>.color-dot.zwart,.gl3-guide .g5-tool-colour>.color-dot.black{background:#171717}
.gl3-guide .g5-tool-colour>.color-dot.grijs,.gl3-guide .g5-tool-colour>.color-dot.grey,.gl3-guide .g5-tool-colour>.color-dot.gray{background:#929292}
.gl3-guide .g5-tool-colour[aria-pressed=true]>.color-dot{outline:1px solid #000;outline-offset:3px}
.gl3-guide .g5-tool-colour:focus-visible{outline:2px solid #000;outline-offset:-3px}
.gl3-guide .g5-tool-slider>.g3-slider-controls{display:none}
.gl3-guide .g3-tools.has-overflow .g5-tool-slider>.g3-slider-controls{display:flex}
.gl3-guide .g3-slider-controls[hidden]{display:none!important}
.gl3-guide .g3-sources details>p{max-width:90ch;font-size:11px;line-height:1.8;margin-top:17px}
@media(max-width:680px){
 .gl3-guide .g5-guide-breadcrumb.section{padding-top:16px;padding-bottom:5px;gap:5px 10px;font-size:9px}
 .gl3-guide .g3-intro{padding-top:20px;gap:20px}
 .gl3-guide .g3-intro-photo{grid-row:1}
 .gl3-guide .g3-intro>div{grid-row:2}
 .gl3-guide .g3-intro.g3-intro-text-only>div{grid-row:auto}
 .gl3-guide .g3-slider-controls>button[data-g3-prev],.gl3-guide .g3-slider-controls>button[data-g3-next]{display:none}
 .gl3-guide .g3-accordions summary{min-height:74px;padding-right:86px}
 .gl3-guide .g5-difference-photo{width:60px;height:60px;right:-10px}
 .gl3-guide .g3-timeline>ol{overflow:visible;padding-top:0;padding-left:15px}
 .gl3-guide .g3-timeline>ol>li{border-top:0;border-left:2px solid #d1c3b2;padding:0 0 28px 32px}
 .gl3-guide .g3-timeline>ol>li:last-child{border-left-color:transparent}
 .gl3-guide .g3-timeline-point{left:-16px;top:-3px;width:30px;height:30px}
 .gl3-guide .g3-illustration-row>.g3-slider-controls{display:flex;margin-top:10px}
 .gl3-guide .g3-illustration-step{flex-basis:44%}
 .gl3-guide .g3-illustration-step>p{font-size:10px;min-height:29px}
 .gl3-guide .g3-tool-cards.g3-swipe{gap:14px}
 .gl3-guide .g3-tool-cards.g3-swipe>.g3-tool-card{flex-basis:85%;aspect-ratio:auto;min-height:370px}
 .gl3-guide .g3-tool-card>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
 .gl3-guide .g3-tool-info{width:86%;margin:155px 12px 12px auto;padding:16px;background:#fffffff2}
 .gl3-guide .g3-tool-info p{font-size:11px;line-height:1.65}
 .gl3-guide .g5-tool-colour{width:40px;height:40px;min-width:40px;min-height:40px}
 .gl3-guide .g3-tool-info .button{width:100%}
 .gl3-guide .g3-result-grid.g3-swipe>.g3-result-card,.gl3-guide .g3-result-grid.has-overflow>.g3-result-card{flex:0 0 calc((100% - 13px)/2)}
 .gl3-guide .g3-result-labels{left:5px;right:5px;bottom:7px;gap:4px}
 .gl3-guide .g3-result-labels>span{font-size:8px;padding:4px 7px}
}