.brand-rail--hero{--rail-h:60px;--card-w:168px;--card-h:38px;--word-size:.86rem;position:sticky;top:0}.brand-rail--hero .brand-rail__inner{min-height:var(--rail-h);justify-content:space-between;align-items:stretch;gap:clamp(.75rem,2vw,1.75rem)}.brand-rail__switch{flex:1}.brand-rail--hero .brand-rail__brands{flex:1;justify-content:space-between;align-items:stretch}.brand-rail--hero~.site-header,.site-header{top:var(--rail-h,46px)}.brand-rail__switch{align-items:stretch;gap:clamp(.6rem,1.6vw,1.1rem);display:flex}.brand-rail__cue{letter-spacing:.14em;text-transform:uppercase;color:#fff9;white-space:nowrap;align-items:center;gap:.42rem;font-family:Montserrat,sans-serif;font-size:.62rem;font-weight:600;transition:color .18s,font-size .26s;display:flex}.brand-rail--hero[data-compact=true] .brand-rail__cue{font-size:.55rem}.brand-rail__cue-icon{flex:none;width:15px;height:15px;transition:transform .42s cubic-bezier(.22,1,.36,1)}.brand-rail__switch:hover .brand-rail__cue{color:#fffffff2}.brand-rail__switch:hover .brand-rail__cue-icon{transform:rotate(180deg)}@media (width<=620px){.brand-rail__cue-text{display:none}}@media (width<=760px){.brand-rail--hero{--rail-h:44px;--card-w:126px;--card-h:28px;--word-size:.7rem}}.brand-rail__brands{scrollbar-width:none;align-items:center;gap:clamp(.5rem,1.6vw,1.1rem);display:flex;overflow-x:auto;margin-left:0!important}.brand-rail__brands::-webkit-scrollbar{display:none}.brand-rail__item{opacity:.72;flex:none;align-items:center;padding:0;transition:opacity .2s;display:flex}.brand-rail__item:hover,.brand-rail__item:focus-visible,.brand-rail__item.is-active{opacity:1}.brand-rail__flip{width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;perspective:620px;transition:transform .52s cubic-bezier(.34,1.4,.44,1),width .26s,height .26s;display:block;position:relative}.brand-rail__item:hover .brand-rail__flip,.brand-rail__item:focus-visible .brand-rail__flip{transform:rotateY(180deg)}.brand-rail__face{backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.brand-rail__face--word{font-size:var(--word-size);letter-spacing:.11em;white-space:nowrap;font-weight:600;transition:font-size .26s}.brand-rail__face--logo{transform:rotateY(180deg)}.brand-rail__logo{max-width:var(--card-w);max-height:var(--card-h);object-fit:contain;filter:brightness(0)invert();width:auto;height:auto}.brand-rail__item--cerave .brand-rail__logo{filter:none;background:#fff;border-radius:3px;padding:2px 4px}.brand-rail__item.is-active{box-shadow:inset 0 3px 0 var(--c-accent);border-radius:5px 5px 0 0;align-self:stretch;align-items:center;padding:0 clamp(.5rem,1.2vw,.9rem);display:flex;position:relative}body[data-brand=kerastase] .brand-rail__item.is-active{color:#fff;background:#242424}body[data-brand=redken] .brand-rail__item.is-active{color:#121212;background:#fff}body[data-brand=cerave] .brand-rail__item.is-active{color:#fff;background:#0e3353}body[data-brand=la-roche-posay] .brand-rail__item.is-active{color:#fff;background:#009ee2;box-shadow:inset 0 3px #fff}body[data-brand=redken] .brand-rail__item--redken.is-active .brand-rail__logo{filter:none}@media (hover:none),(pointer:coarse){.brand-rail__flip{perspective:none;transform:none!important}.brand-rail__face--logo{display:none}.brand-rail__item{opacity:.85}}@media (prefers-reduced-motion:reduce){.brand-rail__flip,.brand-rail__cue-icon,.brand-rail__face--word{transition:none!important}}.foryou--compact{padding-block:clamp(.9rem,2vw,1.4rem)}.foryou--compact .foryou__head{margin-bottom:.6rem}.foryou--compact .foryou__title{font-size:clamp(.95rem,1.6vw,1.15rem)}.foryou--compact .foryou__sub{display:none}.foryou--compact .foryou__grid{scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:clamp(190px,22vw,240px);grid-auto-flow:column;gap:.7rem;display:grid;overflow-x:auto}.foryou--compact .foryou__grid::-webkit-scrollbar{display:none}.foryou--compact .foryou__grid>*{scroll-snap-align:start}.clinical{border-top:1px solid var(--c-line);padding-block:clamp(1.6rem,3.5vw,2.6rem)}.clinical__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.clinical__title{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:700}.clinical__note{color:var(--c-ink-soft);font-size:.72rem}.clinical__grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:clamp(.6rem,1.5vw,1rem);display:grid}.clinical__card{background:var(--c-surface);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:clamp(.9rem,2vw,1.2rem);display:flex}.clinical__stat{font-family:var(--font-display);color:var(--c-accent);font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:700;line-height:1}.clinical__label{font-size:.85rem;font-weight:600}.clinical__sub{color:var(--c-ink-soft);font-size:.76rem;line-height:1.5}.clinical__foot{color:var(--c-ink-soft);margin-top:1rem;font-size:.7rem;line-height:1.5}.xbrand-nudge{border-radius:var(--radius);background:var(--c-surface);border:1px solid var(--c-line);align-items:center;gap:.8rem;margin-block:.8rem;padding:.85rem 1rem;display:flex}.xbrand-nudge__media{background:#fff;border-radius:50%;flex:none;width:44px;height:44px;overflow:hidden}.xbrand-nudge__media img{object-fit:contain;width:100%;height:100%}.xbrand-nudge__body{flex:1;min-width:0}.xbrand-nudge__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-soft);font-size:.62rem;font-weight:700}.xbrand-nudge__copy{font-size:.85rem;line-height:1.4}.xbrand-nudge__cta{letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink);border-bottom:2px solid var(--c-accent);white-space:nowrap;flex:none;padding-bottom:2px;font-size:.72rem;font-weight:700;text-decoration:none}@media (width<=560px){.xbrand-nudge{flex-wrap:wrap}.xbrand-nudge__cta{margin-left:3.6rem}}.xbrand-nudge__mark{width:100%;height:100%;font-family:var(--font-display);color:#fff;background:var(--c-accent);justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.giftpick{border:1px dashed var(--c-line);border-radius:var(--radius);margin-block:.8rem;padding:.85rem}.giftpick__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.6rem;display:flex}.giftpick__title{font-family:var(--font-display);font-size:.95rem;font-weight:700}.giftpick__value{color:var(--c-ink-soft);font-size:.68rem}.giftpick__grid{scrollbar-width:none;grid-auto-columns:minmax(118px,1fr);grid-auto-flow:column;gap:.5rem;display:grid;overflow-x:auto}.giftpick__grid::-webkit-scrollbar{display:none}.giftpick__grid form{display:contents}.giftpick__opt{text-align:left;cursor:pointer;background:var(--c-surface);border-radius:var(--radius);border:1.5px solid #0000;flex-direction:column;gap:.15rem;width:100%;padding:.6rem .65rem;transition:border-color .14s,background .14s;display:flex}.giftpick__opt:hover{border-color:var(--c-line)}.giftpick__opt.is-on{border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 8%, var(--c-surface))}.giftpick__opt-label{font-size:.78rem;font-weight:700;line-height:1.2}.giftpick__opt-sub{color:var(--c-ink-soft);font-size:.66rem;line-height:1.3}.giftpick__opt-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent);margin-top:.3rem;font-size:.6rem;font-weight:700}@media (prefers-reduced-motion:reduce){.giftpick__opt{transition:none}}.priv-reward{background:#f2e9d808;border-color:#f2e9d833}.priv-reward strong{color:#f2e9d8}.priv-reward span{color:#f2e9d8a8}.priv-reward.is-soon em{color:#c5a059d9}.priv-reward.is-soon{opacity:.9}.priv-rewards h3{color:#f2e9d8bf}.wordmark--house{display:none}.site-header:has(.wordmark--house) .site-header__bar{justify-content:flex-end}@media (width<=760px){.kcat__grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--wrap-pad,1rem) * -1);padding-inline:var(--wrap-pad,1rem);grid-template-columns:none;grid-auto-columns:42vw;grid-auto-flow:column;gap:.75rem;padding-bottom:.3rem;display:grid;overflow-x:auto}.kcat__grid::-webkit-scrollbar{display:none}.kcat__tile{scroll-snap-align:start}}.hprofile{background:var(--c-line,#e6e1da);border:1px solid var(--c-line,#e6e1da);border-radius:6px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 .9rem;display:grid;overflow:hidden}.hprofile__cell{background:#fff;flex-direction:column;gap:.2rem;padding:.7rem .75rem .6rem;display:flex}.hprofile__k{letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink-soft,#55504a);font-size:.62rem}.hprofile__v{color:var(--c-ink,#1c1610);font-size:1.12rem;font-weight:600;line-height:1.15}.hprofile__v em{border:1px solid var(--skan-clinical,#2f6f8f);color:var(--skan-clinical,#2f6f8f);vertical-align:middle;border-radius:3px;margin-left:.25rem;padding:.1rem .34rem;font-size:.8rem;font-style:normal}.hprofile__n{color:var(--c-ink-soft,#55504a);font-size:.66rem;line-height:1.35}.hprofile__colour{border:1px solid var(--c-line,#e6e1da);border-radius:6px;flex-direction:column;gap:.25rem;margin:0 0 1.1rem;padding:.8rem .9rem;display:flex}.hprofile__brass{color:var(--c-ink-soft,#55504a);margin:.35rem 0 0;font-size:.74rem}.hprofile__ranges{flex-direction:column;gap:.4rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.hprofile__ranges li{border-left:2px solid var(--skan-clinical,#2f6f8f);background:#2f6f8f0d;border-radius:0 4px 4px 0;padding:.5rem .75rem;font-size:.84rem}@media (width<=700px){.hprofile{grid-template-columns:repeat(2,1fr)}}.hscroll{min-width:0;max-width:100%;position:relative}.hscroll__arrow{z-index:3;color:#1c1610;cursor:pointer;background:#fffffff5;border:1px solid #0000001a;border-radius:50%;place-items:center;width:44px;height:44px;transition:opacity .18s,transform .18s,background .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 14px #00000029}.hscroll__arrow svg{width:20px;height:20px}.hscroll__arrow--prev{left:10px}.hscroll__arrow--next{right:10px}.hscroll__arrow:hover:not(:disabled){background:#fff;transform:translateY(-50%)scale(1.06)}.hscroll__arrow:disabled{opacity:0;pointer-events:none}@media (hover:none){.hscroll__arrow{display:none}}.compare-row--match td{vertical-align:middle}.compare-match{color:var(--c-ink,#1c1610);font-size:1.15rem;font-weight:700}.compare-match i{opacity:.6;font-size:.7rem;font-style:normal}.compare-best{letter-spacing:.05em;text-transform:uppercase;color:#fff;vertical-align:middle;background:#1c6b3f;border-radius:999px;margin-left:.45rem;padding:.16rem .44rem;font-size:.62rem;font-weight:700;display:inline-block}.compare-best.is-tied{background:#2f6f8f}.compare-ask{border:1px solid var(--c-accent,#c9a15c);color:var(--c-ink,#1c1610);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.36rem;margin-left:auto;margin-right:.6rem;padding:.42rem .8rem;font-size:.76rem;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.compare-ask:hover{background:var(--c-accent,#c9a15c);color:#fff}.houseset{border:1px solid var(--c-line,#e6e1da);background:#c9a15c12;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.houseset__copy{flex-direction:column;flex:220px;gap:.12rem;min-width:0;display:flex}.houseset__title{font-size:.92rem;font-weight:700}.houseset__sub{color:var(--c-ink-soft,#55504a);font-size:.74rem}.houseset__total{white-space:nowrap;font-size:.95rem;font-weight:700}.pmech{color:#f2e9d8;background:linear-gradient(#14100a,#1b150d 55%,#14100a);padding:clamp(2.8rem,7vw,5rem) 0 clamp(3rem,8vw,5.5rem)}.pmech__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#c5a059;margin:0 0 .6rem;font-size:.68rem}.pmech__h{font-family:var(--font-display);color:#f7f1e6;max-width:24ch;margin:0 0 1.8rem;font-size:clamp(1.7rem,4.2vw,2.9rem);line-height:1.12}.pmech__sub{font-family:var(--font-display);color:#f7f1e6;margin:clamp(2.4rem,5vw,3.4rem) 0 1.1rem;font-size:clamp(1.05rem,2.4vw,1.45rem)}.pmech__lede{color:#f2e9d8b8;max-width:52ch;margin:0 0 2rem;font-size:1rem;line-height:1.65}.pmech__fine{border-top:1px solid #f2e9d824;margin-top:clamp(2.4rem,5vw,3.4rem);padding-top:1.1rem}.pmech__fine summary{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:#f2e9d899;font-size:.78rem;list-style:none}.pmech__fine summary::-webkit-details-marker{display:none}.pmech__fine summary:after{content:" +";color:#c5a059}.pmech__fine[open] summary:after{content:" –"}.pmech__fine summary:hover{color:#e3bd77}.pmech__fine-body{gap:.85rem;max-width:68ch;margin-top:1rem;display:grid}.pmech__fine-body p{color:#f2e9d89e;margin:0;font-size:.84rem;line-height:1.65}.pmech__fine-body b{color:#f2e9d8e6;font-weight:600}.pmech__esc{flex-wrap:wrap;align-items:stretch;gap:clamp(.6rem,2vw,1.4rem);display:flex}.pmech__step{background:#f2e9d808;border:1px solid #f2e9d829;border-radius:12px;flex-direction:column;flex:220px;gap:.2rem;padding:clamp(1rem,2.6vw,1.5rem);display:flex}.pmech__step--hero{background:linear-gradient(155deg,#c5a05929,#c5a0590a);border-color:#c5a05999;box-shadow:0 12px 36px #00000057}.pmech__step-k{letter-spacing:.12em;text-transform:uppercase;color:#f2e9d8a8;font-size:.72rem}.pmech__step-v{font-family:var(--font-display);color:#f7f1e6;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1}.pmech__step--hero .pmech__step-v{color:#e3bd77}.pmech__step-d{color:#f2e9d8b3;font-size:.8rem}.pmech__arrow{color:#c5a059bf;align-self:center;font-size:1.5rem}.pmech__note{color:#f2e9d899;max-width:62ch;margin:1rem 0 0;font-size:.82rem;line-height:1.6}.pmech__note--last{margin-top:1.2rem}.pmech__earn{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.9rem;display:grid}.pmech__card{background:#f2e9d806;border:1px solid #f2e9d824;border-radius:10px;flex-direction:column;gap:.3rem;padding:1.05rem;display:flex}.pmech__card.is-hero{background:#c5a05912;border-color:#c5a05973;grid-column:span 2}@media (width<=560px){.pmech__card.is-hero{grid-column:span 1}}.pmech__card-v{font-family:var(--font-display);color:#e3bd77;font-size:1.6rem;line-height:1}.pmech__card-k{color:#f7f1e6;font-size:.92rem;font-weight:600}.pmech__card-d{color:#f2e9d8a8;font-size:.8rem;line-height:1.55}.pmech__tiers{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;display:grid}.pmech__tier{background:#f2e9d806;border:1px solid #f2e9d824;border-top:3px solid #f2e9d866;border-radius:10px;flex-direction:column;gap:.35rem;min-height:100%;padding:1.15rem;display:flex}.pmech__tier--gold{border-top-color:#c5a059}.pmech__tier--platinum{background:linear-gradient(170deg,#c5a05924,#f2e9d805);border-top-color:#e3bd77}.pmech__tier-name{font-family:var(--font-display);color:#f7f1e6;font-size:1.3rem}.pmech__tier-line{color:#e3bd77;margin-bottom:.15rem;font-size:.86rem;line-height:1.4}.pmech__tier-foot{letter-spacing:.1em;text-transform:uppercase;color:#f2e9d873;border-top:1px solid #f2e9d81a;margin-top:auto;padding-top:.85rem;font-size:.72rem}.pmech__tier-list{flex-direction:column;gap:.34rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.pmech__tier-list li{color:#f2e9d8c7;padding-left:.95rem;font-size:.82rem;line-height:1.45;position:relative}.pmech__tier-list li:before{content:"·";color:#c5a059;font-weight:700;position:absolute;left:.15rem}.pmech__how{gap:.75rem;max-width:62ch;display:grid}.pmech__how-row{border-bottom:1px solid #f2e9d81f;grid-template-columns:9.5rem 1fr;gap:.4rem 1rem;padding-bottom:.75rem;display:grid}.pmech__how-row:last-child{border-bottom:none;padding-bottom:0}.pmech__how-k{letter-spacing:.1em;text-transform:uppercase;color:#c5a059;padding-top:.15rem;font-size:.72rem}.pmech__how-v{color:#f2e9d8d9;font-size:.88rem;line-height:1.55}@media (width<=560px){.pmech__how-row{grid-template-columns:1fr;gap:.2rem}}.pmech__example{max-width:62ch;margin-top:1.3rem;overflow-x:auto}.pmech__example-table{border-collapse:collapse;width:100%;font-size:.84rem}.pmech__example-table caption{caption-side:top;text-align:left;letter-spacing:.1em;text-transform:uppercase;color:#f2e9d899;margin-bottom:.5rem;font-size:.72rem}.pmech__example-table th,.pmech__example-table td{text-align:left;color:#f2e9d8d9;border-bottom:1px solid #f2e9d81f;padding:.55rem .8rem .55rem 0;font-weight:400}.pmech__example-table thead th{letter-spacing:.08em;text-transform:uppercase;color:#f2e9d88c;font-size:.68rem;font-weight:600}.pmech__example-table tbody th{color:#f7f1e6;white-space:nowrap;font-weight:600}.pmech__example-table tbody tr:last-child th,.pmech__example-table tbody tr:last-child td{border-bottom:none}.pmech__example-note{color:#f2e9d88c;margin:.6rem 0 0;font-size:.76rem;line-height:1.5}.pmech__redeem{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:.9rem;display:grid}.pmech__rstep{border-left:2px solid #c5a05980;align-items:flex-start;gap:.8rem;padding:.2rem 0 .2rem .9rem;display:flex}.pmech__rnum{font-family:var(--font-display);color:#c5a059;padding-top:.1rem;font-size:.9rem}.pmech__rtitle{color:#f7f1e6;margin-bottom:.2rem;font-size:.98rem;display:block}.pmech__rdesc{color:#f2e9d8a8;font-size:.82rem;line-height:1.55}.overlay{overflow:clip}.brand-rail__inner,.brand-rail__switch{min-width:0;max-width:100%}.brand-rail__brands{-webkit-overflow-scrolling:touch;flex:auto;min-width:0}.priv__lookup{flex-wrap:wrap}@media (width<=560px){.priv__lookup input,.priv__lookup .btn{flex:100%;min-width:0}}.lrp-anthelios__grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.lrp-anthelios__feature,.lrp-anthelios__callouts{min-width:0}.lrp-anthelios__feature img{max-width:100%}@media (width<=900px){.lrp-anthelios__grid{grid-template-columns:minmax(0,1fr)}}.newsletter__row{flex-wrap:wrap}.newsletter__row input,.site-footer__brand,.site-footer__cols{min-width:0}.site-header__bar{grid-template-columns:auto minmax(0,1fr) auto}.wordmark{min-width:0}@media (width<=360px){.site-header__bar{gap:.5rem;width:min(1240px,100% - 1.5rem)}}[class*=__grid]>*,.product-grid>*{min-width:0}.pdp__form{flex-wrap:wrap}.pdp__form>*{min-width:0}@media (width<=360px){.pdp__form>*{flex:100%}}.pdp-match__opt,.skan__q-opt{position:relative}.pdp-match__opt.is-on,.skan__q-opt.is-on{border-color:var(--c-brand);background:color-mix(in srgb, var(--c-brand) 10%, transparent);font-weight:600}.pdp-match__tick,.skan__q-tick{width:1.1em;color:var(--c-brand);font-weight:700;display:inline-block}.pdp-match__next,.skan__q-next{min-height:44px;margin-top:.6rem}.pdp-match__next{background:var(--c-ink,#1a1a1a);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;padding:.65rem 1rem;font-size:.9rem;font-weight:600}.pdp-match__next:disabled,.skan__q-next:disabled{opacity:.4;cursor:not-allowed}.skan-report__how{border:1px solid var(--c-line);text-align:left;border-radius:10px;margin:.9rem 0 0;padding:.7rem .9rem;font-size:.85rem}.skan-report__how summary{cursor:pointer;font-weight:600;list-style-position:inside}.skan-report__how-body p{color:color-mix(in srgb, currentColor 78%, transparent);margin:.55rem 0 0;line-height:1.5}.skan-report__source{opacity:.65;text-align:left;margin:-.2rem 0 .4rem;font-size:.78rem}.skan__optional{opacity:.75;margin:.5rem 0 0;font-size:.82rem}.carepage{padding:clamp(1.5rem,4vw,3rem) 0 clamp(2rem,5vw,4rem)}.carepage__title{font-family:var(--font-display);margin:0 0 .6rem;font-size:clamp(1.6rem,4vw,2.4rem)}.carepage__lede{opacity:.85;max-width:56ch;margin:0 0 1.6rem;line-height:1.6}.carepage__grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem;display:grid}.carepage__card{border:1px solid var(--c-line);border-radius:var(--radius);padding:1.1rem 1.2rem}.carepage__card h2{margin:0 0 .5rem;font-size:1rem}.carepage__card p{opacity:.9;margin:0 0 .6rem;font-size:.9rem;line-height:1.55}.aboutpage__eyebrow{letter-spacing:.14em;opacity:.65;margin:0 0 .4rem;font-size:.72rem;font-weight:700}.aboutpage__assure{border-top:1px solid var(--c-line);margin-top:1.8rem;padding-top:1.4rem}.aboutpage__assure h2{margin:0 0 .7rem;font-size:1.05rem}.aboutpage__assure ul{gap:.55rem;max-width:62ch;margin:0 0 1rem;padding:0;list-style:none;display:grid}.aboutpage__assure li{font-size:.9rem;line-height:1.55}.aboutpage__contact{opacity:.85;font-size:.88rem}.skan__why,.pdp-match__why{opacity:.72;max-width:46ch;margin:.35rem 0 .9rem;font-size:.84rem;line-height:1.5}.skan__why{margin-inline:auto}.pdp-match__why{max-width:none}.skan__steps{text-align:left;gap:.4rem;max-width:22rem;margin:1rem auto 0;padding:0;list-style:none;display:grid}.skan__stepline{opacity:.4;align-items:baseline;gap:.55rem;font-size:.85rem;transition:opacity .24s;display:flex}.skan__stepline.is-done{opacity:.72}.skan__stepline.is-now{opacity:1;font-weight:600}.skan__stepmark{width:1em;color:var(--c-brand);flex:none}.typebar{align-items:center;gap:.7rem;min-width:0;margin:.9rem 0 .2rem;display:flex}.typebar__label{letter-spacing:.04em;text-transform:uppercase;opacity:.7;flex:none;font-size:.8rem;font-weight:700}.typebar__chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;overflow-x:auto}.typebar__chips::-webkit-scrollbar{display:none}@media (width<=560px){.typebar{display:block}.typebar__label{margin-bottom:.4rem;display:block}}.routine-band__basis{opacity:.75;margin:.3rem 0 0;font-size:.8rem;line-height:1.45}.routine-band__basis a{font-weight:600;text-decoration:underline}.pmech__card-d{color:#f2e9d8d6;font-size:.9rem}.pmech__tier-list li{color:#f2e9d8eb;padding-left:1.05rem;font-size:.94rem;line-height:1.5}.pmech__tier-line{font-size:.92rem}.pmech__tier-name{font-size:1.45rem}.pmech__tier-foot{color:#f2e9d8a8;font-size:.78rem}.pmech__fine,.pmech__fine-body p{font-size:.9rem;line-height:1.55}.brand-chrome-mark{min-width:0;max-width:100%}@media (width<=640px){.brand-chrome-mark{justify-self:end;gap:.35rem}.brand-chrome-mark .wordmark__logo{width:auto;height:30px}.house-badge{flex:none}}.plp-toolbar__label{margin:.9rem 0 .4rem;display:block}.giftbanner{text-align:left;border:1px solid var(--c-line);background:linear-gradient(120deg, color-mix(in srgb, var(--c-brand) 8%, transparent), transparent 70%);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:12px;align-items:center;gap:.75rem;min-height:56px;padding:.8rem .9rem;display:flex}.giftbanner.is-picked{border-color:color-mix(in srgb, var(--c-brand) 55%, transparent)}.giftbanner__icon{background:color-mix(in srgb, var(--c-brand) 12%, transparent);width:40px;height:40px;color:var(--c-brand);border-radius:10px;flex:none;place-items:center;display:grid}.giftbanner__body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.giftbanner__body b{align-items:baseline;gap:.45rem;font-size:.92rem;display:flex}.giftbanner__count{background:color-mix(in srgb, var(--c-brand) 14%, transparent);color:var(--c-brand);border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-style:normal;font-weight:700}.giftbanner__body span{opacity:.75;font-size:.8rem}.giftbanner__chev{opacity:.5;margin-left:auto;font-size:1.5rem;line-height:1}.giftsheet{z-index:240;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.giftsheet__scrim{cursor:pointer;background:#0a0a0c8c;border:0;position:absolute;inset:0}.giftsheet__panel{background:var(--c-bg,#fff);width:min(560px,100%);max-height:86dvh;color:var(--c-ink,#1a1a1a);border-radius:18px 18px 0 0;flex-direction:column;animation:.26s cubic-bezier(.2,.9,.3,1) giftsheet-up;display:flex;position:relative;box-shadow:0 -18px 60px #00000059}@keyframes giftsheet-up{0%{opacity:.6;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.giftsheet{align-items:center}.giftsheet__panel{border-radius:18px;max-height:80vh}}.giftsheet__head{border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem .8rem;display:flex}.giftsheet__title{font-family:var(--font-display);font-size:1.15rem;display:block}.giftsheet__sub{opacity:.7;margin-top:.2rem;font-size:.8rem;display:block}.giftsheet__close{cursor:pointer;color:inherit;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 .2rem;font-size:1.7rem;line-height:1}.giftsheet__list{flex-direction:column;gap:.7rem;padding:.9rem 1.2rem;display:flex;overflow-y:auto}.giftcard{text-align:left;width:100%;font:inherit;color:inherit;border:1.5px solid var(--c-line);background:var(--c-bg,#fff);cursor:pointer;border-radius:14px;align-items:stretch;gap:.85rem;padding:.8rem;transition:border-color .16s,box-shadow .16s;display:flex}.giftcard.is-on{border-color:var(--c-brand);box-shadow:0 6px 22px color-mix(in srgb, var(--c-brand) 18%, transparent)}.giftcard__media{background:#f4f2ef;border-radius:10px;flex:none;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.giftcard__media img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.giftcard__body{flex-direction:column;gap:.14rem;min-width:0;display:flex}.giftcard__name{font-size:.95rem}.giftcard__brand{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:.72rem}.giftcard__size{color:var(--c-brand);margin-top:.1rem;font-size:.76rem;font-weight:600}.giftcard__does{margin-top:.2rem;font-size:.82rem;line-height:1.45}.giftcard__inside{opacity:.65;font-size:.76rem;line-height:1.4}.giftcard__pick{border:1.5px solid var(--c-line);white-space:nowrap;border-radius:999px;flex:none;align-self:center;padding:.45rem .8rem;font-size:.8rem;font-weight:700}.giftcard.is-on .giftcard__pick{background:var(--c-brand);border-color:var(--c-brand);color:var(--c-brand-ink,#fff)}.giftsheet__foot{padding:.8rem 1.2rem calc(.9rem + env(safe-area-inset-bottom));border-top:1px solid var(--c-line)}.giftsheet__done{width:100%;min-height:48px}.pmech__steps{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.9rem;margin:1.6rem 0 0;display:grid}.pmech__stepcard{background:#f2e9d808;border:1px solid #f2e9d829;border-radius:12px;flex-direction:column;gap:.45rem;padding:1.2rem 1.1rem 1.1rem;display:flex;position:relative}.pmech__stepnum{font-family:var(--font-display);color:#f2e9d82e;font-size:1.6rem;position:absolute;top:.85rem;right:1rem}.pmech__stepicon{color:#c5a059}.pmech__stepk{color:#f7f1e6;font-size:.98rem}.pmech__stepd{color:#f2e9d8bf;font-size:.86rem;line-height:1.5}.pmech__equation{background:linear-gradient(155deg,#c5a05929,#c5a0590a);border:1px solid #c5a05999;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.9rem;margin:1.6rem 0 0;padding:1.6rem 1.2rem;display:flex;box-shadow:0 12px 36px #00000057}.pmech__eq-num{font-family:var(--font-display);color:#e3bd77;font-size:clamp(2.6rem,8vw,3.8rem);font-weight:800;line-height:1}.pmech__eq-unit{letter-spacing:.14em;text-transform:uppercase;color:#f2e9d8a8;font-size:.78rem}.pmech__equation svg{align-self:center}.pmech__esc2{grid-template-columns:1fr 1fr;align-items:stretch;gap:.9rem;display:grid}.pmech__esc2-col{background:#f2e9d808;border:1px solid #f2e9d829;border-radius:12px;flex-direction:column;gap:.4rem;padding:1.1rem;display:flex}.pmech__esc2-col.is-hero{background:linear-gradient(155deg,#c5a05929,#c5a0590a);border-color:#c5a05999}.pmech__esc2-k{letter-spacing:.12em;text-transform:uppercase;color:#f2e9d8a8;font-size:.72rem}.pmech__esc2-col.is-hero .pmech__esc2-k{color:#e3bd77}.pmech__esc2-v{font-family:var(--font-display);color:#f7f1e6;font-size:clamp(2.2rem,6vw,3rem);font-weight:800;line-height:1}.pmech__esc2-col.is-hero .pmech__esc2-v{color:#e3bd77}.pmech__esc2-bar{background:linear-gradient(#f2e9d847,#f2e9d81a);border-radius:8px 8px 3px 3px;margin-top:auto;display:block}.pmech__esc2-bar.is-gold{background:linear-gradient(#e3bd77,#c5a05973)}.pmech__esc2-d{color:#f2e9d8a8;font-size:.8rem}.pmech__esc2-note{color:#f2e9d8cc;background:#f2e9d808;border:1px solid #f2e9d829;border-radius:12px;grid-column:1/-1;padding:.9rem 1.1rem;font-size:.88rem;line-height:1.6}.pmech__esc2-note b{color:#f7f1e6}.pmech__tier-bonus{font-family:var(--font-display);color:#e3bd77;border:1px solid #c5a05999;border-radius:999px;align-self:flex-start;margin:.2rem 0;padding:.28rem .65rem;font-size:.82rem;font-weight:700;display:inline-flex}.pmech__tier--platinum .pmech__tier-bonus{background:#c5a05938;border-color:#c5a059}.pmech__ladder{margin:1rem 0 0}.pmech__ladder-bar{background:#f2e9d814;border-radius:999px;height:14px;position:relative;overflow:hidden}.pmech__ladder-seg{background:linear-gradient(90deg,#f2e9d847,#c5a059);position:absolute;top:0;bottom:0}.pmech__ladder-seg.is-gold{background:linear-gradient(90deg,#c5a059,#e3bd77)}.pmech__ladder-labels{color:#f2e9d899;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.5rem;font-size:.76rem;display:flex}.pmech__mix{background:#f2e9d808;border:1px solid #f2e9d829;border-radius:12px;padding:1.2rem}.pmech__mix-cap{letter-spacing:.14em;text-transform:uppercase;color:#f2e9d8a8;margin:0 0 .9rem;font-size:.72rem}.pmech__mix-row{align-items:center;gap:.9rem;margin-bottom:.7rem;display:flex}.pmech__mix-bar{border-radius:7px;flex:1;min-width:0;height:32px;display:flex;overflow:hidden}.pmech__mix-pts{color:#14100a;white-space:nowrap;background:linear-gradient(90deg,#e3bd77,#c5a059);align-items:center;min-width:0;padding-left:.7rem;font-size:.74rem;font-weight:700;display:flex}.pmech__mix-cash{color:#f2e9d8d9;white-space:nowrap;text-overflow:ellipsis;background:#f2e9d824;flex:1;align-items:center;min-width:0;padding-left:.7rem;font-size:.74rem;display:flex;overflow:hidden}.pmech__mix-tag{color:#f2e9d8cc;flex:none;width:132px;font-size:.8rem}.pmech__mix-note{color:#f2e9d8a6;margin:.9rem 0 0;font-size:.85rem;line-height:1.6}@media (width<=560px){.pmech__esc2{grid-template-columns:1fr 1fr}.pmech__mix-row{flex-wrap:wrap}.pmech__mix-tag{width:100%}}.pmech__redeem2{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:.9rem;display:grid}.pmech__redeem2-card{background:#f2e9d808;border:1px solid #f2e9d829;border-radius:12px;flex-direction:column;gap:.35rem;padding:1.1rem;display:flex}.pmech__redeem2-tier{letter-spacing:.12em;text-transform:uppercase;color:#e3bd77;border:1px solid #c5a0598c;border-radius:999px;align-self:flex-start;padding:.22rem .6rem;font-size:.68rem;font-weight:700}.pmech__redeem2-thing{font-family:var(--font-display);color:#f7f1e6;margin-top:.2rem;font-size:1.15rem}.pmech__redeem2-note{color:#f2e9d8bf;font-size:.85rem;line-height:1.5}.pmech__redeem2-pts{color:#e3bd77;border-top:1px solid #f2e9d81f;margin-top:auto;padding-top:.7rem;font-size:.8rem;font-weight:600}.pmech__redeem2-rule{color:#f2e9d8e0;border-left:3px solid #c5a059;margin:1rem 0 0;padding-left:.9rem;font-size:.92rem;line-height:1.6}.pmech__redeem2-rule b{color:#f7f1e6}.rewcat{padding:clamp(1.6rem,4vw,2.6rem) 0 0}.rewcat__lede{color:#f2e9d8bf;max-width:54ch;margin:0 0 1.1rem;font-size:.92rem;line-height:1.6}.rewcat__balance{background:linear-gradient(150deg,#c5a05929,#c5a0590a);border:1px solid #c5a0598c;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:.5rem .8rem;margin-bottom:1.1rem;padding:.9rem 1.1rem;display:flex}.rewcat__balance-v{font-family:var(--font-display);color:#e3bd77;font-size:1.9rem;font-weight:800;line-height:1}.rewcat__balance-k{letter-spacing:.12em;text-transform:uppercase;color:#f2e9d8b3;font-size:.78rem}.rewcat__balance-next{color:#f2e9d8c7;flex:100%;font-size:.85rem}.rewcat__balance-next b{color:#f7f1e6}.rewcat__filters{flex-direction:column;gap:.5rem;margin-bottom:1.1rem;display:flex}.rewcat__chips{scrollbar-width:none;gap:.45rem;min-width:0;padding-bottom:.15rem;display:flex;overflow-x:auto}.rewcat__chips::-webkit-scrollbar{display:none}.rewcat__chips .chip{color:#f2e9d8d9;background:0 0;border-color:#f2e9d840;flex:none}.rewcat__chips .chip.is-active{color:#14100a;background:#e3bd77;border-color:#e3bd77;font-weight:700}.rewcat__empty{color:#f2e9d8b3;font-size:.9rem}.rewcat__reset{color:#e3bd77;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.rewcat__grid{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.rewcard{background:#f2e9d808;border:1px solid #f2e9d829;border-radius:12px;flex-direction:column;gap:.22rem;min-width:0;padding:.7rem;display:flex}.rewcard.is-affordable{background:linear-gradient(165deg,#c5a0591f,#f2e9d805);border-color:#c5a05999}.rewcard__media{background:#f4f2ef;border-radius:8px;margin-bottom:.5rem;display:block;position:relative;overflow:hidden}.rewcard__media img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:auto;display:block}.rewcard__badge,.rewcard__reach{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100% - .8rem);padding:.2rem .45rem;font-size:.62rem;font-weight:700;position:absolute;overflow:hidden}.rewcard__badge{color:#f7f1e6;background:#14100ad1;top:.4rem;left:.4rem}.rewcard__reach{color:#14100a;background:#e3bd77;bottom:.4rem;right:.4rem;box-shadow:0 2px 10px #00000040}.rewcard__brand{letter-spacing:.1em;text-transform:uppercase;color:#f2e9d899;font-size:.62rem}.rewcard__title{color:#f7f1e6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.rewcard__cost{color:#f2e9d8cc;margin-top:.25rem;font-size:.8rem}.rewcard__cost b{font-family:var(--font-display);color:#e3bd77;margin-right:.15rem;font-size:1.15rem}.rewcard__full{letter-spacing:.05em;text-transform:uppercase;color:#f2e9d880;font-size:.66rem}.rewcard__cta{color:#f2e9d8d9;min-height:40px;font:inherit;cursor:pointer;text-align:center;background:0 0;border:1.5px solid #f2e9d84d;border-radius:999px;place-items:center;margin-top:.55rem;padding:0 .4rem;font-size:.78rem;font-weight:700;display:grid}.rewcard.is-affordable .rewcard__cta:not(:disabled){color:#14100a;background:#e3bd77;border-color:#e3bd77}.rewcard__cta:disabled{opacity:.55;cursor:not-allowed}.rewcard__cta.is-locked{opacity:.6;cursor:default;font-size:.7rem;font-weight:500}.pmech__compare-wrap{overflow-x:auto}.pmech__compare{border-collapse:collapse;width:100%;min-width:460px;font-size:.88rem}.pmech__compare th,.pmech__compare td{text-align:center;border-bottom:1px solid #f2e9d81f;padding:.7rem .6rem}.pmech__compare thead th{font-family:var(--font-display);color:#e3bd77;border-bottom-color:#c5a05973;font-size:.95rem}.pmech__compare tbody th{text-align:left;color:#f2e9d8d9;font-weight:500}.pmech__compare td{color:#f7f1e6}.pmech__compare td.is-yes{color:#7dd6a0;font-size:1rem}.pmech__compare td.is-no{color:#f2e9d852}.pmech__card-d{color:#f2e9d8b8;margin-top:.2rem;font-size:.84rem;line-height:1.5}.pmech__card.is-link{text-decoration:none;transition:border-color .16s;position:relative}.pmech__card.is-link:hover{border-color:#c5a059a6}.pmech__card-go{color:#e3bd77;margin-top:auto;padding-top:.5rem;font-size:1.05rem}.pmech__faq{gap:.5rem;display:grid}.pmech__faq-item{background:#f2e9d808;border:1px solid #f2e9d829;border-radius:10px;padding:.75rem .95rem}.pmech__faq-item summary{cursor:pointer;color:#f7f1e6;font-size:.92rem;font-weight:600;list-style-position:inside}.pmech__faq-item p{color:#f2e9d8c7;margin:.55rem 0 0;font-size:.88rem;line-height:1.6}.conf{letter-spacing:.03em;white-space:nowrap;vertical-align:middle;cursor:help;border:1px solid;border-radius:999px;align-items:center;gap:.28rem;padding:.1rem .42rem;font-size:.66rem;display:inline-flex}.conf__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.conf--high{color:#2f8f5b}.conf--medium{color:#b07d22}.conf--low{color:#97724f}.explain{opacity:.6;cursor:help;vertical-align:middle;border:1px solid;border-radius:50%;place-items:center;width:15px;height:15px;margin-left:.3rem;font-size:.62rem;font-weight:700;display:inline-grid}.explain:hover{opacity:1}.explain__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hprofile__warn{background:#b07d2214;border-left:3px solid #b07d22;border-radius:0 8px 8px 0;margin:0 0 .9rem;padding:.7rem .9rem;font-size:.85rem;line-height:1.55}.pdp-match__gauge-mark{font-size:1.35rem;font-weight:700;line-height:1}.pdp-match__verdict-lg{font-size:1.05rem}.pdp-match__working{border-top:1px solid var(--c-line);opacity:.7;margin-top:.5rem;padding-top:.5rem;font-size:.78rem;line-height:1.5}.advisor-switch{letter-spacing:.06em;text-transform:uppercase;opacity:.6;align-items:center;gap:.6rem;margin:.7rem 0;font-size:.72rem;display:flex}.advisor-switch:before,.advisor-switch:after{content:"";opacity:.3;background:currentColor;flex:1;height:1px}.advisor-mic{border:1px solid var(--c-line);width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;transition:background .16s,color .16s,border-color .16s;display:grid}.advisor-mic:hover:not(:disabled){border-color:var(--c-brand);color:var(--c-brand)}.advisor-mic:disabled{opacity:.45;cursor:not-allowed}.advisor-mic.is-live{background:var(--c-brand);border-color:var(--c-brand);color:#fff;animation:1.4s ease-in-out infinite advisor-mic-pulse}@keyframes advisor-mic-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c-brand) 55%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--c-brand) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.advisor-mic.is-live{animation:none}}.brand-chrome-mark--solo{gap:0}@media (width<=640px){.brand-chrome-mark--solo{justify-self:center;gap:0}}@media (width>=960px){.brand-chrome-mark--solo{justify-self:start}}body[data-brand=kerastase] .wordmark__logo{height:clamp(30px,4vw,40px)}@media (width<=640px){.brand-chrome-mark--solo .wordmark__logo{object-fit:contain;width:auto;max-width:100%;height:clamp(28px,8.5vw,36px)}body[data-brand=kerastase] .brand-chrome-mark--solo .wordmark__logo{height:32px}}.brand-rail__house-tab{font-family:Montserrat,sans-serif;font-size:var(--word-size);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;color:#fff;opacity:.78;border-right:1px solid #ffffff24;flex:none;align-items:center;gap:.4rem;padding:0 clamp(.55rem,1.2vw,.9rem);font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.brand-rail__house-tab:hover,.brand-rail__house-tab:focus-visible,.brand-rail__house-tab.is-active{opacity:1}.brand-rail__house-tab .ai-spark{color:#d4b47a;font-size:.95em}.brand-rail__house-tab-text{flex-direction:column;gap:.1em;font-size:.62rem;line-height:1.05;display:inline-flex}@media (width>=1200px){.brand-rail__house-tab-text{font-size:inherit;flex-direction:row;gap:.35em}}.brand-rail__house-tab.is-active{background:#242424;border-right:0;border-radius:5px 5px 0 0;align-self:stretch;position:relative;box-shadow:inset 0 3px #b8935e}@media (width<=620px){.brand-rail__house-tab{letter-spacing:.08em;padding:0 .55rem;font-size:.5rem}.brand-rail__house-tab-text{font-size:inherit}}@media (prefers-reduced-motion:reduce){.brand-rail__house-tab{transition:none}}.cart-details>.giftpick{margin-block:0}.giftbanner__icon img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.skinscan--hair{--ss-accent:#d4b47a}.skinscan--hair .skinscan__stage{background:#111;overflow:hidden}.skinscan--hair .skinscan__photo{object-fit:cover;object-position:66% 50%;opacity:.95;width:100%;height:100%;position:absolute;inset:0}.skinscan--hair .skinscan__stage:after{content:"";pointer-events:none;background:linear-gradient(#080a0e1f 0%,#0000 35%,#080a0e8c 100%);position:absolute;inset:0}.skinscan--hair .skinscan__bracket,.skinscan--hair .skinscan__beam,.skinscan--hair .skinscan__pings{z-index:1}.skinscan--hair .skinscan__cta{color:#141414}.skinscan__actions{flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;display:flex}.skinscan__alt{color:#cfd8e2;text-underline-offset:3px;font-size:.86rem;text-decoration:underline}.skinscan__alt:hover{color:#fff}@media (width<=760px){.skinscan__actions{justify-content:center}}.kpromo{aspect-ratio:2000/326;display:block}.kpromo__img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=700px){.kpromo{aspect-ratio:720/240}}@media (width<=760px){.brand-rail__brands{scroll-padding-inline:22px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 22px calc(100% - 22px),#0000 100%)}}