/* INTWB theme v3: the skin quiz page (page 52151). The quiz is its own app (markup, CSS and script
   in the page content); this layer draws it in v3 without touching how it works: a flat butter head,
   product jars in a tidy grid (no tilt, overlap or outlines), v3 kicker, ink pill buttons, answer
   tiles that turn white with an ink border when picked, white cards on cream, no stripes, circles or
   hard shadows. Loaded only on that page. Source: tools/quiz-v3.css (+ generated tools/flatten-quiz.css). */

/* ---------- Palette the quiz reads ---------- */
body.v3.page-id-52151 :is(.iw-quiz-launch,.intwb-skq){--skq-shadow:none!important;--skq-orange:#F6C75B!important;--skq-rust:#574F4B!important;--skq-muted:#574F4B!important;--skq-sky-soft:#E9F1F9!important;--skq-butter-soft:#FBE6AC!important}

/* ---------- Launch head ---------- */
body.v3.page-id-52151 .iw-page-wrapper.iw-quiz-launch{background:var(--butter-2)!important;font-family:var(--f-body)!important}
body.v3.page-id-52151 .iw-quiz-launch::before,body.v3.page-id-52151 .iw-quiz-launch::after,body.v3.page-id-52151 .iw-quiz-launch .iw-section::before,body.v3.page-id-52151 .iw-quiz-launch .iw-section::after{display:none!important}
body.v3.page-id-52151 .iw-quiz-launch .iw-section{gap:28px!important;padding-top:clamp(36px,6vw,76px)!important;padding-bottom:clamp(48px,7vw,96px)!important}
body.v3.page-id-52151 .iw-quiz-launch h1{font-family:var(--f-display)!important;font-weight:500!important;letter-spacing:-.022em!important;color:var(--ink)!important;text-wrap:balance}
body.v3.page-id-52151 .iw-quiz-launch p{color:var(--ink-2)!important;font-size:17px!important;line-height:1.6!important}
body.v3.page-id-52151 :is(.iw-quiz-launch__eyebrow,.intwb-skq__eyebrow,.intwb-skq .pro-tip,.intwb-skq__kicker){min-height:0!important;padding:8px 14px!important;border:0!important;border-radius:999px!important;background:var(--ink)!important;color:var(--butter)!important;box-shadow:none!important;font:800 12px/1.2 var(--f-body)!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.v3.page-id-52151 .iw-quiz-paths{gap:10px!important}
body.v3.page-id-52151 .iw-quiz-path{min-height:58px!important;padding:0 26px!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font:800 16px/1.2 var(--f-body)!important;letter-spacing:.005em!important;text-transform:none!important;text-align:center!important;transform:none!important}
body.v3.page-id-52151 .iw-quiz-path--general{background:var(--ink)!important;color:var(--cream)!important}
body.v3.page-id-52151 .iw-quiz-path--general:hover{background:#3A3331!important}
body.v3.page-id-52151 .iw-quiz-path--offer{background:#fff!important;color:var(--ink)!important}
body.v3.page-id-52151 .iw-quiz-path--offer:hover{background:var(--cream)!important}
/* Product jars: a tidy grid, nothing tilted or stacked */
body.v3.page-id-52151 .iw-quiz-hero__media{position:static!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-content:center!important;gap:12px!important;min-height:0!important;padding:0!important}
body.v3.page-id-52151 .iw-quiz-hero__media::before,body.v3.page-id-52151 .iw-quiz-hero__media::after{display:none!important}
body.v3.page-id-52151 .iw-quiz-hero__product{position:static!important;inset:auto!important;transform:none!important;rotate:none!important;width:calc((100% - 24px) / 3)!important;max-width:170px!important;height:auto!important;aspect-ratio:1!important;margin:0!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
body.v3.page-id-52151 .iw-quiz-hero__product img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
@media (max-width:767px){
  body.v3.page-id-52151 .iw-quiz-hero__media{flex-wrap:nowrap!important;gap:8px!important}
  body.v3.page-id-52151 .iw-quiz-hero__product{width:calc((100% - 32px) / 5)!important;border-radius:14px!important}
}

/* ---------- The quiz (full-screen overlay) ---------- */
body.v3.page-id-52151 .intwb-skq-overlay,body.v3.page-id-52151 .intwb-skq-overlay .intwb-skq,body.v3.page-id-52151 .intwb-skq{background:var(--cream)!important}
body.v3.page-id-52151 .intwb-skq__screen::before,body.v3.page-id-52151 .intwb-skq__screen::after{display:none!important}
body.v3.page-id-52151 .intwb-skq-overlay__close{width:48px!important;height:48px!important;border:0!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important}
body.v3.page-id-52151 .intwb-skq-overlay__close:hover{background:var(--sand)!important}
body.v3.page-id-52151 .intwb-skq :is(h1,h2,h3,h4,h5){font-family:var(--f-display)!important;font-weight:500!important;letter-spacing:-.015em!important;color:var(--ink)!important}
body.v3.page-id-52151 .intwb-skq :is(p,li){font-family:var(--f-body)}
body.v3.page-id-52151 .intwb-skq__lede,body.v3.page-id-52151 .intwb-skq .quiz-helper{color:var(--ink-2)!important}
body.v3.page-id-52151 .intwb-skq__micro-offer{color:var(--ink-2)!important;letter-spacing:.08em!important}
body.v3.page-id-52151 .intwb-skq:not(.is-results) .intwb-skq__quiz-card{border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:none!important}
/* Progress */
body.v3.page-id-52151 .intwb-skq .iw-progress-container::before{color:var(--ink-2)!important;letter-spacing:.1em!important}
body.v3.page-id-52151 .intwb-skq .iw-progress-track{height:8px!important;border:0!important;border-radius:999px!important;background:var(--sand)!important;overflow:hidden}
body.v3.page-id-52151 .intwb-skq #iwBar{height:100%!important;border-radius:999px!important;background:var(--ink)!important}
/* Answers: tiles; picked = white with an ink border */
body.v3.page-id-52151 .intwb-skq #balmQuiz .quiz-btn,body.v3.page-id-52151 .intwb-skq #balmQuiz .quiz-btn:not(.selected),body.v3.page-id-52151 .intwb-skq #balmQuiz .quiz-btn:not(.selected):hover{min-height:60px!important;padding:10px 16px!important;border:2px solid transparent!important;border-radius:16px!important;background:var(--sand-2)!important;box-shadow:none!important;text-align:left!important;transform:none!important}
body.v3.page-id-52151 .intwb-skq #balmQuiz .quiz-btn:not(.selected):hover{background:var(--sand)!important}
body.v3.page-id-52151 .intwb-skq #balmQuiz .quiz-btn.selected{border-color:var(--ink)!important;background:#fff!important;box-shadow:none!important}
body.v3.page-id-52151 .intwb-skq #balmQuiz .quiz-btn:focus-visible{outline:3px solid var(--sky)!important;outline-offset:2px}
body.v3.page-id-52151 .intwb-skq #balmQuiz .quiz-btn strong{font:800 15.5px/1.25 var(--f-body)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important}
body.v3.page-id-52151 .intwb-skq #balmQuiz .quiz-btn small{margin-top:2px!important;font:600 13px/1.35 var(--f-body)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink-2)!important}
/* Buttons */
body.v3.page-id-52151 .intwb-skq :is(.intwb-skq__start,.next-btn,.back-btn,.intwb-skq__cart-btn,.intwb-skq__reveal-btn,.intwb-skq__retake,.intwb-skq__shop-link){min-height:54px!important;padding:0 26px!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font:800 16px/1.15 var(--f-body)!important;letter-spacing:.005em!important;text-transform:none!important;transform:none!important}
body.v3.page-id-52151 .intwb-skq :is(.intwb-skq__start,.next-btn,.intwb-skq__cart-btn,.intwb-skq__reveal-btn){background:var(--ink)!important;color:var(--cream)!important}
body.v3.page-id-52151 .intwb-skq :is(.intwb-skq__start,.next-btn,.intwb-skq__cart-btn,.intwb-skq__reveal-btn):hover{background:#3A3331!important;color:var(--cream)!important}
body.v3.page-id-52151 .intwb-skq :is(.back-btn,.intwb-skq__retake,.intwb-skq__shop-link){background:var(--sand)!important;color:var(--ink)!important}
body.v3.page-id-52151 .intwb-skq :is(.back-btn,.intwb-skq__retake,.intwb-skq__shop-link):hover{background:var(--sand-2)!important}
body.v3.page-id-52151 .intwb-skq__cart-btn{min-height:62px!important;font-size:17px!important}
/* Results */
body.v3.page-id-52151 .intwb-skq #resultStep.active{background:var(--cream)!important}
body.v3.page-id-52151 .intwb-skq__reco{border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:none!important}
body.v3.page-id-52151 .intwb-skq__reco.is-primary{background:var(--sky-2)!important}
body.v3.page-id-52151 .intwb-skq__reco-image img{border:0!important;border-radius:20px!important;background:#fff!important}
body.v3.page-id-52151 .intwb-skq__reco.is-primary .intwb-skq__reco-image img{background:#fff!important}
body.v3.page-id-52151 .intwb-skq__reco-badge{border:0!important;background:var(--butter)!important;color:var(--ink)!important;box-shadow:none!important}
body.v3.page-id-52151 .intwb-skq__reco li::before{border:0!important;background:var(--butter)!important;box-shadow:none!important}
body.v3.page-id-52151 .intwb-skq__variant-row label{color:var(--ink-2)!important;letter-spacing:.1em!important}
body.v3.page-id-52151 .intwb-skq__variant-row select{min-height:48px!important;border:2px solid transparent!important;border-radius:14px!important;background-color:var(--cream)!important;color:var(--ink)!important;box-shadow:none!important;font:600 15.5px/1.3 var(--f-body)!important}
body.v3.page-id-52151 .intwb-skq__variant-row select:focus-visible{border-color:var(--ink)!important;outline:none!important}
body.v3.page-id-52151 .intwb-skq__variant-note.is-unavailable{color:var(--attn)!important}
body.v3.page-id-52151 .intwb-skq__offer-strip{border:0!important;border-radius:24px!important;background:var(--butter-2)!important;box-shadow:none!important}
body.v3.page-id-52151 .intwb-skq__offer-strip span,body.v3.page-id-52151 .intwb-skq__support-tile span{color:var(--ink-2)!important}
body.v3.page-id-52151 .intwb-skq__offer-strip strong{font-family:var(--f-display)!important;font-weight:500!important}
body.v3.page-id-52151 .intwb-skq__support-tile{border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important}
body.v3.page-id-52151 .intwb-skq__support-ingredient{background:var(--cream)!important}
body.v3.page-id-52151 .intwb-skq__cta-panel{border:0!important;border-radius:28px!important;box-shadow:none!important}
body.v3.page-id-52151 .intwb-skq__result-chips span{border:0!important;background:var(--sky-2)!important;color:var(--ink)!important;box-shadow:none!important}

/* ---------- Comparison matrix ---------- */
body.v3.page-id-52151 .iw-page-wrapper .iw-section.iw-matrix-section{border:0!important;border-radius:28px!important;background:#fff!important;box-shadow:none!important}
body.v3.page-id-52151 .iw-matrix-section::before,body.v3.page-id-52151 .iw-matrix-section::after{display:none!important}
body.v3.page-id-52151 .iw-matrix-section h2{font-family:var(--f-display)!important;font-weight:500!important;letter-spacing:-.015em!important;color:var(--ink)!important}
body.v3.page-id-52151 .iw-matrix-section .iw-table-wrap{border:0!important;box-shadow:none!important;border-radius:20px!important;background:var(--cream)!important}
body.v3.page-id-52151 .iw-comp-table :is(th,td){border-color:var(--line)!important}
body.v3.page-id-52151 .iw-comp-table th{background:#fff!important;color:var(--ink)!important}
body.v3.page-id-52151 .iw-comp-table .check-mark{color:var(--ink)!important}
body.v3.page-id-52151 .iw-comp-table .x-mark{color:rgba(34,30,29,.22)!important}
body.v3.page-id-52151 .iw-comp-table tr:last-child td:not(.feat-label){background:var(--butter-2)!important;color:var(--ink)!important}
body.v3.page-id-52151 .iw-comp-table tr:last-child td *{color:var(--ink)!important}
body.v3.page-id-52151 .iw-matrix-section .iw-eyebrow{color:var(--ink-2)!important;letter-spacing:.12em!important}

/* Generated by tools/flatten_css.py: no hard shadows, ink outlines or background circles on v3  pages. */
/* quiz/quiz-0.css: 0 rules */
/* quiz/quiz-1.css: 32 rules */
body.v3 .iw-quiz-launch{border-bottom-color:transparent!important}
body.v3 .iw-quiz-hero__media::before{border-color:transparent!important}
body.v3 .iw-quiz-hero__product{box-shadow:none!important;border-color:transparent!important}
body.v3 .iw-quiz-launch__eyebrow,body.v3 .intwb-skq__eyebrow,body.v3 .intwb-skq .pro-tip,body.v3 .intwb-skq__kicker{box-shadow:none!important;border-color:transparent!important}
body.v3 .iw-quiz-path{box-shadow:none!important;border-color:transparent!important}
body.v3 .iw-quiz-path:hover,body.v3 .iw-quiz-path:focus-visible{box-shadow:none!important;transform:none!important}
body.v3 .intwb-skq-overlay__close{box-shadow:none!important;border-color:transparent!important}
body.v3 .intwb-skq__screen::before{border-color:transparent!important}
body.v3 .intwb-skq__screen::after{border-color:transparent!important}
body.v3 .intwb-skq__start,body.v3 .intwb-skq .next-btn,body.v3 .intwb-skq .back-btn,body.v3 .intwb-skq__cart-btn,body.v3 .intwb-skq__retake,body.v3 .intwb-skq__shop-link{border-color:transparent!important}
body.v3 .intwb-skq__start:hover,body.v3 .intwb-skq .next-btn:hover,body.v3 .intwb-skq .back-btn:hover,body.v3 .intwb-skq__cart-btn:hover,body.v3 .intwb-skq__retake:hover,body.v3 .intwb-skq__shop-link:hover{box-shadow:none!important;transform:none!important}
body.v3 .intwb-skq__quiz-card{border-color:transparent!important}
body.v3 .intwb-skq .iw-progress-track{border-color:transparent!important}
body.v3 .intwb-skq .quiz-btn{border-color:transparent!important}
body.v3 .intwb-skq .quiz-btn.selected{box-shadow:none!important}
body.v3 .intwb-skq .nav-btns .next-btn{border-color:transparent!important}
body.v3 .intwb-skq__reveal-btn{border-color:transparent!important}
body.v3 .intwb-skq__reco{border-color:transparent!important}
body.v3 .intwb-skq__reco-image img{border-color:transparent!important}
body.v3 .intwb-skq__reco-badge{border-color:transparent!important}
body.v3 .intwb-skq__reco li::before{border-color:transparent!important}
body.v3 .intwb-skq__shop-link{box-shadow:none!important}
body.v3 .intwb-skq__variant-row select{border-color:transparent!important}
body.v3 .intwb-skq__cart-btn{box-shadow:none!important}
body.v3 .intwb-skq__cart-btn:hover,body.v3 .intwb-skq__cart-btn:focus-visible{box-shadow:none!important}
body.v3 .intwb-skq__offer-strip{box-shadow:none!important;border-color:transparent!important}
body.v3 .intwb-skq__support-tile{border-color:transparent!important}
body.v3 .intwb-skq__cta-panel{box-shadow:none!important;border-color:transparent!important}
body.v3 .intwb-skq__result-chips span{border-color:transparent!important}
body.v3 .intwb-skq__retake{box-shadow:none!important}
@media (max-width: 760px){body.v3 .iw-quiz-hero__product{box-shadow:none!important}}
@media (max-width: 760px){body.v3 .intwb-skq__quiz-card{box-shadow:none!important}}
/* quiz/quiz-2.css: 0 rules */
