:root{--accent:#882432;--accent-rgb:136,36,50;--secondary:#f5bd41;--secondary-rgb:245,189,65;--dark:#222;--dark-rgb:34,34,34;--light:#424649;--light-rgb:66,70,73;--white:#fff;--white-rgb:255,255,255;--error:#dc3545;--light-grey:#f8f9fa;--border-color:#dee2e6;--disabled-bg:#e9ecef;--disabled-text:#6c757d}*{box-sizing:border-box;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.multi-step-form-container{background-color:var(--white);box-shadow:0 4px 15px rgba(var(--dark-rgb),.08);border:1px solid var(--border-color);-webkit-border-radius:8px;border-radius:8px;padding:30px 40px}h1{text-align:center;color:var(--dark);margin-bottom:30px;font-size:1.8em;font-weight:700}h2{color:var(--dark);margin-bottom:10px;font-size:1.4em;font-weight:500}p.step-description,.intro p{color:var(--light);margin-top:0;margin-bottom:18px;font-size:.9em;line-height:1.6}.consent p:not(.consent-checkbox-wrapper p){color:var(--light);margin-top:0;margin-bottom:18px;font-size:.9em;line-height:1.6}.intro h1{margin-bottom:15px;font-size:1.6em}.consent h2{margin-bottom:15px;font-size:1.3em}.consent p{margin-bottom:15px}.consent small{color:var(--light);margin-top:10px;font-size:.8em;line-height:1.4;display:block}.consent-checkbox-wrapper{margin-top:20px;margin-bottom:5px}.consent-checkbox-wrapper .form-group{margin-bottom:0}ul.benefits{color:var(--dark);margin:20px 0 30px;padding-left:25px;list-style:outside}ul.benefits li{margin-bottom:10px;line-height:1.5}.form-step{animation:.4s ease-in-out fadeIn;display:none}.form-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:25px}.form-group label{cursor:pointer;color:var(--dark);border:1px solid var(--border-color);-webkit-border-radius:5px;border-radius:5px;align-items:center;margin-bottom:14px;padding:12px 15px;font-weight:400;line-height:1.5;transition:background-color .2s,border-color .2s,color .2s,opacity .2s;display:flex}.form-group label:not(.disabled):hover{background-color:rgba(var(--secondary-rgb),.1)}.form-group label.checked{background-color:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.5)}.form-group label.disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:.7}.form-group input[type=radio]{cursor:pointer;width:1.4em;height:1.4em;accent-color:var(--accent);flex-shrink:0;margin-top:0;margin-right:15px}.form-group input[type=checkbox]{cursor:pointer;width:1.4em;height:1.4em;accent-color:var(--accent);flex-shrink:0;margin-top:0;margin-right:15px}.form-group input[type=radio]:disabled{cursor:not-allowed;accent-color:var(--disabled-text)}.form-group input[type=checkbox]:disabled{cursor:not-allowed;accent-color:var(--disabled-text)}.form-step[data-step="1"] .form-group{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:25px;display:grid}.form-step[data-step="2"] .form-group{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:25px;display:grid}.form-step[data-step="1"] .form-group label{background-color:transparent;border:none;align-items:stretch;height:100%;margin-bottom:0;padding:0;display:block}.form-step[data-step="2"] .form-group label{background-color:transparent;border:none;align-items:stretch;height:100%;margin-bottom:0;padding:0;display:block}.form-step[data-step="1"] .form-group label:hover{background-color:transparent}.form-step[data-step="2"] .form-group label:hover{background-color:transparent}.form-step[data-step="1"] .form-group label.checked{background-color:transparent;border-color:transparent}.form-step[data-step="2"] .form-group label.checked{background-color:transparent;border-color:transparent}.icon-option-box{border:1px solid var(--border-color);cursor:pointer;aspect-ratio:1;text-align:center;-webkit-border-radius:8px;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;transition:background-color .2s,border-color .2s;display:flex}.form-step[data-step="1"] .form-group label:hover .icon-option-box{background-color:rgba(var(--secondary-rgb),.1);border-color:rgba(var(--secondary-rgb),.4)}.form-step[data-step="2"] .form-group label:hover .icon-option-box{background-color:rgba(var(--secondary-rgb),.1);border-color:rgba(var(--secondary-rgb),.4)}.form-step[data-step="1"] .form-group label.checked .icon-option-box{background-color:rgba(var(--accent-rgb),.08);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.form-step[data-step="2"] .form-group label.checked .icon-option-box{background-color:rgba(var(--accent-rgb),.08);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.option-icon{object-fit:contain;width:100%;height:100%;margin:0 auto}.option-text{color:var(--dark);font-size:.9em;font-weight:500;line-height:1.2}.form-step[data-step="1"] .form-group input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.form-step[data-step="2"] .form-group input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.button-group{flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:35px;display:flex}.button-group button{cursor:pointer;text-align:center;border:none;-webkit-border-radius:5px;border-radius:5px;flex-grow:1;min-width:140px;padding:14px 28px;font-size:1em;font-weight:500;transition:background-color .3s,box-shadow .3s,filter .3s}.button-group button:only-child{flex-grow:0;width:100%}button.next-btn,button.show-results-btn{background-color:var(--accent);color:var(--white);order:2}button.next-btn:hover{filter:brightness(.9);box-shadow:0 2px 5px rgba(var(--dark-rgb),.1)}button.show-results-btn:hover{filter:brightness(.9);box-shadow:0 2px 5px rgba(var(--dark-rgb),.1)}button.prev-btn{background-color:var(--light);color:var(--white);order:1}button.prev-btn:hover{filter:brightness(.9);box-shadow:0 2px 5px rgba(var(--dark-rgb),.1)}#start-over-btn{background-color:var(--secondary);color:var(--dark);order:3}#start-over-btn:hover{filter:brightness(.95);box-shadow:0 2px 5px rgba(var(--dark-rgb),.1)}.form-step[data-step=recommendation] .prev-btn{order:1}.form-step[data-step=recommendation] #start-over-btn{order:2}#recommendation-result{margin-top:25px;line-height:1.6}#recommendation-result .recommendation-section{margin-bottom:30px}#recommendation-result .recommendation-section h3{color:var(--accent);border-bottom:1px solid rgba(var(--accent-rgb),.3);margin-bottom:20px;padding-bottom:8px;font-size:1.3em}#recommendation-result>p{margin-bottom:20px}#recommendation-result>p>strong{color:var(--dark);font-weight:500}#recommendation-result hr{background-color:var(--border-color);border:0;height:1px;margin:25px 0}#recommendation-result .summary{color:var(--light);border-top:1px dashed var(--border-color);margin-top:30px;padding-top:20px;font-size:.9em;display:none}#recommendation-result .summary strong{color:var(--dark);margin-bottom:0;font-weight:500;display:inline}#recommendation-result .summary ul{padding-left:0;list-style:none}#recommendation-result .summary li{margin-bottom:4px}.validation-message{color:var(--error);margin-top:5px;margin-bottom:15px;padding-left:5px;font-size:.85em;display:none}.product-grid{grid-template-columns:repeat(auto-fit,248px);gap:25px;margin-top:15px;display:grid}.product-card{border:1px solid var(--border-color);background-color:var(--white);box-shadow:0 2px 5px rgba(var(--dark-rgb),.05);-webkit-border-radius:8px;border-radius:8px;flex-direction:column;transition:box-shadow .3s;display:flex;overflow:hidden}.product-card:hover{box-shadow:0 4px 10px rgba(var(--dark-rgb),.1)}.product-image{aspect-ratio:1;width:100%;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;display:block}.product-content{flex-direction:column;flex-grow:1;padding:15px;display:flex}.product-name{color:var(--dark);min-height:2.4em;margin-bottom:8px;font-size:1em;font-weight:500}.product-description{color:var(--light);flex-grow:1;margin-bottom:15px;font-size:.85em;line-height:1.4}.product-buttons{gap:10px;margin-top:auto;display:flex}.info-btn,.buy-btn{text-align:center;cursor:pointer;border:none;-webkit-border-radius:5px;border-radius:5px;flex:1;padding:.75rem;font-size:.9em;transition:filter .3s}.info-btn{background-color:var(--light);color:var(--white)}.info-btn:hover{filter:brightness(.9)}.buy-btn{background-color:var(--accent);color:var(--white);text-decoration:none}.buy-btn:hover{filter:brightness(.9)}#usage-popup-overlay{background-color:rgba(var(--dark-rgb),.6);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}#usage-popup-overlay.visible{display:flex}.popup-content{background-color:var(--white);-webkit-border-radius:8px;border-radius:8px;width:90%;max-width:600px;max-height:80vh;padding:30px 40px;animation:.3s ease-out popupFadeIn;position:relative;overflow-y:auto}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-close{color:var(--light);cursor:pointer;background:0 0;border:none;flex-grow:0;min-width:auto;padding:5px;font-size:1.8em;font-weight:400;line-height:1;position:absolute;top:10px;right:15px}.popup-content h3{color:var(--accent);margin-top:0;margin-bottom:20px;font-size:1.4em}.popup-steps{margin:0;padding:0;list-style:none}.popup-steps li{align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.popup-step-number{background-color:var(--accent);color:var(--white);-webkit-border-radius:50%;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-weight:500;display:flex}.popup-step-description{color:var(--dark);font-size:.95em;line-height:1.6}.popup-step-description strong{color:var(--accent);font-weight:600}@media (max-width:600px){body{padding:10px 0}.multi-step-form-container{width:95%;box-shadow:0 2px 8px rgba(var(--dark-rgb),.1);border:none;max-width:100%;padding:20px 15px}h1{margin-bottom:20px;font-size:1.5em}h2{margin-bottom:8px;font-size:1.25em}p.step-description,.intro p{margin-bottom:15px;font-size:.9em;line-height:1.5}.consent p:not(.consent-checkbox-wrapper p){margin-bottom:15px;font-size:.9em;line-height:1.5}.consent small{font-size:.8em}.consent-checkbox-wrapper{margin-top:15px}ul.benefits{margin:15px 0 25px;padding-left:20px}ul.benefits li{margin-bottom:8px;font-size:.9em}.form-group{margin-bottom:15px}.form-group label{margin-bottom:10px;padding:10px 12px;line-height:1.4}.form-step[data-step="1"] .form-group{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.form-step[data-step="2"] .form-group{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.form-step[data-step="1"] .form-group label{margin-bottom:0;padding:0}.form-step[data-step="2"] .form-group label{margin-bottom:0;padding:0}.icon-option-box{padding:10px}.option-text{font-size:.85em}.form-group input[type=radio]{width:1.3em;height:1.3em;margin-right:10px}.form-group input[type=checkbox]{width:1.3em;height:1.3em;margin-right:10px}.button-group button{min-width:100px;padding:12px 20px;font-size:.95em}#recommendation-result{margin-top:15px;padding:0}#recommendation-result .recommendation-section h3{margin-bottom:15px;font-size:1.1em}#recommendation-result .summary{margin-top:20px;padding-top:15px;font-size:.85em}.product-grid{grid-template-columns:repeat(auto-fit,222px);gap:15px}.product-content{padding:12px}.product-name{min-height:2.2em;font-size:.9em}.product-description{margin-bottom:10px;font-size:.8em}.product-buttons{flex-direction:column}.info-btn,.buy-btn{flex:none;width:100%;padding:10px;font-size:.9em}.popup-content{max-height:85vh;padding:20px}.popup-close{font-size:1.5em;top:5px;right:10px}.popup-step-number{width:24px;height:24px;margin-top:0;font-size:.9em}.popup-step-description{font-size:.9em}}@media (max-width:400px){.product-grid{grid-template-columns:1fr}.form-step[data-step="1"] .form-group{grid-template-columns:repeat(2,1fr);gap:10px}.form-step[data-step="2"] .form-group{grid-template-columns:repeat(2,1fr);gap:10px}.option-text{font-size:.8em}.icon-option-box{padding:8px}}