.coffee-quiz-page{max-width:1180px;margin:0 auto;padding:32px 20px 72px}.coffee-quiz-hero{text-align:center;max-width:760px;margin:38px auto}.coffee-quiz-hero>span,.coffee-results>header>span{color:#a45c28;font-weight:800}.coffee-quiz-hero h1,.coffee-results h2{font-size:clamp(28px,5vw,46px);margin:10px 0}.coffee-quiz-hero p,.coffee-results>header p{color:#6b625b;line-height:2}.coffee-quiz{background:#fff;border:1px solid #eadfd5;border-radius:24px;box-shadow:0 14px 40px rgba(67,42,25,.08);max-width:860px;margin:0 auto;padding:clamp(22px,5vw,48px)}.coffee-quiz-progress{display:flex;align-items:center;gap:16px;color:#72533c;font-weight:800;margin-bottom:38px}.coffee-quiz-progress>div{height:8px;flex:1;background:#f1e8e0;border-radius:20px;overflow:hidden}.coffee-quiz-progress i{display:block;height:100%;background:#a45c28;border-radius:20px;transition:inline-size .25s}.coffee-quiz-step{border:0;padding:0;margin:0}.coffee-quiz-step legend{font-size:clamp(23px,4vw,32px);font-weight:900;text-align:center;margin-bottom:14px;width:100%}.coffee-quiz-help{text-align:center;color:#71675f;margin:0 0 22px}.coffee-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:26px}.coffee-answer-grid label{cursor:pointer;margin:0}.coffee-answer-grid input{position:absolute;opacity:0;pointer-events:none}.coffee-answer-grid span{align-items:center;border:2px solid #eadfd5;border-radius:15px;display:flex;justify-content:center;min-height:70px;padding:14px;text-align:center;font-weight:800;transition:.18s}.coffee-answer-grid input:focus-visible+span{outline:3px solid rgba(164,92,40,.3)}.coffee-answer-grid input:checked+span{background:#fff6ed;border-color:#a45c28;color:#7d431b}.coffee-quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:34px}.coffee-quiz-actions .btn{min-width:130px}.coffee-quiz-back{border:1px solid #d9cec5}.coffee-quiz-error{color:#a12828;text-align:center;margin-bottom:16px}.coffee-results>header{text-align:center;margin:42px auto 30px}.coffee-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.coffee-result-card{background:#fff;border:1px solid #e8ddd4;border-radius:22px;padding:22px;position:relative;display:flex;flex-direction:column}.coffee-result-card--first{border-color:#b66b35;box-shadow:0 14px 38px rgba(118,67,30,.13)}.coffee-result-rank{color:#8b4d21;font-weight:900}.coffee-result-match{position:absolute;left:18px;top:16px;text-align:center}.coffee-result-match strong{display:block;font-size:25px;color:#8b4d21}.coffee-result-match span{font-size:12px;color:#756a62}.coffee-result-card img{width:100%;aspect-ratio:1/1;object-fit:contain;margin:18px 0;border-radius:15px}.coffee-result-card h3{font-size:20px;line-height:1.7}.coffee-result-reasons h4{font-size:15px;margin:15px 0 7px}.coffee-result-reasons ul{list-style:none;padding:0;margin:0;color:#3f6d49;line-height:2}.coffee-result-tradeoff{background:#fff8e8;border-radius:10px;color:#795d25;margin:12px 0;padding:10px;line-height:1.8}.coffee-result-price{margin-top:auto;padding:14px 0}.coffee-result-price strong{font-size:18px}.coffee-result-price span{color:#6b625b}.coffee-result-card>.btn{width:100%}.coffee-quiz-restart{display:block;text-align:center;margin:28px auto}.coffee-quiz-empty{text-align:center;background:#fff;border-radius:20px;padding:50px 20px}.coffee-quiz-empty p{color:#6b625b}.coffee-quiz-empty .btn{margin-top:15px}@media(max-width:900px){.coffee-result-grid{grid-template-columns:1fr}.coffee-result-card{max-width:620px;width:100%;margin:auto}.five-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.coffee-quiz-page{padding-inline:14px}.coffee-quiz{padding:22px 15px}.coffee-answer-grid{grid-template-columns:1fr}.coffee-quiz-actions .btn{flex:1;min-width:0}}

.coffee-quiz-page{overflow-x:clip}.coffee-quiz-hero--intro{margin-bottom:24px}.coffee-quiz-intro{background:linear-gradient(145deg,#fff9f2,#fff);border:1px solid #eadfd5;border-radius:24px;box-shadow:0 14px 40px rgba(67,42,25,.08);margin:0 auto;max-width:760px;padding:clamp(26px,6vw,54px);text-align:center}.coffee-quiz-intro>i{align-items:center;background:#fff0df;border-radius:50%;color:#a45c28;display:inline-flex;font-size:34px;height:72px;justify-content:center;width:72px}.coffee-quiz-intro h2{font-size:clamp(24px,4vw,36px);margin:18px 0 12px}.coffee-quiz-intro p{color:#625950;line-height:2;margin-inline:auto;max-width:620px}.coffee-quiz-intro ul{display:flex;gap:20px;justify-content:center;list-style:none;margin:22px 0;padding:0}.coffee-quiz-intro li{color:#67584c}.coffee-quiz-intro li i{color:#a45c28;margin-left:5px}.coffee-quiz-intro-actions{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:28px}.coffee-quiz-intro-actions .btn{min-width:180px}.coffee-quiz-intro-actions a,.coffee-results-actions a,.coffee-quiz-empty a:not(.btn){color:#7d431b;font-weight:800}.coffee-answer-grid span{flex-direction:column;gap:5px}.coffee-answer-grid span strong{font-size:16px}.coffee-answer-grid span small{color:#756a62;font-size:13px;font-weight:500;line-height:1.7}.coffee-answer-grid input:checked+span small{color:#7d431b}.coffee-quiz-loading{align-items:center;background:rgba(255,255,255,.94);border-radius:20px;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.coffee-quiz-loading span{animation:coffee-spin .8s linear infinite;border:3px solid #eadfd5;border-top-color:#a45c28;border-radius:50%;height:32px;margin-left:12px;width:32px}.coffee-quiz-loading p{color:#594a3f;font-weight:800;margin:0}.coffee-quiz{position:relative}.coffee-result-match{max-width:130px}.coffee-result-match span{display:block;line-height:1.5}.coffee-results-actions,.coffee-quiz-empty>div{align-items:center;display:flex;gap:22px;justify-content:center;margin-top:28px}.coffee-results-actions .coffee-quiz-restart{margin:0}.coffee-quiz-empty .btn{margin:0}@keyframes coffee-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.coffee-quiz-loading span{animation:none}.coffee-quiz-progress i{transition:none}}@media(max-width:560px){.coffee-quiz-hero{margin-block:24px}.coffee-quiz-intro ul,.coffee-quiz-intro-actions,.coffee-results-actions,.coffee-quiz-empty>div{align-items:stretch;flex-direction:column}.coffee-quiz-intro-actions{gap:14px}.coffee-result-match{max-width:110px}.coffee-quiz-loading{flex-direction:column;padding:20px;text-align:center}.coffee-quiz-loading span{margin:0 0 12px}}

.coffee-quiz-early{background:#fff8e8;border:1px solid #ead9b8;border-radius:14px;margin-top:18px;padding:14px;text-align:center}.coffee-quiz-early p{color:#69583f;line-height:1.8;margin:0 0 10px}.coffee-quiz-early-submit{background:transparent;border:1px solid #a45c28;color:#7d431b}.coffee-results-refine{margin:0}.coffee-results-refine button{background:none;border:0;color:#7d431b;cursor:pointer;font:inherit;font-weight:800;padding:0}