.yb-quiz-section{--yb-sand: #f7f1e7;--yb-black: #151210;--yb-brown: #6c4f34;--yb-muted: #8a8076;--yb-line: #eadfce;--yb-shadow: 0 18px 50px rgba(43, 31, 18, .13);display:block;color:var(--yb-black)}.yb-quiz-section *{box-sizing:border-box}.yb-quiz-section .yb-quiz{margin:0 auto}.yb-quiz-section .yb-hero{position:relative;overflow:hidden;min-height:440px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:clamp(28px,5vw,64px);background:linear-gradient(90deg,#0a0807f2,#0a0807c4 48%,#0a08076b),radial-gradient(circle at 70% 45%,#f5d786 0 5%,#8a642f 10%,transparent 28%),linear-gradient(135deg,#120d0a,#3b260d 58%,#090706);color:#fff;box-shadow:var(--yb-shadow)}.yb-quiz-section .yb-hero:before{content:"";position:absolute;inset:-60px -70px auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,transparent 43%,rgba(247,213,128,.88) 45%,rgba(184,153,98,.22) 59%,transparent 61%);opacity:.9}.yb-quiz-section .yb-eyebrow{position:relative;z-index:1;margin:0 0 10px;color:#e6c98e;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.22em}.yb-quiz-section h1{position:relative;z-index:1;margin:0;max-width:700px;color:#fff}.yb-quiz-section .yb-hero-text{position:relative;z-index:1;max-width:565px;margin:22px 0 0;color:#ffffffd1}.yb-quiz-section .yb-hero-card{display:flex;justify-content:center;align-items:center;gap:1rem;position:relative;z-index:1;justify-self:end;width:min(100%,390px);padding:28px;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:#ffffff1f;box-shadow:0 18px 60px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.yb-quiz-section .yb-hero-card strong{display:block;font-size:clamp(64px,9vw,104px);line-height:.8;color:#fff0c3;letter-spacing:-.08em}.yb-quiz-section .yb-hero-card span{display:block;margin-top:12px;color:#ffffffdb;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.yb-quiz-section .yb-quiz-shell{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}.yb-quiz-section .yb-side-panel,.yb-quiz-section .yb-question-card,.yb-quiz-section .yb-result-card{border:1px solid var(--yb-line);border-radius:22px;background:#ffffffd4;box-shadow:var(--yb-shadow)}.yb-quiz-section .yb-side-panel{position:sticky;top:22px;padding:24px}.yb-quiz-section .yb-logo{margin-bottom:20px;color:var(--yb-black);font-size:17px;font-weight:900;letter-spacing:.28em;text-transform:uppercase}.yb-quiz-section .yb-progress-label{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px;color:var(--yb-muted)}.yb-quiz-section .yb-progress{height:9px;overflow:hidden;border-radius:999px;background:#eee4d3}.yb-quiz-section .yb-progress>i{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yb-gold),#ead2a4);transition:width .32s ease}.yb-quiz-section .yb-side-copy{margin:22px 0 0;color:var(--yb-muted)}.yb-quiz-section .yb-question-card{padding:clamp(22px,4vw,42px)}.yb-quiz-section .yb-step{color:var(--yb-gold-dark);font-size:12px;font-weight:900}.yb-quiz-section .yb-question-title{margin:10px 0 16px;color:var(--yb-black)}.yb-quiz-section .yb-question-subtitle{max-width:690px;margin:0 0 26px;color:var(--yb-muted)}.yb-quiz-section .yb-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.yb-quiz-section .yb-option{display:block;min-height:116px;padding:20px;border:1px solid var(--yb-line);border-radius:18px;background:linear-gradient(180deg,#fff,#fff9ef);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;-webkit-appearance:none;appearance:none;color:inherit}.yb-quiz-section .yb-option:hover{transform:translateY(-3px);border-color:#b89962b3;box-shadow:0 14px 34px #503a1c1f}.yb-quiz-section .yb-option.is-active{border-color:var(--yb-gold);background:linear-gradient(180deg,#fff5de,#fff);box-shadow:0 0 0 3px #b8996229}.yb-quiz-section .yb-option b{display:block;margin-bottom:5px;color:var(--yb-black)}.yb-quiz-section .yb-option small{color:var(--yb-muted)}.yb-quiz-section .yb-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.yb-quiz-section .yb-btn{border:0;border-radius:999px;padding:13px 22px;cursor:pointer;letter-spacing:.08em;transition:transform .18s ease,opacity .18s ease}.yb-quiz-section .button:hover{transform:translateY(-2px)}.yb-quiz-section .button:disabled{opacity:.42;cursor:not-allowed;transform:none}.yb-quiz-section .yb-hidden{display:none!important}.yb-quiz-section .yb-result-card{margin-top:34px;overflow:hidden}.yb-quiz-section .yb-result-header{position:relative;padding:clamp(28px,5vw,50px);background:linear-gradient(90deg,#000000c7,#0000006b),radial-gradient(circle at 82% 28%,rgba(255,220,145,.68),transparent 18rem),linear-gradient(135deg,#24140b,#9b6f34);color:#fff}.yb-quiz-section .yb-result-header h2{margin:8px 0 12px;color:#fff}.yb-quiz-section .yb-result-header p{max-width:760px;margin:0;color:#ffffffd4}.yb-quiz-section .yb-result-body{padding:clamp(22px,4vw,38px)}.yb-quiz-section .yb-result-grid{display:grid;gap:16px}.yb-quiz-section .product-card{overflow:hidden;border:1px solid var(--yb-line);border-radius:18px;background:#fff}.yb-quiz-section .yb-product-visual{position:relative;min-height:230px;display:grid;place-items:center}.yb-quiz-section .yb-product-image{object-fit:cover;width:auto;height:auto;aspect-ratio:1}.yb-quiz-section .yb-bottle{width:72px;height:156px;border-radius:18px 18px 12px 12px;background:linear-gradient(90deg,rgba(255,255,255,.38),transparent 24%,rgba(0,0,0,.1) 80%),linear-gradient(180deg,var(--bottle1),var(--bottle2));box-shadow:0 18px 35px #23160c2e;position:relative}.yb-quiz-section .yb-bottle:before{content:"";position:absolute;left:16px;top:-28px;width:40px;height:32px;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#c59d43,#ffe3a2,#a8792f)}.yb-quiz-section .yb-bottle:after{content:attr(data-label);position:absolute;left:50%;top:58px;transform:translate(-50%);width:58px;padding:8px 3px;background:#ffffffad;color:#6a4c2b;border-radius:6px;text-align:center}.yb-quiz-section .badge{background:#151210db;color:#fff}.yb-quiz-section .yb-product-info{padding:16px;text-align:center;display:flex;flex-direction:column;gap:1rem}.yb-quiz-section .yb-product-info h3{margin:0 0 8px;min-height:48px;color:var(--yb-black)}.yb-quiz-section .yb-product-info p{margin:0 0 12px;color:var(--yb-muted)}.yb-quiz-section .yb-match{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:8px 10px;border-radius:999px;background:var(--yb-sand);color:var(--yb-gold-dark)}.yb-quiz-section .yb-shop-link{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-width:112px;padding:10px 14px;border-radius:999px;background:var(--yb-gold);color:#fff}.yb-quiz-section .yb-restart{margin-top:26px;text-align:center}.yb-quiz-section .yb-footer-note{margin-top:34px;text-align:center;color:var(--yb-muted)}@media(min-width:900px){.yb-quiz-section .yb-product-info p{font-size:clamp(.75rem,1vw,.9rem);min-height:92px}}@media(max-width:900px){.yb-quiz-section .yb-hero,.yb-quiz-section .yb-quiz-shell{grid-template-columns:1fr}.yb-quiz-section .yb-hero-card{justify-self:start}.yb-quiz-section .yb-side-panel{position:relative;top:auto}.yb-quiz-section .yb-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.yb-quiz-section .yb-quiz{width:min(100% - 18px,1120px);padding-top:10px}.yb-quiz-section .yb-hero{min-height:auto;padding:30px 22px 88px;border-radius:0 0 24px 24px}.yb-quiz-section .yb-options,.yb-quiz-section .yb-result-grid,.yb-quiz-section .yb-mini-notes{grid-template-columns:1fr}.yb-quiz-section .yb-actions{flex-direction:column-reverse}.yb-quiz-section .yb-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/quiz.css.map */