.macro-page{background:var(--ink);color:var(--paper);padding-bottom:56px}.macro-page .quiz-hero p,.macro-page .quiz-step-sub,.macro-page .quiz-back{color:#fff9}.macro-page .quiz-back:hover{color:var(--paper)}.quiz-hero{padding:32px 0 4px;text-align:center}.quiz-hero .section-eyebrow{display:block;margin-bottom:10px}.quiz-hero h1{font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 12px}.quiz-hero p{color:var(--grey-2);font-size:.92rem;max-width:46ch;margin:0 auto}.quiz-app{max-width:960px;margin:0 auto;padding:20px 24px 72px;box-sizing:border-box;width:100%}.quiz-app .quiz-step{max-width:760px;margin-left:auto;margin-right:auto}.quiz-step{display:none}.quiz-step.active{display:block;animation:quizFadeIn .35s ease}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-step h2{font-size:1.5rem;text-align:center;margin:0 0 8px}.macro-page .quiz-step h2{margin-top:22px;font-size:1.2rem}.macro-page .quiz-step h2:first-of-type{margin-top:0}.quiz-step-sub{text-align:center;color:var(--grey-2);font-size:.88rem;margin:0 0 32px}.quiz-back{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--grey-2);margin-top:28px;cursor:pointer;background:none;border:0}.quiz-back:hover{color:var(--ink)}.quiz-back svg{width:12px;height:12px}.quiz-options{display:grid;gap:10px}.quiz-options.two-col{grid-template-columns:repeat(2,1fr)}.quiz-options.three-col{grid-template-columns:repeat(3,1fr)}.quiz-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 14px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#ffffff0d;color:#fff;cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.quiz-option:hover{border-color:#fff9;background:#ffffff1a;transform:translateY(-2px)}.macro-page .quiz-option.is-selected{border-color:#8dc63f;border-width:2px;background:#8dc63f29;box-shadow:0 0 0 3px #8dc63f4d;transform:none}.macro-page .quiz-option.is-selected strong{color:#a5d96a}.quiz-option strong{font-size:.92rem;font-weight:700;color:#fff}.quiz-option-desc{font-size:.74rem;color:#ffffff8c;line-height:1.4}.macro-stepper{display:flex;align-items:stretch;gap:8px}.macro-step-btn{flex:0 0 52px;height:52px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#ffffff0f;color:#fff;font-size:1.4rem;font-weight:700;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease}.macro-step-btn:hover{background:#ffffff24;border-color:#ffffff80}.macro-field .macro-stepper input{flex:1 1 auto;min-width:0;height:52px;padding:0 12px;text-align:center;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#ffffff0f;color:#fff;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.macro-stepper input::-webkit-outer-spin-button,.macro-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.macro-page input:focus,.macro-page input:focus-visible{outline:none!important;box-shadow:none!important;border-color:#ffffff80!important}.macro-copy-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0}.macro-copy-btn{height:38px;padding:0 22px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:transparent;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease}.macro-copy-btn:hover{background:#ffffff1a;border-color:#fff9}.macro-copy-note{font-size:.82rem;font-weight:700;color:#8dc63f}.macro-field{max-width:340px;margin:0 auto 8px;text-align:left}.macro-field label{display:block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.macro-field input{width:100%;height:52px;padding:0 16px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#ffffff0f;color:#fff}.macro-field input::placeholder{color:#ffffff59}.macro-error{margin:18px auto 0;max-width:420px;text-align:center;font-size:.85rem;font-weight:600;color:#ff9d9d}.macro-actions{text-align:center;margin-top:20px}.macro-calc-btn{min-width:240px;height:52px}.macro-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 6px}.macro-stat{border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:20px 14px;text-align:center;background:#ffffff0a}.macro-stat-value{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1}.macro-stat-label{display:block;margin-top:8px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c}.macro-useful{margin:24px 0 14px;text-align:center;font-size:1.05rem;font-weight:700}.quiz-app .quiz-step[data-macro-results]{max-width:min(1180px,100%);width:100%}.quiz-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;width:100%}.macro-page .macro-recs .product-card,.macro-page .macro-recs .stack-card{background:#fff;color:#0a0a0a;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:14px;box-shadow:0 20px 40px #00000059}.macro-page .macro-recs h4{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;color:#0a0a0a}.macro-page .macro-recs .aph-card-form{display:flex;flex-wrap:wrap;gap:8px}.macro-page .macro-recs .aph-card-form .btn-roll{flex:1 1 auto;min-width:88px;white-space:nowrap;font-size:.8rem}.macro-page .macro-recs .price{color:#0a0a0a}.macro-page .macro-recs .price-compare,.macro-page .macro-recs .rating-text{color:#0000008c}.quiz-lead{margin:0 0 36px}.quiz-lead-box{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,380px);gap:18px 36px;align-items:center;background:#0c0c0c;border:1px solid rgba(255,255,255,.14);padding:26px 30px;color:#fff}.macro-page .quiz-lead-copy h3{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:.95;margin:0 0 8px;text-transform:uppercase}.macro-page .quiz-lead-sub{margin:0;font-size:.86rem;color:#fff9}.quiz-lead-form .aph-subscribe-field{position:relative;display:block;margin-bottom:10px}.quiz-lead-form .aph-subscribe-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#ffffff80;pointer-events:none}.quiz-lead-form .aph-subscribe-field input{width:100%;height:48px;padding:0 14px 0 40px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff0f;color:#fff}.quiz-lead-form .aph-subscribe-btn{width:100%;height:48px}.quiz-lead-form .aph-subscribe-hint{margin:2px 0 0;font-size:.78rem;font-weight:500;color:#ffffff7a}.quiz-lead-form .aph-subscribe-note{margin:8px 0 0;font-size:.82rem;color:#8dc63f}.quiz-lead-form .aph-subscribe-note.is-error{color:#ff9d9d}@media(max-width:900px){.quiz-lead-box{grid-template-columns:1fr;gap:16px;padding:22px 20px}.macro-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.quiz-options.two-col,.quiz-options.three-col{grid-template-columns:1fr}.quiz-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/aph-macro.css.map */