/* Figma 487:7 / 487:8 / 487:9. One material instance and full source in normal flow. */
main.whitening-redesign{
 --wh-ink:var(--ink,#162852);--wh-text:var(--ink-soft,#22303f);--wh-muted:var(--muted,#51606f);
 --wh-paper:var(--paper,#fff);--wh-subtle:var(--bg,#f7f8fa);--wh-line:var(--line,#e2e6eb);--wh-blue:var(--primary,#2f5fa8);
 padding-top:calc(var(--header-height,64px) + 48px);padding-bottom:64px;
 background:var(--wh-paper);color:var(--wh-text);font:400 16px/26px var(--font-body,Inter,sans-serif);overflow-wrap:anywhere;
}
.whitening-redesign *{box-sizing:border-box;min-width:0}
.whitening-redesign :is(h1,h2,h3,p,figure,ol,dl,dd){margin:0}
.whitening-redesign :is(h1,h2,h3){color:var(--wh-ink);font-family:var(--font-display,"Schibsted Grotesk",sans-serif);font-weight:600;text-wrap:pretty;max-width:none}
.whitening-redesign h1{font-size:56px;line-height:60px;letter-spacing:-1px;font-weight:600;max-width:1000px}
.whitening-redesign h2{font-size:38px;line-height:44px;letter-spacing:-.5px}
.whitening-redesign h3{font-size:20px;line-height:26px;letter-spacing:-.2px}
.whitening-redesign p{font-size:16px;line-height:26px}
.whitening-redesign a{color:var(--wh-blue);text-underline-offset:5px}
.whitening-redesign a:hover{color:var(--wh-ink)}
.whitening-redesign :is(a,summary,[tabindex]):focus-visible{outline:3px solid var(--primary-focus,#0353e9);outline-offset:4px}
.whitening-redesign [id]{scroll-margin-top:calc(var(--header-height,64px) + 24px)}
.whitening-redesign [hidden]{display:none!important}
.whitening-redesign .wh-container{width:calc(100% - 160px);max-width:1280px;margin-inline:auto}
.whitening-redesign .wh-hero{display:flex;flex-direction:column;gap:32px;padding-bottom:48px}
.whitening-redesign .wh-heading{display:flex;flex-direction:column;gap:16px}
.whitening-redesign .wh-breadcrumb{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;font-size:14px;line-height:21px;color:var(--wh-muted)}
.whitening-redesign .wh-label{font:600 15px/24px var(--font-body,Inter,sans-serif);color:var(--wh-ink)}
.whitening-redesign .wh-overline{color:var(--wh-blue)}
.whitening-redesign .wh-muted{color:var(--wh-muted)}
.whitening-redesign .wh-hero-stage{display:grid;grid-template-columns:minmax(0,480fr) minmax(0,400fr) minmax(0,400fr);gap:24px 0;align-items:start}
.whitening-redesign .wh-summary{grid-column:1;grid-row:1/3;padding-right:64px;display:flex;flex-direction:column;gap:24px}
.whitening-redesign .wh-material{display:flex;flex-direction:column;gap:12px;width:100%;align-items:stretch}
.whitening-redesign .wh-material-0{grid-column:2;grid-row:1;padding-right:16px}
.whitening-redesign .wh-material-1{grid-column:3;grid-row:1;padding-left:16px}
.whitening-redesign .wh-material-2{grid-column:2;grid-row:2;padding-right:16px}
.whitening-redesign .wh-material-3{grid-column:3;grid-row:2;padding-left:16px}
.whitening-redesign .wh-figure-title{font:600 15px/24px var(--font-body,Inter,sans-serif);color:var(--wh-ink)}
.whitening-redesign .wh-material img{display:block;width:100%;height:auto;max-width:min(100%,var(--wh-native-width));object-fit:contain;background:var(--wh-subtle)}
.whitening-redesign .wh-material figcaption{display:flex;flex-direction:column;gap:8px;font:400 14px/21px var(--font-body,Inter,sans-serif);color:var(--wh-muted)}
.whitening-redesign .wh-badge{font-weight:600}
.whitening-redesign .wh-material[data-image-failed] img{border:1px dashed var(--wh-muted);color:var(--wh-ink)}
.whitening-redesign .wh-material-index{display:none}
.whitening-redesign .wh-material-index>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.whitening-redesign .wh-material-index a,.whitening-redesign .wh-related a{display:flex;align-items:center;min-height:48px;padding:12px 22px;border:1px solid var(--wh-blue);border-radius:8px;font:600 15px/24px var(--font-body,Inter,sans-serif);text-decoration:none}
.whitening-redesign .wh-material-index a[aria-current="location"]{background:var(--wh-subtle);color:var(--wh-ink)}
.whitening-redesign .wh-facts-band{background:var(--wh-subtle);padding-block:32px}
.whitening-redesign .wh-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.whitening-redesign .wh-facts>div{display:flex;flex-direction:column;gap:8px}
.whitening-redesign .wh-facts dt{font-size:14px;line-height:21px;color:var(--wh-muted)}
.whitening-redesign .wh-fact-value{font:600 20px/26px var(--font-display,"Schibsted Grotesk",sans-serif);letter-spacing:-.2px;color:var(--wh-ink)}
.whitening-redesign .wh-section{padding-block:64px;display:flex;flex-direction:column;gap:32px}
.whitening-redesign .wh-section-heading{display:flex;flex-direction:column;gap:16px;max-width:800px}
.whitening-redesign .wh-approaches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.whitening-redesign .wh-approaches article{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--wh-line);padding-top:24px}
.whitening-redesign .wh-subtle{background:var(--wh-subtle)}
.whitening-redesign .wh-editorial{display:grid;grid-template-columns:minmax(0,384fr) minmax(0,832fr);gap:64px;align-items:start}
.whitening-redesign .wh-steps{display:flex;flex-direction:column;gap:32px;padding:0;list-style:none}
.whitening-redesign .wh-steps>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:24px;border-top:1px solid var(--wh-line);padding-top:24px}
.whitening-redesign .wh-steps>li>div{display:flex;flex-direction:column;gap:12px}
.whitening-redesign .wh-step-number{font:600 15px/24px var(--font-body,Inter,sans-serif);color:var(--wh-blue)}
.whitening-redesign .wh-care{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.whitening-redesign .wh-care article{display:flex;flex-direction:column;gap:16px}
.whitening-redesign .wh-safety{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--mist,#eff2f6)}
.whitening-redesign .wh-safety h3{font:600 15px/24px var(--font-body,Inter,sans-serif);letter-spacing:0}
.whitening-redesign .wh-faq{display:flex;flex-direction:column;gap:16px}
.whitening-redesign .wh-faq details{margin:0;padding:24px 0;border:0;border-bottom:1px solid var(--wh-line);border-radius:0;background:transparent;overflow:visible}
.whitening-redesign .wh-faq summary{min-height:44px;padding:12px 0;cursor:pointer;font:600 15px/24px var(--font-body,Inter,sans-serif);color:var(--wh-ink)}
.whitening-redesign .wh-faq details p{margin:0;padding:0;font-size:16px;line-height:26px}
.whitening-redesign .wh-faq-answer{padding-top:16px}
.whitening-redesign .wh-related{display:flex;flex-direction:column;gap:24px;padding-top:32px}
.whitening-redesign .wh-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1024px){
 .whitening-redesign .wh-container{width:calc(100% - 64px)}
 .whitening-redesign h1{font-size:36px;line-height:40px;letter-spacing:-.6px}
 .whitening-redesign h2{font-size:26px;line-height:32px;letter-spacing:-.3px}
 .whitening-redesign .wh-hero-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
 .whitening-redesign .wh-summary{grid-column:1/-1;grid-row:1;padding:0}
 .whitening-redesign .wh-material-0{grid-column:1;grid-row:2;padding:0}
 .whitening-redesign .wh-material-1{grid-column:2;grid-row:2;padding:0}
 .whitening-redesign .wh-material-2{grid-column:1;grid-row:3;padding:0}
 .whitening-redesign .wh-material-3{grid-column:2;grid-row:3;padding:0}
 .whitening-redesign .wh-editorial{grid-template-columns:minmax(0,1fr);gap:32px}
 .whitening-redesign .wh-approaches{gap:32px}
 .whitening-redesign .wh-related>div{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
 .whitening-redesign .wh-container{width:calc(100% - 40px)}
 .whitening-redesign .wh-hero-stage{display:flex;flex-direction:column;gap:24px}
 .whitening-redesign .wh-summary,.whitening-redesign .wh-material{width:100%;padding:0}
 .whitening-redesign .wh-material-index{display:flex;flex-direction:column;gap:8px}
 .whitening-redesign .wh-facts,.whitening-redesign .wh-approaches,.whitening-redesign .wh-care{grid-template-columns:minmax(0,1fr);gap:24px}
 .whitening-redesign .wh-steps>li{grid-template-columns:32px minmax(0,1fr);gap:16px}
}
@media(prefers-reduced-motion:reduce){.whitening-redesign *{scroll-behavior:auto!important}}