.material-advisor{--ma-text: #161616;--ma-muted: #60635f;--ma-border: #d9ded7;--ma-surface: #ffffff;--ma-soft: #f5f7f1;--ma-accent: #f2c94c;--ma-accent-strong: #141414;--ma-green: #2f7d63;--ma-blue: #2457a6;--ma-red: #b84636;color:var(--ma-text);background:#fff;padding:48px 0 64px}.material-advisor *,.material-advisor *:before,.material-advisor *:after{box-sizing:border-box;letter-spacing:0}.material-advisor__inner{max-width:1220px}.material-advisor__header{max-width:820px;margin:0 auto 28px;text-align:center}.material-advisor__eyebrow{margin:0 0 8px;color:var(--ma-green);font-size:1.3rem;font-weight:700;text-transform:uppercase}.material-advisor__title{margin:0;color:var(--ma-text);font-size:clamp(2.8rem,3.5vw,4.6rem);line-height:1.08}.material-advisor__text{max-width:680px;margin:14px auto 0;color:var(--ma-muted);font-size:1.6rem;line-height:1.6}.material-advisor__app{min-height:420px}.material-advisor__loading,.ma-notice{display:flex;min-height:220px;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ma-border);border-radius:8px;background:var(--ma-surface);color:var(--ma-muted);font-weight:600}.material-advisor__spinner{width:28px;height:28px;border:3px solid #d6dbd4;border-top-color:var(--ma-green);border-radius:50%;animation:ma-spin .85s linear infinite}@keyframes ma-spin{to{transform:rotate(360deg)}}.material-advisor__noscript{margin:16px 0 0;color:var(--ma-red);text-align:center}.ma-shell{border:1px solid var(--ma-border);border-radius:8px;background:var(--ma-surface);box-shadow:0 18px 60px #18221c14;overflow:hidden}.ma-shell--start{overflow:visible;border:0;background:transparent;box-shadow:none}.ma-shell--start .ma-nav{border-top:0;background:transparent}.ma-progress{padding:22px 24px 0}.ma-progress__bar{height:8px;overflow:hidden;border-radius:999px;background:#e7ebe5}.ma-progress__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ma-accent),var(--ma-green));transition:width .22s ease}.ma-progress__meta{display:flex;justify-content:space-between;gap:16px;margin-top:10px;color:var(--ma-muted);font-size:1.3rem;font-weight:600}.ma-step{display:grid;gap:26px;padding:34px 24px 28px}.ma-step__copy{max-width:760px}.ma-step__kicker{margin:0 0 8px;color:var(--ma-green);font-size:1.3rem;font-weight:700;text-transform:uppercase}.ma-step__title{margin:0;color:var(--ma-text);font-size:clamp(2.4rem,2.7vw,3.4rem);line-height:1.15;outline:none}.ma-step__description{margin:10px 0 0;color:var(--ma-muted);font-size:1.45rem;line-height:1.5}.ma-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.ma-option{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:104px;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--ma-border);border-radius:8px;background:#fff;color:var(--ma-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.ma-option:hover{border-color:#9aa69c;box-shadow:0 10px 26px #1a241e14;transform:translateY(-1px)}.ma-option:focus-visible,.ma-button:focus-visible,.ma-summary__item:focus-visible,.ma-result-card:focus-visible{outline:3px solid rgba(47,125,99,.32);outline-offset:3px}.ma-option.is-selected{border-color:var(--ma-green);background:#f1f8f4;box-shadow:inset 0 0 0 1px var(--ma-green)}.ma-option__body{min-width:0}.ma-option__label{display:block;color:var(--ma-text);font-size:1.55rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.ma-option__description{display:block;margin-top:4px;color:var(--ma-muted);font-size:1.32rem;line-height:1.38}.ma-option__count{display:inline-flex;min-width:36px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:var(--ma-soft);color:var(--ma-muted);font-size:1.2rem;font-weight:700}.ma-nav{display:flex;justify-content:space-between;gap:14px;padding:20px 24px 24px;border-top:1px solid var(--ma-border);background:#fbfcfa}.ma-nav--results{margin-top:28px}.ma-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:1px solid transparent;border-radius:8px;font:inherit;font-size:1.45rem;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ma-button:hover{transform:translateY(-1px)}.ma-button[disabled]{cursor:not-allowed;opacity:.45;transform:none}.ma-button--primary{background:var(--ma-accent-strong);color:#fff}.ma-button--primary:hover{box-shadow:0 10px 26px #00000029}.ma-button--secondary{border-color:var(--ma-border);background:#fff;color:var(--ma-text)}.ma-results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 24px 18px}.ma-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:0 24px 24px}.ma-summary__item{min-height:66px;padding:10px 12px;border:1px solid var(--ma-border);border-radius:8px;background:#fff;color:var(--ma-text);font:inherit;text-align:left;cursor:pointer}.ma-summary__item span{display:block;color:var(--ma-muted);font-size:1.15rem;font-weight:700;text-transform:uppercase}.ma-summary__item strong{display:block;margin-top:4px;font-size:1.3rem;line-height:1.25}.ma-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:0 24px}.ma-result-grid--top{grid-template-columns:repeat(3,minmax(0,1fr))}.ma-result-card{display:grid;min-width:0;overflow:hidden;border:1px solid var(--ma-border);border-radius:8px;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ma-result-card:hover{border-color:#aab4ac;box-shadow:0 14px 34px #1a241e1a;transform:translateY(-2px)}.ma-result-card__media{aspect-ratio:1 / 1;overflow:hidden;background:var(--ma-soft)}.ma-result-card__media img{display:block;width:100%;height:100%;object-fit:cover}.ma-result-card--compact{grid-template-columns:132px minmax(0,1fr)}.ma-result-card--compact .ma-result-card__media{min-height:100%;aspect-ratio:auto}.ma-result-card--compact .ma-result-card__body{align-content:start}.ma-image-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:18px;color:var(--ma-muted);font-size:1.3rem;font-weight:700;text-align:center}.ma-result-card__body{display:grid;gap:10px;padding:16px}.ma-result-card__topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.ma-rank,.ma-score{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:1.15rem;font-weight:800}.ma-rank{background:#fff2bf;color:#5a4300}.ma-score{background:#edf7f2;color:#1f684d}.ma-result-card__title{margin:0;color:var(--ma-text);font-size:1.75rem;line-height:1.25;overflow-wrap:anywhere}.ma-result-card__reason{margin:0;color:var(--ma-muted);font-size:1.35rem;line-height:1.45}.ma-tags{display:flex;flex-wrap:wrap;gap:6px}.ma-tags span{display:inline-flex;min-height:25px;align-items:center;padding:3px 8px;border-radius:999px;background:var(--ma-soft);color:#3f4640;font-size:1.15rem;font-weight:700}.ma-result-card__price{margin:0;color:var(--ma-text);font-size:1.35rem;font-weight:800}.ma-result-card__cta{color:var(--ma-blue);font-size:1.35rem;font-weight:800}.ma-more{padding-top:28px}.ma-more__title{margin:0 24px 14px;color:var(--ma-text);font-size:2rem}@media screen and (max-width:989px){.ma-result-grid--top{grid-template-columns:1fr}.ma-result-card--prominent{grid-template-columns:minmax(180px,32%) 1fr}}@media screen and (max-width:749px){.material-advisor{padding:32px 0 44px}.material-advisor__header{text-align:left}.ma-progress,.ma-step,.ma-nav,.ma-results-head,.ma-summary,.ma-result-grid{padding-left:16px;padding-right:16px}.ma-options{grid-template-columns:1fr}.ma-option{min-height:96px;grid-template-columns:minmax(0,1fr) auto;padding:14px}.ma-nav,.ma-results-head{flex-direction:column}.ma-nav .ma-button,.ma-results-head .ma-button{width:100%}.ma-result-card--prominent{grid-template-columns:1fr}.ma-result-card--compact{grid-template-columns:96px minmax(0,1fr)}.ma-result-card--compact .ma-result-card__title{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/material-advisor.css.map */