.sdf{--bg:#ffffff;--fg:#1c1b1b;--muted:#6a6a6a;--line:#cbcbcb;--line-light:#e5e5e5;--panel:#f5f5f5;--field:#eaeaea;--ink:#1c1b1b;--ink-fg:#ffffff;--ok:#1f7a45;--ok-bg:#eaf5ee;--warn:#8a5a00;--warn-bg:#fff4dc;--display:var(--heading-font-family,Montserrat,sans-serif);--body:var(--text-font-family,"Nunito Sans",sans-serif);max-width:1240px;margin:0 auto;padding:30px 50px 70px;font:14px/1.6 var(--body);color:var(--fg);background:var(--bg)}.sdf *{box-sizing:border-box}.sdf [hidden]{display:none!important}.sdf h1,.sdf h2,.sdf h3,.sdf h4,.sdf p{margin:0}.sdf h1,.sdf h2,.sdf h3{font-family:var(--display);font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.5}.sdf button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;margin:0}.sdf a{color:var(--fg)}.sdf :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sdf .num{font-variant-numeric:tabular-nums}.sdf .side{top:calc(var(--header-height,80px) + 16px);max-height:calc(100vh - var(--header-height,80px) - 32px)}@media(max-width:1000px){.sdf{padding-inline:24px}}@media(max-width:640px){.sdf{padding:20px 16px 120px}}@media(prefers-reduced-motion:reduce){.sdf *{transition:none!important}}.sdf .hero{display:flex;justify-content:space-between;gap:24px;align-items:end;flex-wrap:wrap;margin-bottom:26px}.sdf .hero h1{font-size:22px;line-height:1.5}.sdf .hero p{color:var(--fg);margin-top:10px;max-width:64ch;font-size:15px}.sdf .trust{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.sdf .trust span:before{content:"\2713  ";color:var(--fg)}.sdf .btn{position:relative;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:14px 28px;border:1px solid var(--ink);background:var(--ink);color:var(--ink-fg);font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;line-height:normal;transition:background .3s,color .3s}.sdf .btn:hover,.sdf .btn.secondary{background:transparent;color:var(--ink)}.sdf .btn.secondary:hover{background:var(--ink);color:var(--ink-fg)}.sdf .btn .dot{display:inline-block;margin:0 14px;height:3px;width:3px;border-radius:100%;background:currentColor}.sdf .btn:disabled,.sdf .btn[aria-disabled=true]{opacity:.4;pointer-events:none}.sdf .text-btn{font-family:var(--display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;padding:4px 0;font-weight:500}.sdf .step{border:1px solid var(--line);margin-bottom:24px}.sdf .step-head{display:flex;align-items:center;gap:14px;padding:16px 24px;border-bottom:1px solid var(--line)}.sdf .step-no{width:28px;height:28px;background:var(--ink);color:var(--ink-fg);display:grid;place-items:center;font-family:var(--display);font-size:12px;flex:none}.sdf .step-head h2{font-size:14px}.sdf .step-head small{color:var(--muted);font-size:12px;margin-left:auto;text-align:right;letter-spacing:.05em}.sdf .step-body{padding:26px 24px}.sdf .step.locked{opacity:.45}.sdf .step.locked .step-body{display:none}.sdf .kind{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.sdf .kind-btn{border:1px solid var(--line);padding:14px 16px;text-align:left;background:#fff;display:grid;gap:2px}.sdf .kind-btn b{font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.sdf .kind-btn small{color:var(--muted);font-size:12px}.sdf .kind-btn:hover{border-color:var(--ink)}.sdf .kind-btn[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--field)}.sdf .sizes{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sdf .size-group label{display:block;font-family:var(--display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}.sdf .size-group label span{font-family:var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}.sdf .chips{display:flex;flex-wrap:wrap;gap:8px}.sdf .chip{border:1px solid #d3d3d3;padding:11px 14px;min-width:60px;font-family:var(--display);font-size:12px;letter-spacing:2px;text-transform:uppercase;background:#fff;transition:background .15s,border-color .15s}.sdf .chip:hover{border-color:var(--ink)}.sdf .chip[aria-pressed=true]{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}.sdf .chip:disabled{opacity:.28;cursor:not-allowed}.sdf .size-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px;font-size:13px;color:var(--muted)}.sdf .popular{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sdf .popular button{border:1px solid var(--line);padding:5px 12px;font-size:12px;letter-spacing:.05em;background:#fff}.sdf .popular button:hover{border-color:var(--ink)}.sdf details.measure{margin-top:18px;font-size:14px;color:var(--muted)}.sdf details.measure summary{cursor:pointer;color:var(--fg);font-family:var(--display);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.sdf details.measure p{margin-top:10px;max-width:70ch}.sdf .result-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.sdf .result-bar strong{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase}.sdf .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}.sdf .card{border:1px solid var(--line);padding:0 0 20px;display:flex;flex-direction:column;gap:8px;background:#fff;position:relative;transition:border-color .15s,box-shadow .15s}.sdf .card:hover{border-color:var(--ink)}.sdf .card.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.sdf .card .tag{align-self:flex-start;margin-top:12px;font-family:var(--display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:4px 8px;background:#fff;border:1px solid var(--ink);color:var(--ink)}.sdf .card .tag.best{background:var(--ink);color:var(--ink-fg)}.sdf .card .tag.wind{border-color:var(--warn);color:var(--warn);background:var(--warn-bg)}.sdf .card img{width:100%;height:150px;object-fit:contain;background:#fff;max-width:100%;display:block;padding:8px}.sdf .card .cb{padding:0 14px;display:flex;flex-direction:column;gap:8px;flex:1}.sdf .card .kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:8px}.sdf .card h3{font-size:15px;letter-spacing:.2em}.sdf .card .use{color:var(--fg);font-size:13px;min-height:40px}.sdf .card ul{margin:0;padding-left:16px;font-size:13px;color:var(--muted);display:grid;gap:3px}.sdf .card .price{margin-top:auto;padding-top:10px}.sdf .card .price small{display:block;font-size:11px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.sdf .card .price b{font-size:18px;letter-spacing:2.4px;font-weight:400;color:var(--fg)}.sdf .card .price .ins-line{text-transform:none;letter-spacing:0;font-size:12px;color:var(--fg);margin-top:2px}.sdf .card .btn{width:100%;margin-top:6px;padding:14px 10px}.sdf .compare-wrap{overflow-x:auto;margin-top:20px;border:1px solid var(--line)}.sdf table{border-collapse:collapse;width:100%;font-size:13px;min-width:680px}.sdf th,.sdf td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-light);vertical-align:top}.sdf th{background:var(--panel);font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.sdf td:first-child{color:var(--muted);white-space:nowrap}.sdf tr:last-child td{border-bottom:0}.sdf .empty{border:1px dashed var(--line);padding:30px;text-align:center;color:var(--muted)}.sdf .empty h3{color:var(--fg);margin-bottom:8px;font-size:14px}.sdf .config{display:grid;grid-template-columns:1fr}.sdf .config h4{font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.sdf .config h4 span{font-family:var(--body);font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);font-size:13px}.sdf .opt-block{margin-bottom:26px}.sdf .swatches{display:flex;flex-wrap:wrap;gap:10px}.sdf .swatch{width:40px;height:40px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);position:relative;transition:transform .1s}.sdf .swatch:hover{transform:scale(1.06)}.sdf .swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.sdf .radios{display:grid;gap:8px}.sdf .radio{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:13px 16px;cursor:pointer;background:#fff}.sdf .radio:hover{border-color:var(--ink)}.sdf .radio:has(input:checked){border-color:var(--ink);background:var(--field)}.sdf .radio input{accent-color:var(--ink);width:16px;height:16px;margin:0}.sdf .radio .lbl{flex:1;font-weight:700}.sdf .radio .lbl small{display:block;font-weight:400;color:var(--muted);font-size:12px}.sdf .radio .delta{white-space:nowrap;letter-spacing:.05em;color:var(--muted)}.sdf .mounts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sdf .layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.sdf .side{grid-column:2;grid-row:1/span 2}.sdf .help-wrap{grid-column:1}.sdf .flow{min-width:0}.sdf .side{position:sticky;overflow-y:auto}@media(max-height:820px){.sdf .sum-img{height:110px}}.sdf .summary{border:1px solid var(--line);padding:22px;background:#fff;display:flex;flex-direction:column;gap:14px}.sdf .todo{margin:0;padding-left:0;list-style:none;display:grid;gap:8px;font-size:13px}.sdf .todo li{display:flex;gap:10px;align-items:center;color:var(--muted)}.sdf .todo li:before{content:"";width:22px;height:22px;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--display);font-size:11px;flex:none}.sdf .todo li.done{color:var(--fg)}.sdf .todo li.done:before{content:"\2713";background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}.sdf .todo li.now{color:var(--fg);font-weight:700}.sdf .todo li.now:before{border-color:var(--ink);border-width:2px}.sdf #sum-empty-text{font-size:13px;color:var(--muted);margin-bottom:12px}.sdf .summary .kicker{font-family:var(--display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.sdf .summary h3{font-size:14px;line-height:1.6}.sdf .sum-img{border:1px solid var(--line-light);background:#fff;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sdf .sum-img img{max-width:100%;max-height:100%;object-fit:contain;padding:8px}.sdf .sum-rows{display:grid;gap:6px;font-size:13px}.sdf .sum-rows div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-light);padding-bottom:6px}.sdf .sum-rows span:first-child{color:var(--muted)}.sdf .buy{display:grid;gap:14px;padding:6px 0 4px}.sdf .buy .lbl{font-family:var(--display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.sdf .price-row,.sdf .qty-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.sdf .price-row b{font-size:24px;letter-spacing:2.4px;font-weight:400;display:block;line-height:1.1;text-align:right}.sdf .price-row small{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:block;text-align:right;margin-top:4px}.sdf .qty{display:flex;align-items:center;border:1px solid var(--line);background:#fff}.sdf .qty button{width:40px;height:42px;font-size:18px}.sdf .qty input{width:48px;text-align:center;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:transparent;font:inherit;color:var(--fg);height:42px;-moz-appearance:textfield}.sdf .qty input::-webkit-inner-spin-button,.sdf .qty input::-webkit-outer-spin-button{-webkit-appearance:none}.sdf .summary .btn{width:100%;margin-top:4px}.sdf .notes{list-style:none;margin:6px 0 0;padding:0;display:grid;font-size:12px}.sdf .notes li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line-light)}.sdf .notes li:last-child{border-bottom:1px solid var(--line-light)}.sdf .notes span{color:var(--muted)}.sdf .notes b{font-weight:700;text-align:right}.sdf .status{padding:12px 14px;font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid}.sdf .status.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.sdf .status.err{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.sdf .status a{font-weight:700;color:inherit}.sdf .live{font-size:12px;color:var(--muted)}.sdf .live b{color:var(--fg)}.sdf .help{border:1px solid var(--line);padding:24px;background:var(--panel)}.sdf .help h3{font-size:14px;margin-bottom:10px}.sdf .help p{color:var(--fg);font-size:14px;margin-bottom:12px}.sdf .phone{font-family:var(--display);font-size:18px;letter-spacing:.15em;-webkit-user-select:all;user-select:all}.sdf .copy{margin-left:10px;font-size:11px;border:1px solid var(--line);padding:4px 10px;letter-spacing:.1em;text-transform:uppercase;background:#fff}.sdf .mbar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));display:none;align-items:center;gap:12px;z-index:9}.sdf .mbar .t{flex:1;min-width:0}.sdf .mbar .t b{font-size:16px;display:block;letter-spacing:2px;font-weight:400}.sdf .mbar .t small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sdf .mbar .btn{padding:12px 18px;white-space:nowrap}@media(max-width:900px){.sdf .layout{grid-template-columns:1fr}.sdf .side,.sdf .help-wrap{grid-column:auto;grid-row:auto}.sdf .side{position:static;max-height:none;overflow:visible}.sdf .side .summary{display:none}.sdf .side .summary.has-door{display:flex}}@media(max-width:640px){.sdf .sizes,.sdf .kind{grid-template-columns:1fr}.sdf .chip{padding:10px 11px;min-width:54px}.sdf .step-body{padding:18px 14px}.sdf .step-head{padding:14px}.sdf .step-head small{display:none}.sdf .mbar.show{display:flex}}.sdf.sdf-bar-wrap{padding:0;max-width:none;margin:0}.sdf .view{display:inline-flex;border:1px solid var(--ink)}.sdf .view button{padding:9px 14px;font-family:var(--display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:#fff;color:var(--ink)}.sdf .view button[aria-pressed=true]{background:var(--ink);color:var(--ink-fg)}.sdf .need{color:var(--warn);font-weight:700}.sdf .compare-wrap{margin-top:0}.sdf .config{grid-template-columns:minmax(0,1fr)}.sdf .config>div,.sdf .opt-block,.sdf .step-body,.sdf .summary{min-width:0}.sdf .mounts{grid-template-columns:repeat(2,minmax(0,1fr))}.sdf .radio{min-width:0}.sdf .radio .lbl{min-width:0;overflow-wrap:anywhere}.sdf .config h4{flex-wrap:wrap}.sdf .config h4 span{min-width:0;overflow-wrap:anywhere}.sdf .sum-rows div span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right}.sdf{overflow-x:clip}@media(max-width:520px){.sdf .mounts{grid-template-columns:minmax(0,1fr)}.sdf .radio .delta{white-space:normal}}.sdf .hero{margin-bottom:22px}@media(max-width:640px){.sdf .hero{gap:10px;margin-bottom:16px}.sdf .hero h1{font-size:15px;letter-spacing:.18em}.sdf .hero p{font-size:14px;margin-top:6px;color:var(--muted)}.sdf .trust{display:none}.sdf .step-head{padding:12px 14px;gap:10px}.sdf .step-head h2{font-size:12px;letter-spacing:.15em}.sdf .step-no{width:24px;height:24px;font-size:11px}.sdf .step-body{padding:16px 14px}.sdf .kind-btn{padding:12px 14px}.sdf .kind-btn b,.sdf .size-group label{font-size:11px;letter-spacing:.15em}.sdf details.measure summary{font-size:11px;letter-spacing:.15em}.sdf .result-bar strong,.sdf .config h4{font-size:11px;letter-spacing:.15em}.sdf .summary h3,.sdf .help h3{font-size:12px;letter-spacing:.15em}}@media(max-width:640px){.sdf .popular{display:none}.sdf .size-foot{margin-top:14px;justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/door-finder.css.map */