.db-quiz-section{overflow:clip;padding-block:clamp(56px,8vw,108px);border-block:1px solid rgba(38,31,27,.08);background:radial-gradient(circle at 12% 12%,rgba(223,186,169,.28),transparent 30%),linear-gradient(135deg,#f6ede8,#fbf8f5 46%,#efe7e1);color:#211b18}.db-quiz-section__inner{display:grid;grid-template-columns:minmax(520px,1.22fr) minmax(300px,.78fr);grid-template-areas:"experience copy";gap:clamp(34px,6vw,94px);align-items:center;width:min(calc(100% - 64px),1320px);margin-inline:auto}.db-quiz-section__intro{grid-area:copy;max-width:520px;padding-inline-end:clamp(0px,2vw,26px)}.db-quiz-section__eyebrow,.db-quiz__kicker{margin:0 0 14px;color:#8d594e;font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.db-quiz-section__intro h2{margin:0;font-family:var(--font-heading--family);font-size:clamp(2.25rem,4.3vw,4.7rem);font-weight:var(--font-heading--weight);letter-spacing:-.045em;line-height:.97;text-wrap:balance}.db-quiz-section__intro>p:not(.db-quiz-section__eyebrow){margin:24px 0 30px;color:#645a55;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.65}.db-quiz-section__proof{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#504640;font-size:.9rem}.db-quiz-section__proof li{display:flex;align-items:center;gap:10px}.db-quiz-section__proof li:before{content:"\2713";display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#1084741a;color:#0c7567;font-size:.72rem;font-weight:900}.db-quiz{grid-area:experience;display:block;min-width:0}.db-quiz__shell{position:relative;min-height:560px;padding:clamp(24px,4vw,46px);border:1px solid rgba(71,52,44,.12);border-radius:30px;background:#ffffffeb;box-shadow:0 30px 80px #4932271f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.db-quiz__topbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#6d625c;font-size:.76rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.db-quiz__progress{overflow:hidden;height:4px;margin-bottom:clamp(34px,5vw,54px);border-radius:999px;background:#ede6e1}.db-quiz__progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#108474,#76b7aa);transition:width .22s ease}.db-quiz__screen{margin:0;padding:0;border:0;animation:db-quiz-enter .26s cubic-bezier(.22,1,.36,1) both}.db-quiz__screen--intro,.db-quiz__result{display:grid;align-content:center;min-height:390px}.db-quiz__screen h3,.db-quiz__screen legend{max-width:680px;margin:0;padding:0;color:#211b18;font-family:var(--font-heading--family);font-size:clamp(2.15rem,4vw,3.65rem);font-weight:600;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}.db-quiz__screen--intro>p:not(.db-quiz__kicker),.db-quiz__result>p:not(.db-quiz__kicker):not(.db-quiz__disclaimer){max-width:600px;margin:18px 0 28px;color:#6a5f59;font-size:1rem;line-height:1.65}.db-quiz__primary,.db-quiz__back,.db-quiz__choices button{font:inherit}.db-quiz__primary{display:inline-grid;width:fit-content;min-height:50px;place-items:center;padding-inline:26px;border:1px solid #108474;border-radius:999px;background:#108474;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.055em;line-height:1;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.db-quiz__secondary-link{width:fit-content;margin-top:18px;color:#51453f;font-size:.88rem;text-underline-offset:4px}.db-quiz__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.db-quiz__choices button{display:flex;min-height:78px;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(58,43,36,.14);border-radius:16px;background:#fff;color:#302824;font-size:.94rem;font-weight:680;line-height:1.3;text-align:left;cursor:pointer;box-shadow:0 8px 22px #4631270a;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.db-quiz__choices button span{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:50%;background:#f4ece7;color:#7d5147;font-size:1.1rem}.db-quiz__choices button[aria-pressed=true]{border-color:#10847494;background:#10847411;box-shadow:0 10px 28px #1084741a}.db-quiz__choices button[aria-pressed=true] span{background:#108474;color:#fff}.db-quiz__nav{display:flex;justify-content:flex-start;margin-top:24px}.db-quiz__back{min-height:42px;padding-inline:0;border:0;background:transparent;color:#655a54;font-size:.86rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.db-quiz__result-card{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:clamp(20px,4vw,42px);align-items:center;margin-top:30px;padding:clamp(20px,3vw,32px);border:1px solid rgba(61,44,36,.1);border-radius:22px;background:linear-gradient(135deg,#f7eee8,#fff 64%)}.db-quiz__result-card img{display:block;width:auto;max-width:100%;max-height:260px;margin-inline:auto;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(60,40,30,.16))}.db-quiz__result-card span{color:#8d594e;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.db-quiz__result-card h4{margin:6px 0 10px;font-family:var(--font-heading--family);font-size:clamp(2.1rem,4vw,3.25rem);font-weight:600;letter-spacing:-.035em;line-height:1}.db-quiz__result-card p{max-width:470px;margin:0 0 22px;color:#625852;line-height:1.6}.db-quiz__result-actions{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center;margin-top:22px}.db-quiz__result-actions .db-quiz__secondary-link{margin-top:0}.db-quiz__disclaimer{margin:20px 0 0;color:#857a74;font-size:.74rem;line-height:1.5}.db-quiz [hidden]{display:none!important}.db-quiz button:focus-visible,.db-quiz a:focus-visible{outline:3px solid rgba(16,132,116,.45);outline-offset:3px}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.db-quiz__primary:hover,.db-quiz__choices button:hover{transform:translateY(-2px)}.db-quiz__primary:hover{box-shadow:0 14px 28px #10847438}.db-quiz__choices button:hover{border-color:#1084746b;box-shadow:0 12px 28px #46312714}}@media screen and (max-width:989px){.db-quiz-section__inner{grid-template-columns:1fr;grid-template-areas:"copy" "experience"}.db-quiz-section__intro{max-width:650px;padding-inline-end:0}.db-quiz{width:100%;max-width:760px;justify-self:center}}@media screen and (max-width:749px){.db-quiz-section{padding-block:52px}.db-quiz-section__inner{width:calc(100% - 32px);gap:26px}.db-quiz-section__intro h2{font-size:clamp(2.25rem,12vw,3.4rem)}.db-quiz__shell{min-height:520px;padding:20px 16px 22px;border-radius:22px}.db-quiz__progress{margin-bottom:32px}.db-quiz__screen h3,.db-quiz__screen legend{font-size:clamp(2rem,10.5vw,2.75rem)}.db-quiz__choices{grid-template-columns:1fr;gap:10px;margin-top:24px}.db-quiz__choices button{min-height:68px;padding:14px}.db-quiz__screen--intro,.db-quiz__result{min-height:410px}.db-quiz__primary{width:100%}.db-quiz__result-card{grid-template-columns:92px minmax(0,1fr);gap:16px;padding:18px 14px}.db-quiz__result-card img{max-height:190px}.db-quiz__result-card h4{font-size:2.15rem}}@media(prefers-reduced-motion:reduce){.db-quiz *,.db-quiz *:before,.db-quiz *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@keyframes db-quiz-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.db-quiz__result-card--kit{grid-template-columns:minmax(190px,.46fr) minmax(0,1fr);background:radial-gradient(circle at 12% 16%,rgba(220,176,157,.16),transparent 38%),linear-gradient(135deg,#faf4ef,#fff 66%)}.db-quiz__result-card--kit img{width:min(100%,290px);max-height:290px;aspect-ratio:1;padding:8px;border-radius:20px;background:#ffffffc2;object-fit:contain}.db-quiz__reward{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;margin-top:18px;padding:clamp(20px,3vw,30px);border:1px solid rgba(255,255,255,.14);border-radius:22px;background:radial-gradient(circle at 94% 0%,rgba(112,188,174,.28),transparent 34%),#171311;color:#fff;box-shadow:0 18px 42px #20171324}.db-quiz__reward-eyebrow{display:block;margin-bottom:6px;color:#91d0c4;font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.db-quiz__reward strong{display:block;font-family:var(--font-heading--family);font-size:clamp(1.65rem,3vw,2.55rem);font-weight:600;letter-spacing:-.025em;line-height:1}.db-quiz__reward p{max-width:570px;margin:10px 0 0;color:#ffffffad;font-size:.84rem;line-height:1.55}.db-quiz__coupon{display:flex;align-items:center;gap:8px;padding:7px;border:1px dashed rgba(255,255,255,.34);border-radius:14px;background:#ffffff12}.db-quiz__coupon code{padding-inline:12px;color:#fff;font-family:inherit;font-size:1.02rem;font-weight:900;letter-spacing:.12em}.db-quiz__coupon button{min-height:40px;padding-inline:15px;border:0;border-radius:10px;background:#fff;color:#171311;font:inherit;font-size:.72rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase;cursor:pointer}.db-quiz__copy-status{min-height:1em;grid-column:1 / -1;color:#91d0c4;font-size:.75rem}@media screen and (max-width:749px){.db-quiz__result-card--kit{grid-template-columns:104px minmax(0,1fr)}.db-quiz__result-card--kit img{width:104px;max-height:140px;padding:4px;border-radius:14px}.db-quiz__result-card--kit h4{font-size:1.7rem}.db-quiz__result-card--kit .db-quiz__primary{grid-column:1 / -1;margin-top:4px}.db-quiz__reward{grid-template-columns:1fr;padding:20px 16px}.db-quiz__coupon{justify-content:space-between}.db-quiz__copy-status{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/db-fragrance-quiz.css.map */