.mss-df{--df-line:var(--color-border,#dcdcdc);--df-ink:var(--color-body,#1b1c22);--df-accent:var(--color-accent,#4b2c92);max-width:1180px;margin:0 auto;padding:28px 16px 56px;color:var(--df-ink)}.mss-df *{box-sizing:border-box}.mss-df [hidden]{display:none!important}.mss-df__head{text-align:center;margin:0 0 28px}.mss-df__title{margin:0 0 8px;font-size:clamp(28px,4.5vw,44px);line-height:1.05;text-wrap:balance}.mss-df__sub{margin:0 auto;max-width:56ch;font-size:16px;opacity:.8}.mss-df__step{margin:0 0 34px;scroll-margin-top:calc(var(--header-height,70px) + 16px)}.mss-df__step-title{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:clamp(19px,2.6vw,24px);line-height:1.2}.mss-df__num{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--df-accent);color:#fff;font-size:16px;font-weight:700}.mss-df__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.mss-df__option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;min-height:150px;border:1px solid var(--df-line);border-radius:12px;background:#fff;color:var(--df-ink);font:inherit;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.mss-df__option:hover:not(:disabled){border-color:var(--df-accent);transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.mss-df__option[aria-pressed=true]{border-color:var(--df-accent);box-shadow:inset 0 0 0 2px var(--df-accent)}.mss-df__option:disabled{opacity:.4;cursor:not-allowed}.mss-df__option:focus-visible,.mss-df__card:focus-visible,.mss-df__reset:focus-visible{outline:3px solid var(--df-accent);outline-offset:2px}.mss-df__art{display:grid;place-items:center;height:96px}.mss-df__art img{height:150px;width:auto;max-width:100%;object-fit:contain;border-radius:8px}.mss-df__art:has(img){height:150px}.mss-df__art svg{height:96px;width:auto}.mss-df__sock-line{fill:none;stroke:var(--df-ink);stroke-width:2;stroke-linejoin:round}.mss-df__sock-fill{fill:var(--df-accent);opacity:.32}.mss-df__sock-cut,.mss-df__sock-logo{fill:#fff;stroke:var(--df-ink);stroke-width:1.5}.mss-df__sock-star{fill:var(--df-accent)}.mss-df__label{font-weight:700;font-size:16px;line-height:1.2}.mss-df__helper{font-size:13px;opacity:.75;line-height:1.3}.mss-df__count{font-size:12px;opacity:.65;font-variant-numeric:tabular-nums}.mss-df__results{scroll-margin-top:calc(var(--header-height,70px) + 16px)}.mss-df__results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}.mss-df__results-head .mss-df__step-title{margin:0}.mss-df__results-count{opacity:.6;font-weight:400}.mss-df__reset{padding:10px 14px;min-height:40px;border:1px solid var(--df-line);border-radius:999px;background:#fff;color:var(--df-ink);font:inherit;font-weight:600;cursor:pointer}.mss-df__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.mss-df__card{display:flex;flex-direction:column;gap:6px;padding:10px 10px 14px;border:1px solid var(--df-line);border-radius:12px;background:#fff;color:var(--df-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.mss-df__card:hover{border-color:var(--df-accent);transform:translateY(-2px);box-shadow:0 8px 22px #0000001a}.mss-df__card-img{position:relative;display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f6f4ef}.mss-df__card-img img{width:100%;height:100%;object-fit:contain;display:block}.mss-df__badge{position:absolute;top:8px;left:8px;padding:5px 9px;border-radius:999px;background:var(--df-accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mss-df__card-title{font-weight:700;font-size:15px;line-height:1.25;margin-top:4px}.mss-df__card-price{font-size:13px;opacity:.75}.mss-df__card-cta{margin-top:auto;padding-top:8px;font-size:13px;font-weight:700;color:var(--df-accent)}.mss-df__card-cta:after{content:" \2192"}.mss-df__empty{margin:20px 0 0;padding:16px;border-radius:10px;background:#faf8f4;text-align:center}@media(max-width:520px){.mss-df__options{grid-template-columns:repeat(2,1fr)}.mss-df__grid{grid-template-columns:repeat(2,1fr);gap:12px}.mss-df__option{min-height:136px;padding:12px 8px}.mss-df__art,.mss-df__art svg{height:80px}.mss-df__art:has(img),.mss-df__art img{height:124px}}@media(prefers-reduced-motion:reduce){.mss-df__option,.mss-df__card{transition:none}}.mss-df__source{margin:18px 0 0;padding:8px 12px;border:1px dashed #b4611b;border-radius:8px;background:#fffaf2;font-size:13px}.mss-df__note{margin:0 0 16px;padding:12px 14px;border-left:4px solid var(--df-accent);border-radius:8px;background:#f6f4fb;font-size:15px;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/52/assets/mss-design-funnel.css.map */