.step-container{max-width:900px;margin:0 auto;padding:20px}.step-container-medium{max-width:800px;margin:0 auto;padding:20px}.step-header-centered{margin-bottom:30px;text-align:center}.step-header-centered h2{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 10px}.step-header-centered .step-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.form-section-base{margin-bottom:30px;padding:25px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.form-section-base.disabled{background:#f3f4f6;border-color:#d1d5db;opacity:.6;pointer-events:none}.form-section-base.disabled h3,.form-section-base.disabled .section-subtitle{color:#9ca3af}.form-section-base h3{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.form-section-base .section-subtitle{font-size:16px;color:#6b7280;margin:0 0 25px;line-height:1.5}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.product-card{position:relative;background-color:#fff;border:3px solid #d1d5db;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;min-height:280px}.product-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;transform:translateY(-3px)}.product-card.selected{border-color:#3b82f6;box-shadow:0 10px 30px #3b82f640;transform:translateY(-3px)}.product-card.selected .product-text{color:#1e40af;font-weight:700}.product-card.selected .view-product-btn{background-color:#1e40af;border-color:#1e40af}.product-card.selected .view-product-btn:hover{background-color:#1e3a8a;border-color:#1e3a8a}.product-image-background{position:relative;width:100%;height:100%;min-height:280px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end}.product-image-background .image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#000000b3)}.product-image-background .product-content{position:relative;z-index:2;padding:25px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.product-image-background .product-content .product-text{color:#fff;font-size:18px;font-weight:600;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.product-image-background .product-content .view-product-btn{background-color:#3b82f6;color:#fff;border:2px solid #3b82f6;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.product-image-background .product-content .view-product-btn:hover{background-color:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.product-image-background .product-content .view-product-btn:active{transform:translateY(0)}.selection-indicator{position:absolute;top:15px;right:15px;z-index:3}.selection-indicator .checkmark{background-color:#059669;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #05966966}@media (max-width: 768px){.step-container,.step-container-medium{padding:15px}.step-header-centered{margin-bottom:25px}.step-header-centered h2{font-size:24px}.form-section-base{padding:20px;margin-bottom:25px}.form-section-base h3{font-size:20px}.need-buttons{flex-direction:column;gap:15px;align-items:center}.need-buttons .need-button{max-width:none;width:100%;padding:18px 25px;font-size:16px}.product-grid{grid-template-columns:1fr;gap:20px}.product-card,.product-card .product-image-background{min-height:250px}.product-card .product-image-background .product-content{padding:20px}.product-card .product-image-background .product-content .product-text{font-size:16px}.product-card .product-image-background .product-content .view-product-btn{padding:6px 14px;font-size:13px}.selection-status{padding:15px}.selection-status .status-text{font-size:15px}.selection-status .next-step-info{font-size:13px}}@media (max-width: 480px){.step-container,.step-container-medium{padding:10px}.step-header-centered h2{font-size:22px}.form-section-base{padding:15px}.need-buttons .need-button{padding:15px 20px;font-size:15px}.product-grid{gap:15px}.product-card,.product-card .product-image-background{min-height:220px}.product-card .product-image-background .product-content{padding:15px;gap:12px}.product-card .product-image-background .product-content .product-text{font-size:15px}.product-card .product-image-background .product-content .view-product-btn{padding:6px 12px;font-size:12px}.product-card .selection-indicator{top:10px;right:10px}.product-card .selection-indicator .checkmark{width:24px;height:24px;font-size:14px}}@media (max-width: 768px){.section-subtitle,p.section-subtitle{font-size:1.2rem}}.step-header{margin-bottom:30px;text-align:center}.step-header h2{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 10px}.step-header .step-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.form-section.disabled{background:#f3f4f6;border-color:#d1d5db;opacity:.6;pointer-events:none}.form-section.disabled h3,.form-section.disabled .section-subtitle{color:#9ca3af}.form-section h3{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.form-section .section-subtitle{font-size:16px;color:#6b7280;margin:0 0 25px;line-height:1.5}h2,h3,h4{font-family:Hanken Grotesk;font-style:normal;color:#010101;line-height:110%;letter-spacing:-.03em}h2,h3{margin-top:0;margin-bottom:10px;font-weight:700;font-size:28px;text-transform:capitalize}.section-subtitle,p.section-subtitle{margin-top:24px;margin-bottom:20px;font-weight:500;font-size:22px}.debug-section,.debug-info,.selection-status{display:none!important}.need-buttons{display:flex;gap:20px;justify-content:center}.need-button{flex:1;max-width:200px;padding:20px 30px;border:3px solid #d1d5db;border-radius:12px;background:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.need-button:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.need-button.selected{border-color:#3b82f6;background:#dbeafe;color:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.need-button.yes-button.selected{border-color:#10b981;background:#d1fae5;color:#047857;box-shadow:0 4px 12px #10b98133}.need-button.no-button.selected{border-color:#ef4444;background:#fef2f2;color:#dc2626;box-shadow:0 4px 12px #ef444433}.analyzer-card,.led-light-card,.suitcase-card,.casing-type-card,.system-type-card{position:relative;background-color:#fff;border:3px solid #d1d5db;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;min-height:280px}.analyzer-card:hover,.led-light-card:hover,.suitcase-card:hover,.casing-type-card:hover,.system-type-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;transform:translateY(-3px)}.analyzer-card.selected,.led-light-card.selected,.suitcase-card.selected,.casing-type-card.selected,.system-type-card.selected{border-color:#3b82f6;box-shadow:0 10px 30px #3b82f640;transform:translateY(-3px)}.analyzer-image-background,.led-light-image-background,.suitcase-image-background{position:relative;width:100%;height:100%;min-height:280px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end}.analyzer-image-background .image-overlay,.led-light-image-background .image-overlay,.suitcase-image-background .image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#000000b3)}.analyzer-content,.led-light-content,.suitcase-content{position:relative;z-index:2;padding:25px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.analyzer-text,.led-light-text,.suitcase-text{color:#fff;font-size:18px;font-weight:600;line-height:1.4;transition:all .3s ease}.selection-status{background-color:#f0f9ff;border:1px solid #38bdf8;border-radius:12px;padding:20px;margin-bottom:30px}.selection-status .status-text{margin:0 0 8px;color:#0c4a6e;font-size:16px}.selection-status .next-step-info{margin:0;color:#075985;font-size:14px;font-style:italic}.debug-section{margin-top:30px;padding:20px;background-color:#f0f9ff;border:1px solid #7dd3fc;border-radius:8px}.debug-section h4{margin:0 0 15px;font-size:18px;color:#0c4a6e;font-weight:600}.debug-section p{margin:8px 0;font-size:14px;color:#0369a1;line-height:1.4}.debug-section p strong{font-weight:600;color:#0c4a6e}@media (max-width: 768px){.need-buttons{flex-direction:column;gap:15px;align-items:center}.need-buttons .need-button{max-width:none;width:100%;padding:18px 25px;font-size:16px}.selection-status{padding:15px}.selection-status .status-text{font-size:15px}.selection-status .next-step-info{font-size:13px}}@media (max-width: 480px){.need-buttons .need-button{padding:15px 20px;font-size:15px}}.image-buttons-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.image-buttons-grid.has-selection .image-button.selected{opacity:1}@media (max-width: 768px){.image-buttons-grid{gap:15px}}@media (max-width: 480px){.image-buttons-grid{gap:10px}}.image-button{position:relative;height:240px;flex:1 1 calc(33.333% - 14px);min-width:calc(33.333% - 14px);max-width:100%;border-radius:12px;cursor:pointer;overflow:hidden;background-size:130%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;transition:background-size .4s cubic-bezier(.25,.46,.45,.94),all .3s ease-in}.image-button:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0006,#0006);z-index:0;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (hover: hover){.image-button:hover:before{background:linear-gradient(0deg,#95000d40,#95000d40)}}.image-button.selected{background-size:150%}.image-button.selected:before{background:linear-gradient(0deg,#95000d66,#95000d66)}.image-button.selected .image-button-text{color:#fff;font-weight:600}.image-button img{display:none}.image-button .image-button-content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;pointer-events:none}.image-button .image-button-text{display:block;font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-size:28px;line-height:110%;letter-spacing:-.02em;text-transform:capitalize;color:#fff;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;position:relative;margin:0}.image-button .image-button-description{color:#e5e7eb;font-size:14px;font-weight:400;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0;text-align:center;z-index:2;position:relative}.image-button .text-content{display:flex;flex-direction:column;gap:8px;text-align:center}@media (max-width: 1300px){.image-button{background-size:200%}.image-button.selected{background-size:230%}}@media (max-width: 768px){.image-button{height:100px;flex:1 1 calc(50% - 10px);min-width:calc(50% - 10px)}.image-button .image-button-text{font-size:22px}}@media (max-width: 480px){.image-button{height:100px;flex:1 1 calc(50% - 7px);min-width:calc(50% - 7px)}.image-button .image-button-text{font-size:18px}}.image-button.large{height:180px}.image-button.large .image-button-text{font-size:32px}@media (max-width: 768px){.image-button.large{height:140px}.image-button.large .image-button-text{font-size:26px}}@media (max-width: 480px){.image-button.large{height:100px}.image-button.large .image-button-text{font-size:22px}}.image-button.small{height:100px}.image-button.small .image-button-text{font-size:22px}@media (max-width: 768px){.image-button.small{height:80px}.image-button.small .image-button-text{font-size:18px}}@media (max-width: 480px){.image-button.small{height:60px}.image-button.small .image-button-text{font-size:16px}}.view-product-btn{position:absolute;bottom:15px;right:15px;background-color:transparent;color:#fff;border:1px solid #ffffff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;z-index:10;pointer-events:auto}.view-product-btn:hover{background-color:#fff3;border-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ffffff4d}.metadata-top{position:absolute;bottom:30px;left:15px;font-size:12px;font-weight:500;color:#e5e7eb;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:10;pointer-events:none}.metadata-bottom{position:absolute;bottom:15px;left:15px;font-size:14px;font-weight:500;color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:10;pointer-events:none}.image-buttons-grid.two-columns .image-button{flex:1 1 calc(50% - 10px);min-width:calc(50% - 10px)}.image-buttons-grid.four-columns .image-button{flex:1 1 calc(25% - 15px);min-width:calc(25% - 15px)}@media (max-width: 768px){.image-buttons-grid.four-columns .image-button{flex:1 1 calc(50% - 7.5px);min-width:calc(50% - 7.5px)}}@media (max-width: 480px){.image-buttons-grid.four-columns .image-button{flex:1 1 calc(33.333% - 7px);min-width:calc(33.333% - 7px)}}.service-buttons-row{display:flex;gap:15px;margin-bottom:30px}@media (max-width: 768px){.service-buttons-row{flex-direction:column;gap:12px}}.service-button{flex:1;min-width:80px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;padding:12px 16px;border:1px solid #95000d;border-radius:4px;color:#95000d;background:#fff;font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-size:18px;line-height:110%;letter-spacing:-.03em}.service-button:hover{border-color:#95000d;background-color:#95000d;color:#fff}.service-button.selected{border-color:#95000d;background-color:#95000d;color:#fff;font-weight:600}.service-button.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.form-group{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.form-group:last-child{margin-bottom:0}.form-group.inline-input{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:space-between}.form-group.inline-input label{font-family:Hanken Grotesk;display:inline-block;margin-bottom:0;white-space:nowrap;font-style:normal;font-weight:500;font-size:22px;line-height:110%;letter-spacing:-.03em;color:#010101}.form-group .service-buttons-row{max-width:677px;margin-bottom:0}@media (max-width: 1300px){.form-group .service-buttons-row{max-width:425px}}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:1rem}.form-group .question-label{font-size:1rem;font-weight:600;margin:0;width:fit-content;font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-size:22px;line-height:110%;letter-spacing:-.03em;color:#010101}.form-group .input-with-postfix{display:flex;align-items:center;width:100%;max-width:677px;border-bottom:1px solid #010101}.form-group .input-with-postfix .form-input{flex:1;padding:.75rem;outline:none;background:transparent;font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-size:18px;line-height:110%;color:#010101}.form-group .input-with-postfix .form-input.borderless{border:none;border-radius:0}.form-group .input-with-postfix .form-input:focus{outline:none}.form-group .input-with-postfix .form-input.has-error{outline:none;color:#dc3545}.form-group .input-with-postfix .input-postfix{padding:.75rem 1rem;text-align:end;background:transparent;font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-size:18px;line-height:110%;color:#010101}.form-group .input-with-postfix .input-postfix.borderless{border:none}.form-group .error-text{margin-top:.5rem;font-size:.875rem;color:#dc3545}@media (max-width: 768px){h2,h3{font-size:1.4rem}p.section-subtitle{font-size:1.1rem;margin-block:15px}.form-group .question-label{font-size:1.3rem}.form-group.inline-input label{font-weight:500;font-size:1.3rem}}
