.suodatinvalitsin{--sv-text: var(--color-foreground, #1a2332);--sv-text-muted: rgba(26, 35, 50, .65);--sv-text-faint: rgba(26, 35, 50, .45);--sv-bg: var(--color-background, #ffffff);--sv-bg-alt: #f5f7fa;--sv-image-bg: var(--sv-bg-alt);--sv-border: #e3e6ed;--sv-accent: var(--color-button, #1a2332);--sv-accent-text: var(--color-button-text, #ffffff);--sv-success: #1a9e75;--sv-error: #c8553d;--sv-warning-bg: #fff8e6;--sv-warning-border: #f5d97a;--sv-warning-text: #6b4f0a;max-width:720px;margin:0 auto;padding:32px 0;color:var(--sv-text);font-family:inherit;line-height:1.6}.sv-title{font-size:clamp(24px,3.5vw,32px);font-weight:600;margin:0 0 8px;color:var(--sv-text)}.sv-intro{color:var(--sv-text-muted);margin:0 0 28px;font-size:15px}.sv-stepbar{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;color:var(--sv-text-faint)}.sv-dot{width:10px;height:10px;border-radius:50%;background:var(--sv-border);transition:background .2s ease}.sv-dot--active{background:var(--sv-text)}.sv-dot--done{background:var(--sv-success)}.sv-line{width:24px;height:1px;background:var(--sv-border)}.sv-step-text{margin-left:8px}.sv-h{font-size:clamp(20px,3vw,26px);font-weight:600;margin:0 0 8px;color:var(--sv-text)}.sv-sub{color:var(--sv-text-muted);margin:0 0 28px;line-height:1.6}.sv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.sv-card{background:var(--sv-bg);border:1px solid var(--sv-border);border-radius:12px;padding:16px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left;font-family:inherit;font-size:inherit;color:inherit;width:100%;display:block}.sv-card:hover,.sv-card:focus-visible{border-color:var(--sv-text);transform:translateY(-2px);box-shadow:0 6px 20px #1a233214;outline:none}.sv-card img{width:100%;height:160px;object-fit:contain;border-radius:8px;background:var(--sv-image-bg);margin-bottom:14px;display:block}.sv-card-title{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--sv-text)}.sv-card-hint{font-size:13px;color:var(--sv-text-muted);line-height:1.5}.sv-back{background:transparent;border:none;color:var(--sv-text);font-size:14px;cursor:pointer;padding:6px 0;margin-bottom:16px;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-weight:500}.sv-back:hover{text-decoration:underline}.sv-result-head{background:var(--sv-bg-alt);border-radius:12px;padding:24px;margin-bottom:28px;display:flex;gap:20px;align-items:center}.sv-result-head img{width:100px;height:100px;object-fit:contain;background:var(--sv-image-bg);border-radius:10px;padding:6px;flex-shrink:0}.sv-result-head h3{font-size:19px;font-weight:600;margin:0 0 6px;color:var(--sv-text)}.sv-result-head p{font-size:14px;color:var(--sv-text-muted);line-height:1.6;margin:0}.sv-products-title{font-size:17px;font-weight:600;margin-bottom:14px;color:var(--sv-text)}.sv-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:28px}.sv-product{border:1px solid var(--sv-border);border-radius:12px;padding:14px;background:var(--sv-bg);display:flex;flex-direction:column}.sv-product-img{display:block;width:100%;height:140px;background:var(--sv-image-bg);border-radius:8px;margin-bottom:12px;overflow:hidden;text-decoration:none}.sv-product-img img{width:100%;height:100%;object-fit:contain;display:block}.sv-product-img--placeholder{background:var(--sv-image-bg)}.sv-product-name{font-size:14px;font-weight:500;margin-bottom:6px;color:var(--sv-text);line-height:1.4;text-decoration:none;display:block}.sv-product-name:hover{text-decoration:underline}.sv-product-price{font-size:15px;font-weight:600;color:var(--sv-success);margin-bottom:12px;margin-top:auto}.sv-product--loading{min-height:220px;padding:14px}.sv-product-skeleton{background:linear-gradient(90deg,var(--sv-bg-alt) 0%,#ebeef3 50%,var(--sv-bg-alt) 100%);background-size:200% 100%;animation:sv-shimmer 1.4s ease-in-out infinite;border-radius:8px;height:100%;min-height:200px}@keyframes sv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sv-product-error{grid-column:1 / -1;padding:20px;background:var(--sv-bg-alt);border-radius:10px;text-align:center;color:var(--sv-text-muted)}.sv-product-error a{color:var(--sv-text);font-weight:600}.sv-btn{width:100%;background:var(--sv-accent);color:var(--sv-accent-text);border:none;border-radius:8px;padding:11px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .18s ease,opacity .18s ease;text-align:center}.sv-btn:hover{opacity:.9}.sv-btn:disabled{cursor:default}.sv-btn--loading{opacity:.7}.sv-btn--added{background:var(--sv-success);opacity:1}.sv-btn--error{background:var(--sv-error)}.sv-btn--disabled{background:var(--sv-bg-alt);color:var(--sv-text-faint);cursor:not-allowed}.sv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.sv-btn-secondary,.sv-btn-primary{padding:12px 22px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block;text-align:center;transition:opacity .18s ease,background .18s ease;border:1px solid transparent}.sv-btn-secondary{background:transparent;color:var(--sv-text);border-color:var(--sv-text)}.sv-btn-secondary:hover{background:var(--sv-bg-alt)}.sv-btn-primary{background:var(--sv-accent);color:var(--sv-accent-text)}.sv-btn-primary:hover{opacity:.9}.sv-help{background:var(--sv-warning-bg);border:1px solid var(--sv-warning-border);border-radius:10px;padding:14px 16px;font-size:14px;color:var(--sv-warning-text);margin-bottom:20px;line-height:1.5}.sv-help a{color:var(--sv-warning-text);font-weight:600}.sv-fineprint{font-size:13px;color:var(--sv-text-faint);line-height:1.6}.sv-fineprint a{color:var(--sv-text)}@media(max-width:600px){.sv-result-head{flex-direction:column;text-align:center}.sv-card img{height:140px}.sv-actions .sv-btn-secondary,.sv-actions .sv-btn-primary{flex:1}}@media(prefers-reduced-motion:reduce){.sv-card,.sv-btn,.sv-btn-primary,.sv-btn-secondary{transition:none}.sv-product-skeleton{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/suodatinvalitsin.css.map */