:root{--color-primary: #faca30;--color-primary-dark: #e0b420;--color-text: #111;--color-text-light: #666;--color-border: #ddd;--color-success: #2e7d32;--color-error: #d32f2f;--color-bg: #fff;--color-bg-light: #f9f9f9;--color-disabled: #e0e0e0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}.maknetic-finder-wrapper{padding:40px 0;background:linear-gradient(135deg,#fafafa,#fff)}.finder-header{text-align:center;margin-bottom:40px}.finder-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin:0 0 12px}.finder-subtitle{font-size:1.1rem;color:var(--color-text-light);margin:0}.finder-container{max-width:1200px;margin:0 auto;background:var(--color-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);min-height:600px;display:none}.finder-container.active{display:block;animation:fadeIn .5s ease}.model-selection-view{display:none;opacity:0;transition:opacity .3s ease}.model-selection-view.active{display:block;opacity:1}.selection-heading{font-size:1.5rem;font-weight:700;color:var(--color-text);text-align:center;margin:0 0 32px}.model-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px}.model-card{position:relative;display:flex;flex-direction:column;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition);text-align:left;box-shadow:0 2px 12px #0000000d}.model-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:var(--shadow-lg)}.model-card.selected{border-color:var(--color-primary);background:linear-gradient(to bottom,#fffbf0,#fff);box-shadow:0 0 0 3px #faca3033}.model-image{width:100%;height:220px;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center}.model-image img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .3s ease}.model-card:hover .model-image img{transform:scale(1.05)}.model-content{padding:24px;position:relative}.model-helper-text{font-size:.9rem;color:var(--color-text);padding:20px 24px 24px}.supported-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;color:var(--color-text-light);margin-bottom:12px}.supported-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.supported-list li{position:relative;padding-left:20px;line-height:1.6;color:var(--color-text)}.supported-list li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--color-success);font-weight:700}.supported-list strong{font-weight:600;color:var(--color-text);margin-right:4px}.model-note{display:none}.model-info{margin-bottom:0}.model-name{font-size:1.4rem;font-weight:700;color:var(--color-text);margin-bottom:8px;letter-spacing:-.5px}.model-desc{font-size:1rem;color:var(--color-text-light);line-height:1.5}.card-check{position:absolute;top:20px;right:20px;width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-check svg{stroke:#111}.model-card.selected .card-check{opacity:1;transform:scale(1)}.selection-active-view{display:none;opacity:0;grid-template-columns:400px 1fr;gap:32px;min-height:600px;transition:opacity .4s ease .2s}.selection-active-view.active{display:grid;opacity:1}.selected-model-summary{position:relative;background:var(--color-bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:2px solid var(--color-primary);animation:slideInLeft .5s cubic-bezier(.4,0,.2,1)}.change-model-btn{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.change-model-btn:hover{background:var(--color-text);color:#fff;border-color:var(--color-text)}.summary-model-image{width:100%;height:180px;background:var(--color-bg);border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.summary-model-image img{width:100%;height:100%;object-fit:contain;padding:15px}.summary-content{text-align:left}.summary-model-name{font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--color-primary)}.summary-selections h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light);margin:0 0 12px}.summary-selections ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.summary-selections li{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg);border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text);border-left:3px solid var(--color-primary)}.summary-selections li:before{content:"\2713";color:var(--color-primary);font-weight:700;font-size:1rem}.selector-panel{display:flex;flex-direction:column;gap:20px;animation:slideInRight .5s cubic-bezier(.4,0,.2,1) .2s backwards}.selector-section{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;transition:var(--transition)}.selector-section.disabled{background:var(--color-bg);border-color:var(--color-disabled);opacity:.6;pointer-events:none}.selector-section.disabled .selector-buttons{filter:grayscale(1)}.selector-section.completed{border-color:var(--color-primary);background:linear-gradient(135deg,#fffbf0,#fff)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0}.section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-sm);color:#111}.section-icon svg{stroke:#111}.selector-section.disabled .section-icon{background:var(--color-primary);color:#111;opacity:.3}.selector-section.disabled .section-icon svg{stroke:#111}.selector-section.completed .section-icon{background:var(--color-primary);color:#111}.selector-section.completed .section-icon svg{stroke:#111}.section-status{display:none;color:var(--color-text-light)}.selector-section.disabled .section-status{display:none}.selector-section.completed .section-status{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary);border-radius:50%;color:#111}.selector-section.completed .section-status svg{display:none}.selector-section.completed .section-status:before{content:"\2713";font-size:16px;font-weight:700}.selector-buttons{display:flex;flex-wrap:wrap;gap:10px}.selector-btn{padding:12px 20px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;position:relative;overflow:hidden}.selector-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(250,202,48,.1),transparent);transition:left .4s ease}.selector-btn:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#fffbf0,#fff);transform:translateY(-2px);box-shadow:0 4px 10px #faca3033}.selector-btn:hover:before{left:100%}.selector-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text);box-shadow:0 4px 12px #faca304d;transform:scale(1.03)}.selector-btn.active:before{display:none}.product-result{max-width:1200px;margin:0 auto;display:none;min-height:600px;background:var(--color-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md)}.product-result.active{display:block;animation:fadeIn .5s ease}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;margin-bottom:24px;background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.back-button:hover{border-color:var(--color-text);background:var(--color-text);color:#fff}.loading-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;background:linear-gradient(135deg,#fafafa,#fff);border-radius:var(--radius-lg);min-height:600px}.spinner{width:56px;height:56px;border:4px solid rgba(250,202,48,.2);border-top-color:var(--color-primary);border-right-color:var(--color-primary);border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 4px 12px #faca3033}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin-top:24px;font-size:1.2rem;font-weight:500;color:var(--color-text);animation:fadeIn .5s ease}.product-content{display:none}.product-display-card{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.product-image-section img{width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover}.no-image{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-light);border-radius:var(--radius-md);color:var(--color-border)}.product-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0 0 20px}.price-section{margin-bottom:20px}.compare-price{display:inline-block;font-size:1.1rem;color:var(--color-text-light);text-decoration:line-through;margin-bottom:4px}.current-price{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:4px}.price-note{font-size:.85rem;color:var(--color-text-light)}.product-sku{font-size:.9rem;color:var(--color-text-light);margin-bottom:12px}.stock-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:24px}.stock-indicator.in-stock{background:#e8f5e9;color:var(--color-success)}.stock-indicator.out-of-stock{background:#ffebee;color:var(--color-error)}.product-add-form{margin-bottom:20px}.quantity-selector{margin-bottom:16px}.quantity-selector label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.quantity-input-wrapper{display:inline-flex;align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.qty-btn{width:40px;height:40px;background:var(--color-bg-light);border:none;font-size:1.2rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.qty-btn:hover{background:var(--color-primary)}.qty-input{width:60px;height:40px;border:none;border-left:2px solid var(--color-border);border-right:2px solid var(--color-border);text-align:center;font-size:1rem;font-weight:600}.add-to-cart-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--color-text);color:var(--color-primary);border:none;border-radius:var(--radius-sm);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.add-to-cart-btn:hover:not(:disabled){background:#000;transform:translateY(-2px);box-shadow:var(--shadow-md)}.add-to-cart-btn:disabled{background:var(--color-border);color:var(--color-text-light);cursor:not-allowed}.add-to-cart-btn.success{background:var(--color-success);color:#fff}.view-details-link{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--color-text);text-decoration:none;transition:var(--transition-fast)}.view-details-link:hover{color:var(--color-primary);gap:12px}.error-state{text-align:center;padding:60px 20px}.error-state svg{color:var(--color-error);margin-bottom:20px}.error-state h3{font-size:1.5rem;color:var(--color-text);margin:0 0 12px}.error-state p{font-size:1rem;color:var(--color-text-light);margin:0 0 8px}.error-details{font-size:.85rem;font-family:monospace;color:var(--color-error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.selection-active-view{grid-template-columns:350px 1fr;gap:24px}.selected-model-summary{padding:20px}.summary-model-image{height:150px}}@media (max-width: 768px){.maknetic-finder-wrapper{padding:24px 0}.finder-container{padding:20px;border-radius:var(--radius-md);min-height:auto}.finder-header h2{font-size:1.75rem}.model-cards{grid-template-columns:1fr;gap:20px}.model-image{height:180px}.model-content{padding:20px}.model-name{font-size:1.2rem}.model-desc{font-size:.9rem}.model-helper-text{font-size:.85rem}.supported-list{gap:8px}.selection-active-view{grid-template-columns:1fr;gap:20px}.selected-model-summary{order:1}.selector-panel{order:2}.summary-model-image{height:140px}.selector-section{padding:16px}.selector-buttons{flex-direction:column}.selector-btn{width:100%;text-align:center}.product-display-card{grid-template-columns:1fr;gap:24px;padding:24px}.product-title{font-size:1.5rem}.current-price{font-size:1.75rem}}@media (max-width: 480px){.finder-header h2{font-size:1.5rem}.finder-subtitle{font-size:1rem}.model-image{height:150px}.model-image img{padding:15px}.model-content{padding:16px}.model-name{font-size:1.1rem}.supported-list li{font-size:.8rem}.model-note{font-size:.8rem;padding:10px}.summary-model-name{font-size:1.1rem}.section-title{font-size:1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/17/assets/maknetic-product-finder.css.map */