/* 2026-10-24 / whitening rev5. This stylesheet belongs to this page only. */
body.whitening-page{--dbs-shell-height:96px;--dbs-fixed-header-height:96px;--wh-header-h:96px;--wh-anchor-h:42px;--wh-rose:#b64e75;--wh-blue:#286b94;--wh-ink:#223e54;--wh-line:#d9eaf2;color:var(--wh-ink)}
.whitening-page main{isolation:isolate}
.whitening-page main .shell{width:min(1120px,calc(100% - 48px))}
.whitening-page main .section,.whitening-page .review-evidence,.whitening-page .shade-evidence{padding:34px 0}
.whitening-page main h2,.whitening-page .salon-copy h2,.whitening-page .review-evidence__copy h2,.whitening-page .shade-evidence__copy h2{font-size:clamp(25px,2.6vw,34px);line-height:1.4;letter-spacing:-.035em}
.whitening-page main h2 em,.whitening-page main h3 em{font-style:normal;color:var(--wh-rose)}
.whitening-page main h2 em{background:linear-gradient(110deg,#ae456c,#b64e75 55%,#367c9c);background-clip:text;-webkit-background-clip:text;color:transparent}
.whitening-page main p{line-height:1.8}
.whitening-page .section-head{margin-bottom:20px}
.whitening-page .section-head>p,.whitening-page .hero-lead,.whitening-page .visual-card p,.whitening-page .salon-copy>p,.whitening-page .material-panel p,.whitening-page .flow-panel p{font-size:15px;line-height:1.8}
.whitening-page .kicker{font-size:10px;letter-spacing:.16em;color:var(--wh-blue);font-weight:700}
.whitening-page .dbs-shell-top{height:56px;min-height:56px}
.whitening-page .dbs-shell-nav>.dbs-shell-width{min-height:39px}
body.whitening-page .dbs-shell-nav a,.whitening-page .dbs-shell-more summary{min-height:39px}
.whitening-page .dbs-shell-nav a[href="https://dents-blanches-sanda.com/price-course/"]{align-self:center;min-height:32px;margin:4px 6px;padding:5px 12px;border:1px solid #b6dced;border-radius:99px;background:linear-gradient(180deg,#fff 0%,#f2fcff 42%,#c6eafa 50%,#e7f7fe 100%);box-shadow:inset 0 1px #fff,0 2px 7px #315e7d0b;color:#2e719e}
.whitening-page .hero{padding:18px 0;background:radial-gradient(ellipse at 95% 18%,#faedf2 0%,transparent 45%),linear-gradient(130deg,#edfaff,#fff 58%)}
.whitening-page .hero-window{border-radius:25px;box-shadow:inset 0 1px #fff,0 12px 32px #386f8c12}
.whitening-page .hero-grid{grid-template-columns:1fr 1fr;min-height:380px}
.whitening-page .hero-copy{padding:26px 30px}
.whitening-page .hero h1{margin-top:12px;line-height:1.25}
.whitening-page .hero h1 small{font-size:9px;margin-bottom:10px}
.whitening-page .hero h1 span{font-size:clamp(29px,3.1vw,42px);line-height:1.34;color:var(--wh-ink);letter-spacing:-.045em}
.whitening-page .hero h1 em{display:block;font-style:normal;color:var(--wh-rose)}
.whitening-page .hero-lead{margin-top:14px;font-weight:500}
.whitening-page .store-booking-note{font-size:12px;line-height:1.75;margin-top:12px}
.whitening-page .hero-copy .hero-actions{margin-top:16px;gap:10px}
.whitening-page .hero-visual,.whitening-page .hero-visual picture{min-height:380px;height:100%}
.whitening-page .hero-visual img{height:100%;min-height:380px;object-fit:cover;object-position:70% center}
.whitening-page .hero-facts{background:linear-gradient(110deg,#eaf8fe,#fff9fb)}
.whitening-page .hero-facts>span{padding:12px 20px;font-size:11px}
.whitening-page .hero-facts b{font-size:24px;color:var(--wh-blue);letter-spacing:-.03em;line-height:1.6;font-weight:700}
.whitening-page .hero-facts small{font-size:12px;margin-left:5px;font-weight:600}
.whitening-page .hero-facts>span:nth-child(2) b{color:var(--wh-rose)}
.whitening-page .anchor-nav{position:sticky;top:var(--wh-header-h);background:#f9fdffe8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.whitening-page main section[id],.whitening-page main article[id]{scroll-margin-top:calc(var(--wh-header-h) + var(--wh-anchor-h) + 14px)}
.whitening-page .aqua-button{min-height:38px;padding:7px 15px;gap:9px;border:1px solid #7ab8d4;font-size:12px;font-weight:650;background:linear-gradient(180deg,#fff 0%,#f5fcff 17%,#e3f6ff 46%,#93d0e8 51%,#b9e8f7 83%,#e0f6ff 100%);box-shadow:inset 0 1px #fff,inset 0 -1px 3px #558ba130,0 3px 8px #38627d15;color:#225c7c}
.whitening-page .aqua-button:before{top:2px;left:3%;right:3%;height:44%;background:linear-gradient(#fff, #ffffff28)}
.whitening-page .aqua-button .aqua-arrow{width:19px;height:19px;font-size:12px;border-color:#ffffffc9;background:#ffffff61}
.whitening-page .aqua-button.aqua-hpb{border-color:#c48da6;color:#79415b;background:linear-gradient(180deg,#fff 0%,#fff6fa 40%,#f0c8d9 48%,#e0a7bf 52%,#f4d4e3 84%,#fff0f6 100%);box-shadow:inset 0 1px #fff,inset 0 -1px 3px #b464852b,0 3px 8px #87435e12}
.whitening-page .hero-copy .hero-actions .aqua-button{min-height:38px;font-size:12px}
.whitening-page .visual-card{grid-template-rows:152px 1fr;box-shadow:inset 0 1px #fff,0 6px 18px #32627c0b;border:1px solid #dcebf1}
.whitening-page .visual-card img{height:152px}
.whitening-page .visual-card div{padding:16px 18px}
.whitening-page .visual-card h3{font-size:18px;line-height:1.45;margin:7px 0}
.whitening-page .visual-card p{font-size:14px;line-height:1.75}
.whitening-page .long-irradiation{background:radial-gradient(ellipse at 4% 45%,#e0f5ff8c,transparent 55%),linear-gradient(135deg,#f6fcff,#fff9fc)}
.whitening-page .treatment-heading{max-width:720px}
.whitening-page .treatment-heading h2{margin:8px 0 10px}
.whitening-page .treatment-heading>p:last-child{max-width:650px}
.micro-label{font-size:10px!important;letter-spacing:.15em;color:var(--wh-blue);font-weight:700;margin:0 0 8px!important}
.minute-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;margin:18px 0 22px;border:1px solid #d5e8f1;border-radius:25px;padding:26px;background:linear-gradient(125deg,#ffffffd9,#f1fbffb8);box-shadow:inset 0 1px #fff,0 8px 24px #315f7b0a}
.minute-design__reason{min-width:0}
.minute-number{display:flex;gap:12px;align-items:center;margin:0 0 8px}
.minute-number strong{font-size:94px;line-height:.98;letter-spacing:-.08em;font-weight:650;color:var(--wh-rose);font-variant-numeric:tabular-nums}
.minute-number>span{font-size:22px;font-weight:650;line-height:1.5}
.minute-number small{display:block;font-size:11px;color:#627b8d;font-weight:400;letter-spacing:0}
.minute-design h3{font-size:20px;line-height:1.5;margin:14px 0 10px;color:var(--wh-ink)}
.minute-design p{font-size:14px;line-height:1.8;margin:8px 0}
.minute-design .minute-note{font-size:11px;color:#5f7686;line-height:1.75;margin:12px 0 0}
.minute-design__process{min-width:0;align-self:center}
.minute-prep,.minute-finish{display:flex;align-items:center;gap:12px;border-block:1px solid var(--wh-line);padding:12px 0;font-size:12px}
.minute-prep>span,.minute-finish>span{font-size:9px;color:var(--wh-blue);letter-spacing:.12em;flex-shrink:0}
.minute-cycles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0;padding:0;list-style:none;position:relative}
.minute-cycles li{border:1px solid #bcdceb;border-radius:15px;padding:10px 8px;background:linear-gradient(180deg,#fff,#e3f6ff 47%,#bfe8f8 51%,#eefaff);box-shadow:inset 0 1px #fff,0 3px 7px #26567a0b;position:relative;overflow:hidden}
.minute-cycles li:nth-child(n+3){border-color:#e7c6d5;background:linear-gradient(180deg,#fff,#fff4f8 47%,#f6d6e4 51%,#fff2f8)}
.minute-cycles li>span{display:block;font-size:9px;font-weight:650;letter-spacing:.12em;color:#557a92}
.minute-cycles b{font-size:30px;line-height:1.35;letter-spacing:-.045em;color:var(--wh-blue);font-weight:650}
.minute-cycles li:nth-child(n+3) b{color:#ac4f74}
.minute-cycles small{font-size:12px;margin-left:3px}
.minute-reset{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e5c9d5;border-radius:18px;padding:15px 16px;margin-bottom:15px}
.minute-reset small{color:#9e4869;font-size:10px;font-weight:650}
.minute-reset h3{font-size:18px;margin:5px 0 8px}
.minute-reset p{font-size:13px;margin:0;line-height:1.75}
.reset-orb{display:block;flex-shrink:0;width:22px;height:22px;border:1px solid #d197b0;border-radius:50%;margin-top:3px;background:radial-gradient(circle at 36% 25%,#fff 0%,#ffe7f0 20%,#d68aa9 55%,#a44b71 78%,#f6cadd 100%);box-shadow:inset 0 1px 2px #fff,0 4px 9px #a64b7424}
.whitening-page .irradiation-comparison>summary{min-height:64px;padding:13px 18px}
.whitening-page .irradiation-comparison>summary b{font-size:14px}
.whitening-page .irradiation-comparison>summary small{font-size:11px;margin:0}
.whitening-page .irradiation-audit__stats strong{font-size:44px;line-height:1.15}
.whitening-page .irradiation-audit__stats .is-accent strong{color:var(--wh-rose)}
.whitening-page .irradiation-balance-caveat{padding-top:12px}
.whitening-page .irradiation-balance-caveat .long-irradiation__note{font-size:11px!important;line-height:1.75}
.whitening-page .irradiation-balance-date{font-size:11px}
.whitening-page .salon-grid{gap:26px;align-items:center}
.whitening-page .salon-image img{min-height:0;max-height:400px;object-fit:cover;border-radius:22px}
.whitening-page .salon-copy h2{margin:7px 0 12px}
.whitening-page .feature-grid{gap:9px;margin-top:18px}
.whitening-page .feature-grid article{padding:12px;border:1px solid #dcebf1;box-shadow:none}
.whitening-page .feature-grid b{font-size:13px;color:var(--wh-blue)}
.whitening-page .feature-grid span{font-size:11px}
.whitening-page .finish-section{background:linear-gradient(120deg,#fff8fc,#fff 60%,#edfaff)}
.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.finish-card{min-width:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;border-radius:23px;background:linear-gradient(135deg,#fff,#ecf8ff);border:1px solid #d3e8f2;box-shadow:inset 0 1px #fff,0 8px 20px #285d7c0b;overflow:hidden}
.finish-card--rose{background:linear-gradient(135deg,#fff,#fff2f8);border-color:#ebd4df}
.finish-card__image{min-width:0;padding:12px}
.finish-card__image img{width:100%;height:220px;object-fit:contain}
.finish-card__copy{min-width:0;padding:22px 20px 22px 4px}
.finish-card h3{font-size:20px;line-height:1.5;margin:0 0 10px}
.finish-card p{font-size:13px;line-height:1.8;margin:0 0 12px}
.finish-card a{font-size:12px;font-weight:650;color:#276f97;display:inline-block;text-decoration:underline;text-decoration-color:#c0ddea;text-underline-offset:5px}
.finish-card a span{margin-left:5px}
.finish-source{font-size:11px;line-height:1.7;color:#617a8b;margin:12px 0 0}
.finish-source a{text-decoration:underline;text-underline-offset:3px}
.whitening-page .flow-panel img{height:290px;object-position:center}
.whitening-page .flow-panel>div{padding:24px}
.whitening-page .flow-panel h3{font-size:24px}
.whitening-page .flow-panel p{max-width:420px}
.whitening-page .compact-details{margin-top:14px}
.whitening-page .treatment-space{display:block;padding:25px;margin:0;border-radius:24px;background:linear-gradient(125deg,#effaff,#ffffffc9 60%,#fff3f9)}
.treatment-space__head{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:center}
.treatment-space__head .kicker{grid-column:1/-1}
.treatment-space__head h3{font-size:27px;line-height:1.45;letter-spacing:-.03em;margin:8px 0 12px}
.treatment-space__head>p:last-child{font-size:14px;line-height:1.8;margin:10px 0}
.space-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 18px}
.space-benefits article{border:1px solid #d8e8ef;border-radius:17px;background:#ffffffb8;padding:18px}
.space-benefits small{font-size:9px;color:#a94b70;letter-spacing:.12em;font-weight:650}
.space-benefits h4{font-size:18px;line-height:1.5;color:#2d678b;margin:8px 0}
.space-benefits p{font-size:13px;line-height:1.8;margin:0;color:#536e81}
.whitening-page .architecture-bridge__actions{display:block;margin:0}
.whitening-page .architecture-bridge__link{font-size:13px}
.whitening-page .machine-grid{gap:16px}
.whitening-page .machine-shot img,.whitening-page .machine-use img{height:250px;object-fit:contain}
.whitening-page .machine-facts article{padding:15px}
.whitening-page .machine-facts b{font-size:19px;color:var(--wh-blue)}
.whitening-page .machine-facts span{font-size:12px;line-height:1.7}
.whitening-page .light-data-panel{padding:22px;margin-top:20px}
.whitening-page .light-data-head p{font-size:13px}
.whitening-page .material-panel figure{min-height:270px;height:100%;max-height:350px}
.whitening-page .material-panel figure img{max-height:270px;object-fit:contain}
.whitening-page .material-panel>div{padding:22px}
.whitening-page .material-panel h3{font-size:23px}
.whitening-page .material-panel li{padding:8px 10px;font-size:12px}
.whitening-page .expert-guide-hpb{padding:16px 20px;margin-top:18px;gap:18px}
.whitening-page .expert-guide-hpb b{font-size:13px}
.whitening-page .expert-guide-card{padding:20px}
.whitening-page .expert-guide-card>p:not(.expert-guide-kicker){font-size:14px}
.whitening-page .result-pair img{height:250px;object-fit:cover}
.whitening-page .result-copy{padding:20px}
.whitening-page .shade-evidence__panel,.whitening-page .review-evidence__panel{padding:25px;gap:24px}
.whitening-page .shade-evidence__copy>p,.whitening-page .review-evidence__copy>p{font-size:14px}
.whitening-page .shade-evidence__stat,.whitening-page .review-evidence__stat{padding:14px;border-radius:15px;background:#ffffffb8;border:1px solid #daeaf2}
.whitening-page .shade-evidence__stat b,.whitening-page .review-evidence__stat b{font-size:42px;line-height:1.2;letter-spacing:-.04em;font-weight:650;color:var(--wh-blue);font-variant-numeric:tabular-nums}
.whitening-page .shade-evidence__stat:first-child b,.whitening-page .review-evidence__stat:first-child b{color:var(--wh-rose)}
.whitening-page .shade-evidence__stat b small{font-size:13px;letter-spacing:0;margin-left:3px}
.whitening-page .shade-evidence__stat span,.whitening-page .review-evidence__stat span{font-size:11px}
.whitening-page .shade-evidence__note{font-size:11px;margin:0}
.whitening-page .faq-grid summary{padding:15px 17px;font-size:14px;line-height:1.65}
.whitening-page .faq-grid details p{font-size:14px;padding:0 17px 16px}
.whitening-page .final-card>div:last-child{padding:25px}
.whitening-page .final-card h2{margin:8px 0 12px}
.whitening-page .final-card p{font-size:14px;max-width:650px;margin-inline:auto}
.whitening-page .final-card .reserve-identity{font-size:12px;color:#5f7686}
.whitening-page .dbs-shell-footer{margin-top:0;padding-top:24px;padding-bottom:24px}
@keyframes wh-light-pass{from{transform:translateX(-160%) skewX(-18deg)}to{transform:translateX(460%) skewX(-18deg)}}
@media(prefers-reduced-motion:no-preference){
 .minute-design.is-seen .minute-cycles li:after{content:"";position:absolute;pointer-events:none;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:translateX(-160%);animation:wh-light-pass 1.4s ease-in-out both}
 .minute-design.is-seen .minute-cycles li:nth-child(2):after{animation-delay:.18s}.minute-design.is-seen .minute-cycles li:nth-child(3):after{animation-delay:.36s}.minute-design.is-seen .minute-cycles li:nth-child(4):after{animation-delay:.54s}
 .finish-card{transition:transform .3s,box-shadow .3s}.finish-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff,0 12px 24px #285d7c13}
}
@media(max-width:1000px){body.whitening-page{--dbs-shell-height:58px;--dbs-fixed-header-height:58px;--wh-header-h:58px}.whitening-page .dbs-shell-top{height:58px;min-height:58px}.whitening-page .dbs-shell-nav{inset:58px 0 0;height:calc(100dvh - 58px)}.whitening-page .hero-copy{padding:24px}.finish-card{grid-template-columns:1fr}.finish-card__image{padding:16px 20px 0}.finish-card__image img{height:150px}.finish-card__copy{padding:16px 22px 22px}}
@media(max-width:760px){
 .whitening-page main .shell{width:calc(100% - 32px)}
 .whitening-page main .section,.whitening-page .review-evidence,.whitening-page .shade-evidence{padding:26px 0}
 .whitening-page main h2,.whitening-page .salon-copy h2,.whitening-page .review-evidence__copy h2,.whitening-page .shade-evidence__copy h2{font-size:25px;line-height:1.45}
 .whitening-page .hero{padding:12px 0}
 .whitening-page .hero-grid{grid-template-columns:1fr;min-height:0}
 .whitening-page .hero-visual,.whitening-page .hero-visual picture{min-height:0;height:200px}
 .whitening-page .hero-visual img{min-height:0;height:200px;object-position:center 35%}
 .whitening-page .hero-copy{padding:20px}
 .whitening-page .hero h1 span{font-size:30px;line-height:1.3}
 .whitening-page .hero h1 span:last-child{font-size:27px}
 .whitening-page .hero h1 span:last-child em{display:inline;margin-left:0}
 .whitening-page .hero h1 small{font-size:8px;margin-bottom:7px}
 .whitening-page .hero-lead{font-size:14px;margin-top:12px}
 .whitening-page .hero-copy .hero-actions{display:grid;grid-template-columns:1fr;margin-top:13px;gap:9px}
 .whitening-page .store-booking-note{font-size:11px;margin-top:10px}
 .whitening-page .hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .whitening-page .hero-facts>span{padding:10px 8px;font-size:9px;line-height:1.7;border-bottom:0;border-right:1px solid #d9eaf2}
 .whitening-page .hero-facts b{display:block;font-size:17px;line-height:1.5;margin-right:0}
 .whitening-page .hero-facts small{display:block;margin:0;font-size:9px;letter-spacing:0}
 .whitening-page .hero-facts>span>span{display:inline;padding:0}
 .whitening-page .anchor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .whitening-page .anchor-grid a{min-height:32px;font-size:10px;padding:4px 2px}
 .whitening-page .visual-cards{gap:12px}
 .whitening-page .visual-card{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto;min-height:155px;border-radius:18px}
 .whitening-page .visual-card img{width:100%;height:100%;object-fit:cover;object-position:center}
 .whitening-page .visual-card div{padding:13px}
 .whitening-page .visual-card small{font-size:8px}
 .whitening-page .visual-card h3{font-size:15px;line-height:1.5;margin:5px 0}
 .whitening-page .visual-card p{font-size:12px;line-height:1.75;margin:6px 0}
 .whitening-page .visual-card a{font-size:11px}
 .minute-design{grid-template-columns:1fr;gap:18px;padding:20px 17px;margin:17px 0;border-radius:21px}
 .minute-number strong{font-size:76px}
 .minute-number>span{font-size:20px}
 .minute-number small{font-size:10px}
 .minute-design h3{font-size:19px;margin-top:12px}
 .minute-design p{font-size:13px}
 .minute-design .minute-note{font-size:11px}
 .minute-prep,.minute-finish{font-size:11px;gap:8px}
 .minute-cycles{gap:6px;margin:13px 0}
 .minute-cycles li{padding:8px 7px;border-radius:13px}
 .minute-cycles b{font-size:27px}
 .minute-cycles small{font-size:10px}
 .minute-reset{padding:13px 12px;gap:9px}
 .minute-reset h3{font-size:17px;margin:5px 0 8px}
 .minute-reset p{font-size:12px}
 .reset-orb{width:18px;height:18px}
 .whitening-page .irradiation-comparison>summary{min-height:60px;padding:13px 15px}
 .whitening-page .irradiation-comparison>summary b{font-size:13px}
 .whitening-page .irradiation-comparison>summary small{font-size:10px}
 .whitening-page .irradiation-comparison-body{padding:5px 12px 15px}
 .whitening-page .irradiation-comparison-body .section-head h3{font-size:19px}
 .whitening-page .irradiation-audit__stats strong{font-size:36px}
 .whitening-page .irradiation-audit__brands strong{font-size:16px}
 .whitening-page .irradiation-audit__conclusion,.whitening-page .irradiation-audit__choice p{font-size:13px}
 .whitening-page .irradiation-balance-caveat .long-irradiation__note{font-size:10.5px!important}
 .whitening-page .salon-grid{gap:18px}
 .whitening-page .salon-image img{height:220px;max-height:none;min-height:0}
 .whitening-page .feature-grid{gap:8px}
 .whitening-page .feature-grid article{padding:11px 10px}
 .whitening-page .feature-grid b{font-size:12px}
 .whitening-page .feature-grid span{font-size:10px}
 .finish-grid{grid-template-columns:1fr;gap:13px}
 .finish-card{grid-template-columns:100px minmax(0,1fr);border-radius:20px}
 .finish-card__image{padding:8px}
 .finish-card__image img{height:180px}
 .finish-card__copy{padding:18px 15px 18px 2px}
 .finish-card h3{font-size:18px;margin:0 0 9px}
 .finish-card p{font-size:12px;margin-bottom:10px}
 .finish-card a{font-size:11px}
 .finish-source{font-size:10px}
 .whitening-page .flow-panel img{height:215px}
 .whitening-page .flow-panel>div{padding:18px}
 .whitening-page .flow-panel h3{font-size:21px}
 .whitening-page .flow-panel p{font-size:14px}
 .whitening-page .treatment-space{padding:19px 16px}
 .treatment-space__head{display:block}
 .treatment-space__head h3{font-size:24px}
 .treatment-space__head>p:last-child{font-size:13px}
 .space-benefits{grid-template-columns:1fr;gap:9px;margin:15px 0}
 .space-benefits article{padding:14px;display:grid;grid-template-columns:95px 1fr;gap:6px 12px}
 .space-benefits small{grid-column:1/-1;font-size:8px}
 .space-benefits h4{font-size:14px;margin:0;line-height:1.65}
 .space-benefits p{font-size:12px;line-height:1.75}
 .whitening-page .architecture-bridge__link{font-size:12px}
 .whitening-page .machine-shot img,.whitening-page .machine-use img{height:210px}
 .whitening-page .machine-facts b{font-size:18px}
 .whitening-page .light-data-panel{padding:16px}
 .whitening-page .light-data-head h3{font-size:19px}
 .whitening-page .material-panel figure{min-height:180px;max-height:220px}
 .whitening-page .material-panel figure img{max-height:190px}
 .whitening-page .material-panel>div{padding:18px}
 .whitening-page .material-panel h3{font-size:21px}
 .whitening-page .material-panel p{font-size:14px}
 .whitening-page .expert-guide-hpb{display:grid;padding:16px}
 .whitening-page .expert-guide-hpb .aqua-button{width:100%}
 .whitening-page .result-pair img{height:150px;object-fit:cover}
 .whitening-page .shade-evidence__panel,.whitening-page .review-evidence__panel{padding:20px 17px;gap:18px}
 .whitening-page .shade-evidence__stat b,.whitening-page .review-evidence__stat b{font-size:36px}
 .whitening-page .shade-evidence__stat,.whitening-page .review-evidence__stat{padding:13px 10px}
 .whitening-page .shade-evidence__stat b small{font-size:11px}
 .whitening-page .final-card>div:last-child{padding:22px 18px}
 .whitening-page .final-card .hero-actions{display:grid;gap:10px}
 .whitening-page .final-card p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.whitening-page *{scroll-behavior:auto!important}}
/* Override only this page's legacy !important button rules. */
body.whitening-page.dbs-refreshed :is(.aqua-button,.dbs-shell-button){min-height:38px;padding:7px 15px;border:1px solid #7ab8d4!important;border-radius:999px!important;background:linear-gradient(180deg,#fff 0%,#f5fcff 17%,#e3f6ff 46%,#93d0e8 51%,#b9e8f7 83%,#e0f6ff 100%)!important;box-shadow:inset 0 1px #fff,inset 0 -1px 3px #558ba130,0 3px 8px #38627d15!important;color:#225c7c!important;font-weight:650}
body.whitening-page.dbs-refreshed .aqua-button.aqua-hpb{border-color:#c48da6!important;color:#79415b!important;background:linear-gradient(180deg,#fff 0%,#fff6fa 40%,#f0c8d9 48%,#e0a7bf 52%,#f4d4e3 84%,#fff0f6 100%)!important;box-shadow:inset 0 1px #fff,inset 0 -1px 3px #b464852b,0 3px 8px #87435e12!important}
body.whitening-page.dbs-refreshed :is(.aqua-button,.dbs-shell-button):hover{filter:brightness(1.03);box-shadow:inset 0 1px #fff,0 5px 12px #38627d22!important}
body.whitening-page.dbs-refreshed .dbs-shell-nav a[href="https://dents-blanches-sanda.com/price-course/"]{min-height:31px;background:linear-gradient(180deg,#fff 0%,#f2fcff 42%,#c6eafa 50%,#e7f7fe 100%);border:1px solid #b6dced;border-radius:99px;color:#2e719e}

/* Place the refresh at its real position between cycles 2 and 3. */
.minute-cycles{grid-template-columns:1fr 1fr 38px 1fr 1fr;gap:7px;align-items:stretch}
.minute-cycles li.cycle-refresh{border:0;background:none;box-shadow:none;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible}
.minute-cycles li.cycle-refresh>span{color:#ad4a73;font-size:24px;line-height:1.1;letter-spacing:0}
.minute-cycles li.cycle-refresh small{color:#93546d;font-size:9px;line-height:1.7;margin:3px 0 0;white-space:nowrap}
.minute-design.is-seen .minute-cycles li.cycle-refresh:after{display:none}
.minute-cycles li:nth-child(4),.minute-cycles li:nth-child(5){border-color:#e7c6d5;background:linear-gradient(180deg,#fff,#fff4f8 47%,#f6d6e4 51%,#fff2f8)}
@media(max-width:760px){.minute-cycles{grid-template-columns:1fr 1fr 28px 1fr 1fr;gap:5px}.minute-cycles li{padding:8px 5px}.minute-cycles b{font-size:25px}.minute-cycles li.cycle-refresh>span{font-size:22px}.minute-cycles li.cycle-refresh small{font-size:8px}}

.whitening-page .irradiation-comparison>.long-irradiation__note{padding:0 18px 18px;margin:0;font-size:11px;line-height:1.8;color:#5e7383}

.whitening-page .shade-evidence__stats,.whitening-page .review-evidence__stats{gap:9px}
@media(max-width:760px){.space-benefits article{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:360px){.space-benefits article{display:block}.space-benefits h4{margin:6px 0}.space-benefits h4 br{display:none}}

/* rev6: component contrast and visual explanations; scope remains this page. */
.whitening-page .stain-section{background:radial-gradient(ellipse at 100% 10%,#fff1f5a1,transparent 48%),linear-gradient(140deg,#f2fbff,#fff)}
.stain-heading{display:grid;grid-template-columns:1fr .85fr;align-items:end;gap:30px}
.stain-heading>p{font-size:14px!important;max-width:390px;margin-bottom:3px}
.stain-lab{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:20px;align-items:start}
.stain-editorial-photo{margin:0;overflow:hidden;border-radius:23px;border:1px solid #d9eaf2;background:#fff;box-shadow:inset 0 1px #fff,0 8px 22px #315f7b09}
.stain-editorial-photo img{width:100%;height:330px;object-fit:cover;object-position:center}
.stain-editorial-photo figcaption{padding:17px 20px;background:linear-gradient(110deg,#fff,#fff6fa)}
.stain-editorial-photo figcaption small{display:block;font-size:9px;letter-spacing:.13em;color:#a54e70}
.stain-editorial-photo figcaption b{display:block;font-size:23px;line-height:1.5;letter-spacing:-.03em;margin-top:6px;color:#2c5977}
.stain-editorial-photo figcaption b br{display:none}
.stain-explorer{min-width:0;border:1px solid #d9e9f1;border-radius:23px;background:linear-gradient(130deg,#ffffffeb,#eff9ffb3);padding:20px;box-shadow:inset 0 1px #fff,0 8px 22px #315f7b09}
.stain-tabs{display:flex;padding:4px;gap:5px;border-radius:99px;background:#e9f3f8;box-shadow:inset 0 1px 3px #375b7210}
.stain-tabs button{flex:1;min-width:0;border:1px solid transparent;border-radius:99px;background:none;padding:9px 8px;font-size:12px;color:#536f83;font-weight:650;cursor:pointer;line-height:1.5}
.stain-tabs button.is-active{background:linear-gradient(180deg,#fff,#f9fdff 46%,#daeff9 50%,#f3fbff);border-color:#b9dce9;color:#286b94;box-shadow:inset 0 1px #fff,0 3px 6px #315f7b0b}
.stain-panel{display:grid;grid-template-columns:122px minmax(0,1fr);gap:18px;align-items:center;padding:21px 0 16px}
.stain-panel h3{font-size:20px;line-height:1.5;margin:6px 0 10px;letter-spacing:-.025em}
.stain-panel p:not(.micro-label){font-size:13px;line-height:1.8;margin:7px 0}
.stain-diagram{align-self:center;text-align:center;padding-top:7px;isolation:isolate}
.stain-diagram__label{display:inline-block;font-size:10px;color:#945c41;margin-bottom:12px;font-weight:650}
.diagram-tooth{position:relative;width:100px;height:136px;margin:auto;border:1px solid #b9d6e4;background:linear-gradient(115deg,#fff,#f9fdff 52%,#e0f0f7);border-radius:42% 42% 34% 34%/28% 28% 60% 60%;box-shadow:inset 5px 3px 10px #fff,0 7px 16px #34638316}
.diagram-dentin{position:absolute;inset:22px 18px 17px;border-radius:39% 39% 35% 35%;background:linear-gradient(110deg,#faf3df,#eddbb2);border:1px solid #e4d7b8;opacity:.65}
.stain-diagram--surface .diagram-tooth{outline:4px solid #e3b38b7a;outline-offset:4px}
.diagram-tooth>i{position:absolute;border-radius:60%;width:8px;height:10px;background:#936545;box-shadow:inset 1px 1px 2px #edc09c;left:-9px;top:30px}
.diagram-tooth>i:nth-of-type(2){left:7px;top:-7px;width:10px;height:7px}.diagram-tooth>i:nth-of-type(3){left:auto;right:-8px;top:38px}.diagram-tooth>i:nth-of-type(4){left:12px;top:auto;bottom:0;width:7px;height:9px}
.stain-diagram--inside .diagram-dentin{opacity:1;box-shadow:0 0 0 4px #efd9a230}
.stain-diagram--inside .stain-diagram__label{color:#8d7043}
.stain-diagram>small{display:block;margin-top:12px;font-size:9px;color:#718698}
.stain-route{border-top:1px solid #d9e9f1;padding:13px 0 5px}
.stain-route>small{font-size:11px;color:#546f82}
.stain-route ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0;padding:0;gap:9px}
.stain-route li{border-left:1px solid #d4e7f0;padding-left:10px;min-width:0}
.stain-route li>span{font-size:9px;color:#a54e70;letter-spacing:.12em}
.stain-route b{display:block;font-size:18px;color:#306a90;line-height:1.6}
.stain-route li small{display:block;font-size:10px;line-height:1.7;color:#5d7689}
.stain-reading{display:inline-block;font-size:12px;font-weight:650;color:#2c729a;line-height:1.8;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#bedce9}
.stain-reading>span{margin-left:5px}
.finish-editorial{display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);gap:18px;align-items:stretch}
.finish-basic,.finish-premium{min-width:0;padding:24px;border:1px solid #d9e9f1;border-radius:24px;background:linear-gradient(135deg,#fff,#eef9ff);box-shadow:inset 0 1px #fff,0 8px 24px #315f7b0a}
.finish-basic h3,.finish-premium h3{font-size:25px;line-height:1.45;margin:6px 0 12px;letter-spacing:-.035em}
.finish-basic>img{width:100%;height:170px;object-fit:contain;margin:8px 0 12px}
.finish-basic>p:not(.micro-label){font-size:14px;line-height:1.8;margin:8px 0 12px}
.finish-formula{display:flex;gap:13px;align-items:center;border-block:1px solid #d6e8f2;padding:12px 0;margin:13px 0}
.finish-formula strong{font-size:44px;line-height:1.1;color:#317b9d;font-weight:650;letter-spacing:-.05em}
.finish-formula strong small{font-size:12px;margin-left:3px}
.finish-formula>span{font-size:11px;line-height:1.7;color:#597285}
.finish-basic>a,.finish-reading>a{font-size:12px;line-height:1.8;font-weight:650;color:#2b6b92;text-decoration:underline;text-decoration-color:#c3dce8;text-underline-offset:5px}
.finish-premium{border-color:#e7c8d8;background:radial-gradient(ellipse at 100% 0,#ffeaf2a8,transparent 65%),linear-gradient(130deg,#fff,#fff6fa);position:relative;overflow:hidden}
.finish-premium__intro{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;align-items:center}
.finish-premium__intro>div{min-width:0}
.finish-premium__intro>img{width:140px;height:190px;object-fit:contain}
.finish-product-name{font-size:12px!important;color:#9e4c6d;font-weight:650;margin:9px 0!important;line-height:1.7!important}
.finish-premium__intro p:not(.micro-label):not(.finish-product-name){font-size:14px;line-height:1.8;margin:8px 0}
.enamel-crystal{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:18px 0;margin:12px 0 0;border-block:1px solid #ebd4df}
.enamel-crystal h4{font-size:18px;line-height:1.5;margin:6px 0 8px;color:#8f4263;letter-spacing:-.025em}
.enamel-crystal small{font-size:9px;color:#a65376;letter-spacing:.12em}
.enamel-crystal p{font-size:12px;line-height:1.8;margin:0;color:#596f82}
.crystal-visual{position:relative;height:100px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.crystal-layer{display:flex;gap:2px;align-items:flex-end;padding:0 3px}
.crystal-layer i{display:block;width:14px;height:23px;background:linear-gradient(100deg,#fff6fb,#e6abc6 48%,#f9dbe9);border:1px solid #bd7b9c;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);flex:1}
.crystal-layer i:nth-child(even){height:27px}
.enamel-layer{padding:14px 0;text-align:center;font-size:11px;color:#657e90;border-radius:4px 4px 10px 10px;border:1px solid #c5deeb;background:linear-gradient(110deg,#fff,#ddecf4);box-shadow:inset 0 1px #fff}
.enamel-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.enamel-roles>div{border-left:1px solid #e6c6d7;padding-left:9px;min-width:0}
.enamel-roles small{display:block;font-size:10px;color:#8c546d;line-height:1.7}
.enamel-roles b{display:block;font-size:12px;color:#365b76;line-height:1.7;margin-top:3px}
.finish-reading{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px}
.whitening-page .finish-source{margin-top:12px;max-width:940px}
.brush-reasons{display:grid;gap:0;margin:14px 0}
.brush-reasons>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;border-top:1px solid #d9e9f0;padding:9px 0;line-height:1.7}
.brush-reasons dt{font-size:12px;color:#2c6e94;font-weight:650}
.brush-reasons dd{font-size:12px;color:#526e82;margin:0}
.whitening-page #flow-1{align-items:center}
.whitening-page #flow-1 img{height:100%;min-height:310px;max-height:440px;object-fit:cover}
.whitening-page #flow-1>div{padding:23px}
.whitening-page #flow-1 p{font-size:14px}
.whitening-page .material-panel .product-reading{font-size:11px;margin-top:13px;line-height:1.8}
.product-reading a{color:#317498;text-decoration:underline;text-underline-offset:4px}
.catalyst-story{border:1px solid #c7e1f0;background:radial-gradient(ellipse at 100% 0,#cceefa65,transparent 65%),linear-gradient(125deg,#fbfdff,#eff9ff);border-radius:24px;padding:23px 25px;margin-bottom:22px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px 28px;box-shadow:inset 0 1px #fff,0 8px 24px #315f7b0a}
.catalyst-story__intro h3{font-size:25px;line-height:1.45;letter-spacing:-.035em;margin:7px 0 12px}
.catalyst-story__intro p:not(.micro-label){font-size:14px;line-height:1.8;margin:10px 0}
.catalyst-sequence{list-style:none;display:grid;gap:0;padding:0;margin:0;align-self:center}
.catalyst-sequence>li{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #cfe4f1}
.catalyst-sequence>li:first-child{padding-top:0}
.catalyst-sequence small{font-size:9px;color:#38799e;letter-spacing:.1em}
.catalyst-sequence b{display:block;font-size:15px;line-height:1.7;color:#2b5a7b}
.catalyst-sequence p{font-size:12px;line-height:1.7;margin:2px 0 0;color:#5b7486}
.catalyst-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;border:1px solid #adcfe3;background:linear-gradient(150deg,#fff,#cceefa);box-shadow:inset 0 1px #fff;font-size:18px;font-weight:650;color:#327a9e}
.catalyst-symbol--light{border-color:#b8dff4;background:radial-gradient(circle at 40% 32%,#fff,#c6ebff 60%,#90c9ec);font-size:29px}
.catalyst-symbol--brush{border-color:#e1bccf;background:linear-gradient(150deg,#fff,#f7dce9);font-size:28px;color:#a24b70}
.catalyst-story .catalyst-boundary{grid-column:1/-1;font-size:11px;line-height:1.8;color:#5e768a;margin:6px 0 0}
.catalyst-story>.stain-reading{grid-column:1/-1}
.whitening-page #compare-dbs .compare-intro{padding:22px 24px}
.whitening-page #compare-dbs .compare-intro p{font-size:14px;line-height:1.8;max-width:860px;margin-top:10px}
.whitening-page #compare-dbs dl{grid-template-columns:1.1fr 1.45fr .8fr .7fr 1.2fr}
.whitening-page #compare-dbs dl>div{padding:17px 18px}
.whitening-page #compare-dbs dt{font-size:11px}
.whitening-page #compare-dbs dd{font-size:14px;line-height:1.8;margin:7px 0 0}
.whitening-page #compare-dbs .compare-time b{display:block;font-size:32px;color:#ae4e75;letter-spacing:-.055em;line-height:1.25;font-weight:650;white-space:nowrap}
.whitening-page #compare-dbs .compare-time b small{font-size:13px;letter-spacing:0;margin-left:3px}
.whitening-page #compare-dbs .compare-time>span{display:block;font-size:11px;color:#5b7489;margin-top:5px}
.whitening-page .compare-panel .compare-intro small{font-size:10px;letter-spacing:.08em}
.light-reference{border:1px solid #d3e6f0;border-radius:17px;background:#ffffffb8;margin-top:18px;overflow:hidden}
.light-reference>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;list-style:none;cursor:pointer;color:#305e7c}
.light-reference>summary::-webkit-details-marker{display:none}
.light-reference summary b{display:block;font-size:14px;line-height:1.7}
.light-reference summary small{display:block;font-size:11px;color:#698192;line-height:1.7}
.light-reference summary i{font-style:normal;font-size:20px;color:#4d92b3}
.light-reference[open] summary i{transform:rotate(45deg)}
.light-reference__body{padding:0 17px 17px}
.whitening-page .light-reference .equipment-compare{margin-top:0}
@keyframes wh-crystal-glint{0%{transform:translateX(-120%)}100%{transform:translateX(500%)}}
@media(prefers-reduced-motion:no-preference){.finish-premium.is-seen .crystal-glint{position:absolute;pointer-events:none;z-index:1;top:0;bottom:0;width:32%;background:linear-gradient(100deg,transparent,#ffffffc0,transparent);animation:wh-crystal-glint 1.8s .2s ease-out both}}
@media(max-width:1000px){.finish-editorial{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.finish-premium__intro{grid-template-columns:1fr 100px}.finish-premium__intro>img{width:100px;height:150px}.finish-basic,.finish-premium{padding:20px}.enamel-crystal{grid-template-columns:120px 1fr;gap:13px}.brush-reasons>div{grid-template-columns:1fr;gap:1px}.stain-lab{grid-template-columns:1fr 1.15fr}.stain-panel{grid-template-columns:95px 1fr;gap:12px}.diagram-tooth{width:76px;height:108px}.stain-editorial-photo img{height:300px}}
@media(max-width:760px){
 .stain-heading{display:block}.stain-heading>p{font-size:14px!important;max-width:none;margin-top:10px}
 .stain-lab{grid-template-columns:1fr;gap:14px}
 .stain-editorial-photo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;border-radius:20px}
 .stain-editorial-photo img{height:205px;object-fit:cover}
 .stain-editorial-photo figcaption{padding:15px 12px;background:none}
 .stain-editorial-photo figcaption b{font-size:20px;line-height:1.6;margin-top:8px}
 .stain-editorial-photo figcaption b br{display:block}
 .stain-editorial-photo figcaption small{font-size:8px;line-height:1.8}
 .stain-explorer{padding:16px 14px;border-radius:20px}
 .stain-tabs button{font-size:11px;padding:9px 5px;min-height:38px}
 .stain-panel{grid-template-columns:82px minmax(0,1fr);gap:13px;padding:18px 0 12px}
 .stain-panel h3{font-size:17px;margin:6px 0 9px}
 .stain-panel p:not(.micro-label){font-size:12px;line-height:1.85;margin:7px 0}
 .diagram-tooth{width:65px;height:98px}.diagram-dentin{inset:18px 12px 14px}
 .stain-diagram__label{font-size:9px;margin-bottom:10px}
 .stain-diagram>small{font-size:8px}
 .stain-route>small{font-size:10px}
 .stain-route ol{gap:7px}
 .stain-route li{padding-left:8px}
 .stain-route b{font-size:17px}
 .stain-route li small{font-size:9px}
 .stain-reading{font-size:11px}
 .finish-editorial{grid-template-columns:1fr;gap:14px}
 .finish-basic{display:grid;grid-template-columns:94px minmax(0,1fr);column-gap:14px;padding:20px 17px;border-radius:20px;align-items:center}
 .finish-basic>.micro-label,.finish-basic>h3{grid-column:2;margin-top:0}
 .finish-basic>img{grid-column:1;grid-row:1/5;height:170px;margin:0}
 .finish-basic>p:not(.micro-label){grid-column:2;font-size:12px;line-height:1.8;margin:4px 0 10px}
 .finish-basic h3{font-size:21px;margin-bottom:8px}
 .finish-formula{grid-column:1/-1;margin:7px 0 12px;padding:12px 0}
 .finish-formula strong{font-size:40px}
 .finish-formula>span{font-size:11px}
 .finish-basic>a{grid-column:1/-1;font-size:11px}
 .finish-premium{padding:22px 18px;border-radius:20px}
 .finish-premium__intro{grid-template-columns:minmax(0,1fr) 83px;gap:9px}
 .finish-premium__intro>img{width:83px;height:165px}
 .finish-premium h3{font-size:23px;line-height:1.5}
 .finish-premium__intro p:not(.micro-label):not(.finish-product-name){font-size:12px;line-height:1.85}
 .finish-product-name{font-size:10px!important;line-height:1.8!important}
 .enamel-crystal{grid-template-columns:94px minmax(0,1fr);gap:13px;padding:15px 0;margin-top:12px}
 .enamel-crystal h4{font-size:17px;line-height:1.6;margin:5px 0 8px}
 .enamel-crystal p{font-size:12px;line-height:1.85}
 .enamel-crystal small{font-size:8px;letter-spacing:.08em}
 .crystal-visual{height:100px}
 .crystal-layer{gap:1px;padding-inline:1px}.crystal-layer i{width:9px;height:19px}.crystal-layer i:nth-child(even){height:23px}
 .enamel-layer{font-size:10px;padding:12px 0}
 .enamel-roles{gap:6px;margin-block:13px}
 .enamel-roles>div{padding-left:7px}
 .enamel-roles small{font-size:8px;line-height:1.8}
 .enamel-roles b{font-size:10px;line-height:1.8;margin-top:3px}
 .finish-reading{gap:10px}
 .finish-reading>a{font-size:11px}
 .whitening-page #flow-1 img{height:225px;min-height:0;max-height:none}
 .whitening-page #flow-1>div{padding:18px}
 .whitening-page #flow-1 h3{font-size:23px}
 .whitening-page #flow-1 p{font-size:13px}
 .brush-reasons{margin:12px 0}
 .brush-reasons>div{grid-template-columns:120px 1fr;gap:8px;padding:8px 0}
 .brush-reasons dt,.brush-reasons dd{font-size:11px;line-height:1.8}
 .catalyst-story{grid-template-columns:1fr;padding:20px 17px;gap:12px;border-radius:20px}
 .catalyst-story__intro h3{font-size:23px;line-height:1.5}
 .catalyst-story__intro p:not(.micro-label){font-size:13px;margin-bottom:0}
 .catalyst-sequence>li{grid-template-columns:40px minmax(0,1fr);gap:11px;padding:12px 0}
 .catalyst-symbol{width:38px;height:38px;font-size:16px;border-radius:13px}
 .catalyst-symbol--light,.catalyst-symbol--brush{font-size:25px}
 .catalyst-sequence b{font-size:14px}.catalyst-sequence p{font-size:12px}
 .catalyst-story .catalyst-boundary{font-size:10px;margin-top:0}
 .whitening-page #compare-dbs .compare-intro{padding:20px 17px}
 .whitening-page #compare-dbs .compare-intro p{font-size:13px}
 .whitening-page #compare-dbs dl{grid-template-columns:1fr 1fr}
 .whitening-page #compare-dbs dl>div{padding:13px 14px;border:1px solid #e1edf4;border-width:1px 0 0 1px}
 .whitening-page #compare-dbs dl>div:nth-child(2){grid-row:1/3;grid-column:2}
 .whitening-page #compare-dbs dd{font-size:13px;line-height:1.85}
 .whitening-page #compare-dbs .compare-time b{font-size:30px}
 .whitening-page #compare-dbs dt{font-size:10px}
 .light-reference>summary{padding:13px 14px}.light-reference summary b{font-size:12px}.light-reference summary small{font-size:10px}.light-reference__body{padding:0 12px 14px}
}
@media(max-width:360px){.stain-panel{grid-template-columns:65px minmax(0,1fr);gap:10px}.diagram-tooth{width:53px;height:85px}.stain-panel h3{font-size:16px}.stain-diagram__label{font-size:8px}.finish-premium__intro{grid-template-columns:1fr 66px}.finish-premium__intro>img{width:66px}.finish-premium h3{font-size:21px}.enamel-crystal{grid-template-columns:80px 1fr}.enamel-roles{grid-template-columns:1fr;gap:7px}.enamel-roles>div{display:flex;gap:9px;align-items:baseline}.enamel-roles small{min-width:84px}.enamel-roles b{font-size:11px}.brush-reasons>div{grid-template-columns:1fr;gap:1px}}

@media(max-width:760px){.stain-editorial-photo figcaption b{font-size:17px;line-height:1.75;letter-spacing:-.02em}}
@media(max-width:360px){.stain-editorial-photo{grid-template-columns:minmax(0,1fr) 120px}.stain-editorial-photo figcaption{padding:12px 9px}.stain-editorial-photo figcaption b{font-size:14px}.stain-editorial-photo img{height:185px}}

/* rev7: compare the salon and clinical approaches without implying equal scope. */
.method-section-heading{display:grid;grid-template-columns:1fr .9fr;gap:30px;align-items:end}
.method-section-heading>p{font-size:14px!important;max-width:430px;margin-bottom:3px}
.comparison-scope{font-size:12px;color:#5e788b;line-height:1.8;margin:0 0 17px;padding-left:12px;border-left:2px solid #c1dbe9}
.comparison-switch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.4fr);gap:16px;margin:17px 0 15px;align-items:stretch}
.comparison-switch>div{min-width:0}
.comparison-switch p{font-size:11px;font-weight:650;letter-spacing:.05em;margin:0 0 8px;color:#5f7586}
.comparison-salon-group>p{color:#a45174}
.comparison-clinic-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.method-tab{display:block;width:100%;min-height:67px;text-align:left;border-radius:16px;border:1px solid #d7e0e7;padding:12px 13px;background:linear-gradient(160deg,#fff,#f1f4f6);color:#526775;cursor:pointer;box-shadow:inset 0 1px #fff,0 3px 8px #304e6307;transition:box-shadow .2s,border-color .2s}
.method-tab b{display:block;font-size:14px;line-height:1.6;font-weight:650}
.method-tab small{display:block;font-size:9px;line-height:1.8;font-weight:400;color:#6c7f8b;margin-top:3px}
.method-tab--salon{border-color:#c9dfec;background:linear-gradient(160deg,#fff,#ecf9ff);color:#326d93}
.method-tab--salon.is-active{border-color:#8abbd6;background:linear-gradient(180deg,#fff 0%,#effaff 44%,#c9ebfa 51%,#eaf8ff 100%);box-shadow:inset 0 1px #fff,0 4px 9px #467a9a13}
.method-tab--salon.is-active b{color:#8f4666}
.method-tab--clinic.is-active{border-color:#8eabbc;background:linear-gradient(180deg,#fff 0%,#f8fafb 44%,#dbe5ec 50%,#f1f5f8 100%);box-shadow:inset 0 1px #fff,0 4px 9px #304e6313;color:#2f5165}
.method-tab:hover{border-color:#8eabbc;box-shadow:inset 0 1px #fff,0 5px 12px #304e6311}
.whitening-page .method-panel{border:1px solid #d4e6f0;border-radius:23px;overflow:hidden;box-shadow:inset 0 1px #fff,0 10px 24px #315f7b0a}
.whitening-page .method-panel--salon{background:linear-gradient(120deg,#effaff,#fff 70%,#fff5fa)}
.whitening-page .method-panel--clinic{background:linear-gradient(125deg,#fbfcfd,#fff 72%,#f2f5f7);border-color:#d5dfe6;padding:25px}
.method-label{display:inline-block;color:#566d7b;background:#eaf0f3;border:1px solid #d6e0e7;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:650;line-height:1.7;letter-spacing:.03em}
.whitening-page #compare-dbs .method-label--salon{background:#fff7fb;color:#a14c70;border-color:#e7cddd;font-size:10px;padding:4px 10px}
.whitening-page #compare-dbs .compare-intro{background:transparent;padding:24px 24px 12px}
.whitening-page #compare-dbs .compare-intro h3{font-size:26px;line-height:1.5;margin:10px 0 7px}
.whitening-page #compare-dbs .compare-intro p{max-width:880px;margin-top:8px}
.salon-method-summary{padding:0 24px 18px}
.salon-method-summary>p{font-size:14px;line-height:1.8;max-width:880px;margin:0 0 14px;color:#526e82}
.method-sequence{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 20px;padding:0}
.method-sequence li{border-top:1px solid #cadbe6;padding-top:10px;min-width:0}
.method-sequence li>span{font-size:9px;letter-spacing:.14em;color:#718b9b;display:block;line-height:1.8}
.method-sequence li>b{display:block;font-size:13px;font-weight:650;line-height:1.8;color:#3c6078;margin-top:3px}
.salon-method-summary .method-sequence{margin:0;max-width:880px}
.salon-method-summary .method-sequence li{border-color:#bedeea}
.salon-method-summary .method-sequence li>span{color:#aa5376}
.method-fit{padding:18px 24px 12px;border-top:1px solid #d9e9f2}
.method-fit>b{font-size:12px;color:#a14c70}
.method-fit>p{font-size:14px;line-height:1.8;margin:6px 0;max-width:860px}
.method-fit>span{font-size:11px;line-height:1.8;color:#647d8e;display:block}
.method-salon-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:6px 24px 24px}
.method-salon-actions>a:not(.aqua-button){font-size:12px;color:#326f96;text-decoration:underline;text-decoration-color:#c7deea;text-underline-offset:5px}
.method-heading{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:24px;align-items:center}
.method-heading>div:first-child{min-width:0}
.method-name{font-size:12px;font-weight:650;color:#5e7687;margin:12px 0 6px;line-height:1.7}
.method-heading h3{font-size:28px;line-height:1.45;letter-spacing:-.03em;color:#2f5065;margin:0 0 8px}
.method-symbol{position:relative;width:124px;height:105px;border:1px solid #d8e2e9;border-radius:22px;background:linear-gradient(140deg,#fff,#edf2f5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 1px #fff,0 5px 12px #315f7b08}
.method-symbol>span{font-size:9px;letter-spacing:.17em;color:#6c8798}
.method-symbol i{display:block;width:37px;height:37px;border:1px solid #adc3d1;background:linear-gradient(140deg,#fff,#dce8ef);border-radius:11px;position:relative}
.method-symbol--office i:before,.method-symbol--office i:after{content:"";position:absolute;background:#7d9fb4;border-radius:2px;left:16px;top:8px;width:4px;height:20px}
.method-symbol--office i:after{transform:rotate(90deg)}
.method-symbol--home i{border-radius:5px 5px 10px 10px;transform:scale(.9)}
.method-symbol--home i:before{content:"";position:absolute;left:3px;right:3px;top:-13px;height:25px;background:linear-gradient(140deg,#f8fbfd,#dce8ef);border:1px solid #adc3d1;transform:rotate(45deg);border-right:0;border-bottom:0;border-radius:3px}
.method-symbol--home i:after{content:"";position:absolute;left:14px;bottom:0;width:10px;height:15px;border:1px solid #a6bdcc;border-bottom:0;background:#f8fbfd;border-radius:3px 3px 0 0}
.method-symbol--dual i{width:33px;height:33px;border-radius:50%;transform:translateX(-8px)}
.method-symbol--dual i:after{content:"";position:absolute;left:19px;top:-1px;width:33px;height:33px;border:1px solid #9fb7c7;border-radius:50%;background:#e1edf17a}
.method-symbol--transcend i{background:radial-gradient(circle at 40% 30%,#fff,#d9edf8 60%,#bcd9e9);border-radius:50%}
.method-symbol--transcend i:before{content:"";position:absolute;left:9px;top:9px;width:17px;height:17px;background:#83b9d3;clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}
.method-panel .method-intro{font-size:15px;line-height:1.85;color:#516a7c;max-width:880px;margin:14px 0 18px}
.whitening-page .method-panel--clinic .method-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb}
.whitening-page .method-panel--clinic .method-facts>div{padding:13px 0;border:0;border-bottom:1px solid #e6edf2;min-width:0}
.whitening-page .method-panel--clinic .method-facts>div:last-child{grid-column:1/-1;border-bottom:0}
.method-facts dt{font-size:11px;line-height:1.7;font-weight:650;color:#658092}
.method-facts dd{font-size:14px;line-height:1.85;margin:6px 0 0;color:#395b72;font-weight:400}
.method-price{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:26px;margin-top:20px;padding:19px 20px;border:1px solid #d9e3ea;border-radius:18px;background:#f0f4f6}
.method-price>div{min-width:0}
.method-price small{font-size:10px;color:#627d8d}
.method-price>div:first-child p{margin:8px 0 0;line-height:1.3}
.method-price strong{font-size:37px;line-height:1.25;font-weight:650;letter-spacing:-.035em;color:#3d637b;font-variant-numeric:tabular-nums}
.method-price>div:first-child p>span{display:block;font-size:11px;color:#617b8c;line-height:1.8;margin-top:5px}
.method-price>div:last-child>b{display:block;font-size:13px;line-height:1.7;color:#3b5b70}
.method-source-region{display:block;font-size:10px;color:#6b808f;line-height:1.8;margin-top:3px}
.method-price>div:last-child p{font-size:12px;line-height:1.8;color:#587183;margin:8px 0}
.method-price a{display:inline-block;font-size:11px;color:#3d718e;text-decoration:underline;text-decoration-color:#c5d7e2;text-underline-offset:4px;line-height:1.8;margin-right:16px}
.method-evidence{margin:16px 0 0;border:1px solid #d4e4ee;border-radius:19px;background:#fbfdff;overflow:hidden}
.method-evidence>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:15px 19px;color:#3a6480}
.method-evidence>summary::-webkit-details-marker{display:none}
.method-evidence summary b{display:block;font-size:14px;line-height:1.7}
.method-evidence summary small{display:block;font-size:11px;color:#748a99;line-height:1.8}
.method-evidence summary i{font-style:normal;font-size:20px;color:#6095b3}
.method-evidence[open] summary i{transform:rotate(45deg)}
.method-evidence>div{padding:0 20px 20px}
.method-evidence h3{font-size:18px;margin:17px 0 10px;color:#3d6178}
.method-evidence>div>p{font-size:12px;line-height:1.9;color:#5c7588;margin:10px 0}
.method-evidence a{color:#376f91;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c5dbe8}
.method-reference-list{list-style:none;padding:0;margin:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.method-reference-list li{padding:14px;border:1px solid #e1eaf0;border-radius:13px;background:#fff;min-width:0}
.method-reference-list a{font-size:12px;font-weight:650;line-height:1.8}
.method-reference-list span{display:block;font-size:11px;color:#627c8d;line-height:1.85;margin-top:7px}
.whitening-page .case-record{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:30px;align-items:center;padding:25px;background:linear-gradient(125deg,#f4fbff,#fff 65%,#fff5fa)}
.case-record__number{padding:20px;border:1px solid #dfc4d3;border-radius:20px;background:linear-gradient(145deg,#fff,#fff2f8);text-align:center}
.case-record__number>small{font-size:9px;letter-spacing:.16em;color:#a55376}
.whitening-page .case-record__number p{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:7px 0 3px;line-height:1.1}
.case-record__number strong{font-size:92px;line-height:1.1;font-weight:650;letter-spacing:-.06em;color:#b24c74}
.case-record__number p>span{font-size:16px;color:#8f4264}
.case-record__number>span{font-size:11px;line-height:1.8;color:#6f7f90}
.case-record__detail h3{font-size:26px;line-height:1.5;letter-spacing:-.03em;margin:6px 0 13px;color:#315a75}
.case-record__detail dl{margin:0 0 12px}
.case-record__detail dl>div{display:grid;grid-template-columns:120px 1fr;gap:13px;padding:8px 0;border-top:1px solid #dae8f0}
.case-record__detail dt{font-size:11px;line-height:1.8;color:#648092}
.case-record__detail dd{font-size:13px;line-height:1.8;color:#355f7b;font-weight:650;margin:0}
.case-record__detail>p:not(.micro-label){font-size:11px;line-height:1.85;color:#5e788a;margin:9px 0}
.case-record__detail>a{font-size:12px;color:#327399;text-decoration:underline;text-decoration-color:#c8deeb;text-underline-offset:4px}
@media(max-width:1000px){.comparison-switch{grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:12px}.comparison-clinic-group>div{grid-template-columns:1fr 1fr}.method-tab{min-height:61px}.comparison-salon-group .method-tab{height:calc(100% - 28px)}.method-heading h3{font-size:26px}}
@media(max-width:760px){
 body.whitening-page{--wh-anchor-h:39px}
 .whitening-page .anchor-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c2dce9 transparent;gap:0}
 .whitening-page .anchor-grid a{flex:0 0 auto;min-height:38px;padding:8px 12px;font-size:11px;white-space:nowrap}
 .method-section-heading{display:block}.method-section-heading>p{font-size:14px!important;margin-top:10px}
 .comparison-scope{font-size:11px;margin-bottom:16px;padding-left:10px}
 .comparison-switch{display:block;margin:16px 0 13px}
 .comparison-switch p{font-size:10px;margin-bottom:7px}
 .comparison-salon-group{margin-bottom:14px}
 .comparison-salon-group .method-tab{height:auto;min-height:63px;padding:11px 15px}
 .comparison-clinic-group>div{gap:8px}
 .method-tab{border-radius:14px;padding:10px 12px;min-height:62px}
 .method-tab b{font-size:13px;line-height:1.6}
 .method-tab small{font-size:9px;margin-top:3px}
 .whitening-page .method-panel{border-radius:20px}
 .whitening-page .method-panel--clinic{padding:21px 17px}
 .whitening-page #compare-dbs .compare-intro{padding:20px 17px 10px}
 .whitening-page #compare-dbs .compare-intro h3{font-size:22px}
 .salon-method-summary{padding:0 17px 16px}
 .salon-method-summary>p{font-size:13px;line-height:1.85;margin-bottom:12px}
 .method-sequence{gap:9px;margin:13px 0 18px}
 .method-sequence li{padding-top:8px}
 .method-sequence li>b{font-size:11px;line-height:1.8}
 .method-sequence li>span{font-size:8px}
 .method-fit{padding:15px 17px 10px}
 .method-fit>p{font-size:13px;line-height:1.85}
 .method-fit>span{font-size:10px}
 .method-salon-actions{display:grid;gap:13px;padding:5px 17px 21px}
 .method-salon-actions>a:not(.aqua-button){font-size:11px}
 .method-heading{grid-template-columns:minmax(0,1fr) 69px;gap:10px;align-items:start}
 .method-label{font-size:9px;padding:4px 9px}
 .method-name{font-size:11px;margin-top:10px}
 .method-heading h3{font-size:22px;line-height:1.5;margin:0}
 .method-symbol{width:69px;height:87px;border-radius:18px;margin-top:4px;gap:8px}
 .method-symbol>span{font-size:7px;letter-spacing:.1em}
 .method-symbol i{transform:scale(.85)}
 .method-symbol--dual i{transform:translateX(-5px) scale(.85)}
 .method-panel .method-intro{font-size:13px;line-height:1.9;margin:14px 0 16px}
 .whitening-page .method-panel--clinic .method-facts{grid-template-columns:1fr}
 .whitening-page .method-panel--clinic .method-facts>div{padding:12px 0;display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:start}
 .method-facts dt{font-size:10px;line-height:1.9}
 .method-facts dd{font-size:12px;line-height:1.9;margin:0}
 .method-price{grid-template-columns:1fr;gap:14px;padding:17px;margin-top:17px;border-radius:17px}
 .method-price>div:first-child{padding-bottom:13px;border-bottom:1px solid #d6e2ea}
 .method-price>div:first-child p{margin-top:6px}
 .method-price strong{font-size:34px}
 .method-price>div:first-child p>span{display:inline;margin-left:6px;font-size:10px}
 .method-price small{font-size:9px}
 .method-price>div:last-child>b{font-size:12px}
 .method-price>div:last-child p{font-size:11px;line-height:1.85}
 .method-price a{font-size:10px;line-height:1.9}
 .method-evidence>summary{padding:14px 16px}
 .method-evidence summary b{font-size:12px}
 .method-evidence summary small{font-size:10px}
 .method-evidence>div{padding:0 15px 16px}
 .method-evidence h3{font-size:17px;line-height:1.7}
 .method-evidence>div>p{font-size:11px;line-height:1.9}
 .method-reference-list{grid-template-columns:1fr;gap:10px}
 .method-reference-list li{padding:13px}
 .method-reference-list a{font-size:11px}
 .method-reference-list span{font-size:10px}
 .whitening-page .case-record{grid-template-columns:1fr;gap:18px;padding:21px 17px}
 .case-record__number{padding:15px}
 .case-record__number strong{font-size:76px}
 .case-record__number p>span{font-size:15px}
 .case-record__detail h3{font-size:23px}
 .case-record__detail dl>div{grid-template-columns:95px 1fr;gap:10px}
 .case-record__detail dd{font-size:12px}
 .case-record__detail dt{font-size:10px}
 .case-record__detail>a{font-size:11px}
}
@media(max-width:360px){.method-heading{grid-template-columns:minmax(0,1fr) 56px;gap:8px}.method-heading h3{font-size:20px}.method-symbol{width:56px;height:80px}.method-facts dt{font-size:10px}.whitening-page .method-panel--clinic .method-facts>div{grid-template-columns:66px 1fr;gap:10px}}

.method-sequence li>b{text-wrap:balance}

.whitening-page .case-record__number p>span,.whitening-page .case-record__number>span{background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:0}

/* r8: retain the complete photo frames; present finish products at readable sizes. */
#guide .visual-card{grid-template-rows:auto 1fr}
#guide .visual-card>img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;object-fit:contain;object-position:center}
#finish-care .finish-editorial{grid-template-columns:1fr;gap:17px;align-items:start}
#finish-care .finish-basic,#finish-care .finish-premium{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);column-gap:28px;row-gap:0;align-items:start;padding:24px}
#finish-care .finish-product-photo{margin:0;min-width:0;width:100%;align-self:center;border:1px solid #e3edf4;border-radius:18px;overflow:hidden;background:#f5faff;box-shadow:0 7px 20px #3155750d}
#finish-care .finish-product-photo img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;object-fit:contain;margin:0}
#finish-care .finish-basic>.finish-product-photo{grid-column:1;grid-row:1/6}
#finish-care .finish-basic>.micro-label{grid-column:2;grid-row:1}
#finish-care .finish-basic>h3{grid-column:2;grid-row:2}
#finish-care .finish-basic>p:not(.micro-label){grid-column:2;grid-row:3}
#finish-care .finish-basic>.finish-formula{grid-column:2;grid-row:4}
#finish-care .finish-basic>a{grid-column:2;grid-row:5}
#finish-care .finish-premium>.finish-product-photo{grid-column:1;grid-row:1/6}
#finish-care .finish-premium__intro{display:block;grid-column:2;grid-row:1}
#finish-care .finish-product-description{grid-column:2;grid-row:2;font-size:14px;line-height:1.8;margin:8px 0}
#finish-care .enamel-crystal{grid-column:2;grid-row:3;grid-template-columns:110px minmax(0,1fr);gap:17px;padding:15px 0;margin-top:12px}
#finish-care .enamel-crystal h4{font-size:18px}
#finish-care .enamel-roles{grid-column:2;grid-row:4}
#finish-care .finish-reading{grid-column:2;grid-row:5}
@media(max-width:1000px){#finish-care .finish-basic,#finish-care .finish-premium{column-gap:21px;padding:21px;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}#finish-care .enamel-crystal{grid-template-columns:94px minmax(0,1fr);gap:13px}#finish-care .finish-product-description{font-size:13px}}
@media(max-width:700px){
#finish-care .finish-basic,#finish-care .finish-premium{grid-template-columns:1fr;padding:20px 17px;border-radius:20px;gap:0}
#finish-care .finish-basic>.micro-label{grid-column:1;grid-row:1}
#finish-care .finish-basic>h3{grid-column:1;grid-row:2}
#finish-care .finish-basic>.finish-product-photo{grid-column:1;grid-row:3;margin:7px 0 13px}
#finish-care .finish-basic>p:not(.micro-label){grid-column:1;grid-row:4;font-size:13px;line-height:1.9}
#finish-care .finish-basic>.finish-formula{grid-column:1;grid-row:5}
#finish-care .finish-basic>a{grid-column:1;grid-row:6}
#finish-care .finish-premium__intro{grid-column:1;grid-row:1}
#finish-care .finish-premium>.finish-product-photo{grid-column:1;grid-row:2;margin:7px 0 13px}
#finish-care .finish-product-description{grid-column:1;grid-row:3;font-size:13px;line-height:1.9;margin:0}
#finish-care .enamel-crystal{grid-column:1;grid-row:4;grid-template-columns:94px minmax(0,1fr);gap:13px}
#finish-care .enamel-roles{grid-column:1;grid-row:5}
#finish-care .finish-reading{grid-column:1;grid-row:6}
#finish-care .finish-product-photo{border-radius:14px}
#finish-care .finish-basic h3,#finish-care .finish-premium h3{font-size:23px}
}
@media(max-width:360px){#finish-care .enamel-crystal{grid-template-columns:80px minmax(0,1fr);gap:11px}#finish-care .enamel-crystal h4{font-size:16px}}
@media(max-width:700px){
#guide .visual-card{grid-template-columns:128px minmax(0,1fr);grid-template-rows:1fr;align-items:center;min-height:0}
#guide .visual-card>img{width:calc(100% - 12px);height:auto;margin-left:12px;border-radius:12px;align-self:center}
#guide .visual-card>div{padding:13px 12px}
}
@media(max-width:360px){#guide .visual-card{grid-template-columns:108px minmax(0,1fr)}}