.product-finder{max-width:82rem;margin:0 auto;padding:2rem}.product-finder__title,.product-finder__subtitle{text-align:center}.product-finder__title{font-weight:700;font-size:2.8125rem}.progress-header{margin-bottom:3rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;color:#374151}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease;width:25%}.step{display:none;animation:fadeIn .3s ease}.step.active{display:block}.card-background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;overflow:hidden;background-size:105%}.card-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,#000c,#0006,#0000);pointer-events:none}.card-badge{position:absolute;top:1.25rem;left:1.25rem;background:#00bf63;color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:10px;font-weight:600;z-index:2}.option-card[for=compression-light] .card-badge{background:#e5fbff;color:#4a909d}.option-card[for=compression-moderate] .card-badge{background:#eafff6;color:#238757}.option-card[for=compression-firm] .card-badge{background:#fff8df;color:#b19023}.option-card[for=compression-extra-firm] .card-badge{background:#ffedde;color:#b46024}.option-card[for=compression-2x-firm] .card-badge{background:#ffe9e7;color:#d05348}.card-text-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;text-align:left;width:100%;padding:0}.option-card[for=gender-womens] .card-background{background-image:url(/cdn/shop/files/womens.webp?v=1764756177)}.option-card[for=gender-mens] .card-background{background-image:url(/cdn/shop/files/mens.jpg?v=1756401638)}.option-card[for=gender-unisex] .card-background{background-image:url(/cdn/shop/files/unisex.webp?v=1764756177)}.option-card[for=compression-light] .card-background{background-image:url(/cdn/shop/files/light.jpg?v=1756405295)}.option-card[for=compression-moderate] .card-background{background-image:url(/cdn/shop/files/moderate.jpg?v=1756405295)}.option-card[for=compression-firm] .card-background{background-image:url(/cdn/shop/files/firm.jpg?v=1756405295)}.option-card[for=compression-extra-firm] .card-background{background-image:url(/cdn/shop/files/extra-firm.jpg?v=1756405295)}.option-card[for=compression-2x-firm] .card-background{background-image:url(/cdn/shop/files/2x-firm.jpg?v=1756405295)}.option-card[for=style-knee-high] .card-background{background-image:url(/cdn/shop/files/knee_high.jpg?v=1756763100)}.option-card[for=style-thigh-high] .card-background{background-image:url(/cdn/shop/files/thigh_high.jpg?v=1756763565)}.option-card[for=style-pantyhose] .card-background{background-image:url(/cdn/shop/files/pantyhose.jpg?v=1756763101)}.option-card[for=style-sports] .card-background{background-image:url(/cdn/shop/files/sports.jpg?v=1756763101)}.option-card[for=style-leggings] .card-background{background-image:url(/cdn/shop/files/leggings.jpg?v=1756763101)}.option-card[for=style-maternity] .card-background{background-image:url(/cdn/shop/files/maternity.jpg?v=1756763102)}.option-card[for=toe-open] .card-background{background-image:url(/cdn/shop/files/open_toe.jpg?v=1756763868)}.option-card[for=toe-closed] .card-background{background-image:url(/cdn/shop/files/close_toe.jpg?v=1756763869)}.option-card[for=toe-footless] .card-background{background-image:url(/cdn/shop/files/footless.jpg?v=1756763868)}.step h2{text-align:left;margin-bottom:2rem;color:#111827;font-size:2rem;font-weight:700}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.option-card{cursor:pointer;transition:all .2s ease}.option-card input[type=radio]{display:none}.card-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#fff;border:2px solid #aaa;border-radius:var(--product-card-corner-radius);text-align:center;transition:all .2s ease;min-height:140px;justify-content:center;overflow:hidden}.option-card[for*=gender] .card-content,.option-card[for*=style] .card-content,.option-card[for*=toe] .card-content{aspect-ratio:1}.option-card[for*=compression] .card-content{flex-direction:row;align-items:stretch;padding:0;aspect-ratio:auto;min-height:120px;height:100%}.option-card[for*=compression] .card-background{position:relative;flex:0 0 30%;background-size:cover;background-position:center;border-radius:var(--product-card-corner-radius) 0 0 var(--product-card-corner-radius)}.option-card[for*=compression] .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#0009,#0003);border-radius:var(--product-card-corner-radius) 0 0 var(--product-card-corner-radius)}.option-card[for*=compression] .card-text-content{flex:1;padding:1.5rem;justify-content:flex-start;background:#fff;border-radius:0 var(--product-card-corner-radius) var(--product-card-corner-radius) 0;position:relative}.option-card[for*=compression] .card-badge{position:static}.option-card[for*=compression] .card-text{color:#111827;margin-bottom:.25rem}.option-card[for*=compression] .card-subtitle{color:#6b7280}.option-card:hover .card-content{border-color:#3b82f6}.option-card input[type=radio]:checked+.card-content{border-color:#3b82f6}.option-card input[type=radio]:checked+.card-content .card-overlay{background:linear-gradient(to top,#3b82f6cc,#3b82f666,#3b82f600)}.option-card input[name=compression]:checked+.card-content .card-text-content{background:#e5fbff}.card-text{font-size:2.35rem;font-weight:600;color:#fff;margin-bottom:.5rem;margin-top:.5rem}.card-subtitle{font-size:1.5rem;line-height:1.2;color:#ffffffe6;font-weight:500}.navigation-buttons{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.navigation-buttons #prevBtn{margin-right:auto}.btn{padding:1.125rem 3rem;border:none;border-radius:3rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary{background:#004aad;color:#fff}.btn-primary:hover{background:#08397a}.btn-secondary{background:transparent;color:#004aad;border:2px solid #004AAD}.btn-secondary:hover{background:#f6f6f6}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.product-finder{padding:1rem}.step h2{font-size:2.25rem}.option-grid{grid-template-columns:1fr;gap:1rem}.navigation-buttons{flex-direction:column}.btn{width:100%}.option-card[for*=compression] .card-content{flex-direction:column;min-height:350px;height:350px}.option-card[for*=compression] .card-background{flex:0 0 200px;border-radius:var(--product-card-corner-radius) var(--product-card-corner-radius) 0 0;background-size:cover;background-position:center;min-height:200px}.option-card[for*=compression] .card-text-content{border-radius:0 0 var(--product-card-corner-radius) var(--product-card-corner-radius)}}@media (min-width: 601px) and (max-width: 768px){.option-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 768px){.card-subtitle{font-size:1.3rem}.option-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/product-finder.css.map */
