.dfb{--dfb-ink:#1a1a1a;--dfb-mute:#7d776c;--dfb-line:#e6e1d8;--dfb-bg:#fbf9f5;--dfb-accent:#111;max-width:1280px;margin:0 auto;padding:36px 18px 56px;color:var(--dfb-ink);font-family:inherit}.dfb__head{text-align:center;margin:0 0 26px}.dfb__eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dfb-mute);margin:0 0 8px}.dfb__title{font-size:clamp(22px,3vw,34px);font-weight:500;letter-spacing:-.01em;margin:0 0 10px}.dfb__offer{font-size:13px;color:var(--dfb-mute);margin:0;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.dfb__offer-tag{background:var(--dfb-accent);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:3px}.dfb__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:start}@media(max-width:900px){.dfb__grid{grid-template-columns:1fr;gap:24px}}.dfb__stage{position:sticky;top:86px}@media(max-width:900px){.dfb__stage{position:static}}.dfb__panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--dfb-bg);border:1px solid var(--dfb-line);border-radius:12px;padding:10px}.dfb__panel{position:relative;margin:0;aspect-ratio:1000/1380;border-radius:8px;overflow:hidden;background:#fff}.dfb__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:1px dashed var(--dfb-line);border-radius:8px}.dfb__ph span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#bdb7ab}.dfb__img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .38s ease}.dfb__img.is-in{opacity:1}.dfb__panel.is-filled .dfb__ph{display:none}.dfb__summary{margin-top:16px;border:1px solid var(--dfb-line);border-radius:12px;padding:16px;background:#fff}.dfb__lines{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.dfb__line{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#3f3a33}.dfb__line em{font-style:normal;color:var(--dfb-mute)}.dfb__line.is-free strong{text-decoration:line-through;color:#b3ada2;font-weight:400}.dfb__line .dfb__freetag{color:#127a45;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-left:6px}.dfb__totals{display:flex;align-items:baseline;gap:10px;border-top:1px solid var(--dfb-line);padding-top:12px}.dfb__was{font-size:13px;color:#b3ada2;text-decoration:line-through}.dfb__now{font-size:20px;font-weight:600}.dfb__save{margin:8px 0 0;font-size:12.5px;color:#127a45;font-weight:600}.dfb__add{margin-top:14px;width:100%;border:0;background:var(--dfb-accent);color:#fff;padding:15px 18px;font:inherit;font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:opacity .2s ease,transform .12s ease}.dfb__add:hover:not(:disabled){opacity:.88}.dfb__add:active:not(:disabled){transform:translateY(1px)}.dfb__add:disabled{background:#d9d4ca;color:#fff;cursor:not-allowed}.dfb__err{margin:10px 0 0;font-size:12.5px;color:#b3261e}.dfb__step{border:1px solid var(--dfb-line);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}.dfb__stephead{width:100%;display:flex;align-items:center;gap:12px;padding:15px 16px;background:none;border:0;font:inherit;cursor:pointer;text-align:left}.dfb__num{width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:1px solid var(--dfb-line);display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;color:var(--dfb-mute)}.dfb__step.is-done .dfb__num{background:var(--dfb-accent);border-color:var(--dfb-accent);color:#fff}.dfb__steplabel{font-size:13.5px;font-weight:600;letter-spacing:.02em}.dfb__chosen{margin-left:auto;font-size:12px;color:var(--dfb-mute);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dfb__stepbody{display:none;padding:0 14px 16px}.dfb__step.is-open .dfb__stepbody{display:block}.dfb__rail{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.dfb__rail::-webkit-scrollbar{height:6px}.dfb__rail::-webkit-scrollbar-thumb{background:#ddd7cc;border-radius:99px}.dfb__card{scroll-snap-align:start;border:1px solid transparent;background:none;padding:0;cursor:pointer;border-radius:8px;overflow:hidden;text-align:left;font:inherit;transition:border-color .18s ease,transform .18s ease}.dfb__card:hover{transform:translateY(-2px)}.dfb__card:focus-visible{outline:2px solid var(--dfb-accent);outline-offset:2px}.dfb__card[aria-selected=true]{border-color:var(--dfb-accent)}.dfb__cardimg{display:block;aspect-ratio:1000/1380;overflow:hidden;background:#f3f0ea;border-radius:7px}.dfb__cardimg img{width:100%;height:100%;object-fit:cover;display:block}.dfb__cardmeta{display:block;padding:7px 4px 2px}.dfb__cardtitle{display:block;font-size:11.5px;line-height:1.3;color:#3f3a33;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dfb__cardprice{display:block;font-size:12px;font-weight:600;margin-top:3px}.dfb__sizes{margin-top:6px;border-top:1px solid var(--dfb-line);padding-top:12px}.dfb__sizelabel{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dfb-mute)}.dfb__sizerow{display:flex;flex-wrap:wrap;gap:7px}.dfb__size{min-width:42px;padding:8px 10px;border:1px solid var(--dfb-line);background:#fff;border-radius:5px;font:inherit;font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dfb__size:hover:not(:disabled){border-color:#b8b1a4}.dfb__size[aria-pressed=true]{background:var(--dfb-accent);border-color:var(--dfb-accent);color:#fff}.dfb__size:disabled{color:#c9c3b8;background:#faf8f4;cursor:not-allowed;text-decoration:line-through}@media(prefers-reduced-motion:reduce){.dfb__img,.dfb__card,.dfb__add{transition:none}.dfb__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/derby-fit-builder.css.map */