.backdrop-builder{--bb-ink:#243b47;--bb-rust:#a3543d;--bb-line:#d5dcd8;--bb-soft:#eff2ec;color:var(--bb-ink);padding-top:46px;padding-bottom:72px}.bb-intro{max-width:760px;margin-bottom:30px}.bb-intro h1{font-size:clamp(36px,5vw,66px);letter-spacing:-.05em;line-height:1.06;margin:12px 0 16px}.bb-intro>p{font-size:17px;max-width:600px;line-height:1.6}.bb-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bb-rust);font-weight:700}.bb-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}.bb-stage-wrap{position:sticky;top:28px;min-width:0}.bb-stage{border:1px solid var(--bb-line);background:linear-gradient(145deg,#f0f3ed,#e5ebe7);border-radius:5px;padding:24px 12px 12px}.bb-stage-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;padding:0 12px}.bb-stage svg{width:100%;height:auto;display:block}.bb-diagram-totals{display:grid;gap:3px;margin:20px 12px 0}.bb-diagram-total-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#52616a}.bb-diagram-totals strong{font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.035em;font-weight:650}.bb-diagram-totals [data-diagram-count]{font-size:14px;line-height:1.5;font-weight:600}.bb-diagram-caption{font-size:13px!important;line-height:1.6;margin:4px 12px 12px!important;color:#344c57;padding-bottom:12px;border-bottom:1px solid #cbd5cf}.bb-diagram-note{font-size:12px!important;line-height:1.5;color:#52616a;margin:10px 12px!important}.bb-parts{font-size:14px;font-weight:600;margin:20px 0 10px;line-height:1.7}.bb-photo-row{display:flex;gap:14px;align-items:center;margin-top:20px;border-top:1px solid var(--bb-line);padding-top:18px}.bb-photo-row img{height:84px;width:84px;object-fit:contain;background:#fff;border:1px solid var(--bb-line);border-radius:3px}.bb-photo-row p{font-size:12px;line-height:1.6;margin:0}.bb-stage-wrap a,.bb-summary a{color:inherit;text-underline-offset:3px}.bb-step{border:0;padding:0;margin:0 0 30px;min-width:0}.bb-step legend{font-size:23px;font-weight:650;letter-spacing:-.025em;margin-bottom:8px;width:100%;padding:0}.bb-step legend span{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;background:var(--bb-ink);color:#fff;border-radius:50%;font-size:12px;margin-right:8px;vertical-align:middle}.bb-help{font-size:13px;line-height:1.65;color:#52616a;margin:0 0 16px}.bb-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.bb-height-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-option{position:relative;display:block;cursor:pointer;min-width:0}.bb-option input{position:absolute;opacity:0;width:1px;height:1px}.bb-option-card{display:flex;flex-direction:column;justify-content:center;min-height:78px;border:1px solid #becac5;border-radius:4px;padding:12px;background:transparent;transition:background .15s,border-color .15s}.bb-option-card strong{font-size:17px;letter-spacing:-.025em;font-weight:650;line-height:1.35}.bb-option-card small{font-size:11px;margin-top:4px;color:#52616a;line-height:1.4}.bb-option input:checked+.bb-option-card{background:var(--bb-ink);border-color:var(--bb-ink);color:#fff}.bb-option input:checked+.bb-option-card small{color:#dfe8e4}.bb-option input:checked+.bb-option-card:after{content:"\2713";position:absolute;right:8px;top:5px;font-size:11px}.bb-option input:focus-visible+.bb-option-card{outline:3px solid var(--bb-rust);outline-offset:3px}.bb-option input:disabled+.bb-option-card{opacity:.4;cursor:not-allowed}.bb-summary{border:1px solid var(--bb-line);background:#fffdf8;border-radius:5px;padding:23px;margin:0}.bb-summary h2{font-size:24px;line-height:1.3;margin:0 0 16px;letter-spacing:-.03em}.bb-summary-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #e3e7df;font-size:13px}.bb-summary-row>span{max-width:82%}.bb-summary button.bb-change{border:0;background:transparent;text-decoration:underline;color:var(--bb-ink);font-size:12px;min-height:44px;min-width:44px;padding:4px;cursor:pointer}.bb-price{font-size:32px;font-weight:650;letter-spacing:-.04em;line-height:1.15;margin:18px 0 4px}.bb-price-label,.bb-sku{font-size:11px;line-height:1.5;color:#52616a;margin:5px 0}.bb-exclusions{font-size:13px;line-height:1.6;border-top:1px solid var(--bb-line);padding-top:14px;margin-top:14px}.bb-status{font-size:12px;line-height:1.6;color:#52616a;min-height:38px;margin:12px 0}.bb-add{width:100%;border:1px solid var(--bb-ink);background:var(--bb-ink);color:#fff;padding:16px;border-radius:3px;font-size:14px;min-height:50px;cursor:pointer}.bb-add:disabled{cursor:not-allowed;background:#e7eae3;border-color:#d5dcd8;color:#46574f}.bb-reset{border:0;background:none;text-decoration:underline;color:#52616a;font-size:12px;min-height:44px;padding:8px 0;cursor:pointer}.bb-limit{font-size:12px;line-height:1.7;border-top:1px solid var(--bb-line);padding-top:16px;margin-top:22px}.bb-dock{display:none}.bb-intro .breadcrumbs{font-size:12px}.bb-nojs{padding:18px;background:#f8eddb;border:1px solid #dbc7a1}.bb-hero-disabled{cursor:not-allowed;opacity:.68}.bb-hero-note{font-size:12px;color:#52616a}.backdrop-builder button:focus-visible,.backdrop-builder a:focus-visible,.bb-summary:focus-visible,.bb-status:focus-visible{outline:3px solid var(--bb-rust);outline-offset:4px}.backdrop-builder [hidden]{display:none!important}@media(max-width:749px){.backdrop-builder{padding-top:24px;padding-bottom:96px}.bb-intro{margin-bottom:22px}.bb-intro>p{font-size:15px}.bb-layout{grid-template-columns:1fr;gap:26px}.bb-stage-wrap{position:static}.bb-stage{padding-top:17px}.bb-stage svg{max-height:250px}.bb-photo-row{margin-top:12px;padding-top:12px}.bb-photo-row img{width:60px;height:60px}.bb-parts{margin-top:12px}.bb-step legend{font-size:22px}.bb-option-grid{gap:7px}.bb-option-card{padding:11px 8px;min-height:77px}.bb-option-card strong{font-size:15px}.bb-option-card small{font-size:10px}.bb-summary{padding:20px}.bb-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#243b47;color:#fff;padding:12px 18px;gap:14px;justify-content:space-between;align-items:center;box-shadow:0 -3px 20px #0002}.bb-dock span{font-size:15px;font-weight:650}.bb-dock small{display:block;font-size:9px;font-weight:400;color:#d5dfda}.bb-dock button{min-height:44px;background:#fffdf8;color:#243b47;border:0;border-radius:3px;padding:10px 18px;font-weight:600}.bb-stage-label{font-size:10px}.bb-exclusions{font-size:12px}}@media(prefers-reduced-motion:reduce){.backdrop-builder *{scroll-behavior:auto!important;transition:none!important}}@media print{.bb-dock{display:none}.bb-stage-wrap{position:static}}.backdrop-builder{padding-top:28px;padding-bottom:64px}.bb-intro{max-width:none;margin-bottom:28px}.bb-intro .breadcrumbs{margin-bottom:22px}.bb-intro h1{font-size:clamp(34px,4.2vw,58px);margin:0 0 12px}.bb-intro>p{margin:0;color:#52616a}.bb-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(28px,5vw,68px)}.bb-stage{background:#eef2ee;border-color:#dde3de;border-radius:10px;padding:23px 14px 13px}.bb-stage-label span:last-child{color:var(--bb-rust);font-weight:650}.bb-diagram-totals strong{font-size:clamp(27px,3vw,38px)}.bb-diagram-caption{border:0;padding-bottom:0;margin-bottom:12px!important}.bb-diagram-note{border-top:1px solid #d5ded6;padding-top:10px;margin-bottom:0!important}.bb-parts{margin:16px 0 6px}.bb-details{border-bottom:1px solid var(--bb-line);font-size:13px;line-height:1.65}.bb-details>summary,.bb-sku-details>summary{cursor:pointer;min-height:44px;padding:10px 0;color:#52616a}.bb-details-body{padding-bottom:12px}.bb-details-body>p{font-size:13px;line-height:1.65;margin:9px 0}.bb-details summary:focus-visible,.bb-sku-details summary:focus-visible{outline:3px solid var(--bb-rust);outline-offset:3px}.bb-photo-row{margin-top:12px;padding-top:12px}.bb-photo-row img{height:70px;width:70px}.bb-limit{margin-top:14px;padding-top:12px}.bb-step{margin-bottom:24px}.bb-step legend span{background:transparent;color:var(--bb-rust);border:1px solid #d7bdb0;width:27px;height:27px;font-size:11px}.bb-help{margin-bottom:12px}.bb-option-card{min-height:66px;border-radius:6px;padding:11px 12px}.bb-option-card strong{font-size:16px}.bb-option-card small{font-size:12px;margin-top:3px}.bb-option:hover .bb-option-card{border-color:#83978a;background:#f1f3ec}.bb-option input:checked+.bb-option-card{background:var(--bb-ink);box-shadow:inset 3px 0 #c68c70}.bb-summary{border:0;border-top:2px solid var(--bb-ink);background:transparent;border-radius:0;padding:20px 0 0}.bb-summary h2{margin-bottom:10px}.bb-summary-row{border-top:0;border-bottom:1px solid #e0e5dd;padding:8px 0;line-height:1.6}.bb-summary-row strong{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#52616a;font-weight:500}.bb-price{font-size:30px;overflow-wrap:anywhere}.bb-price-label,.bb-sku,.bb-sku-details{font-size:12px}.bb-status{font-size:13px;min-height:0;margin:8px 0 12px}.bb-preview-notice{font-size:12px;line-height:1.5;color:#52616a;text-align:center;margin:9px 0 0}.bb-add{border-radius:5px}.bb-dock small{font-size:10px}@media(max-width:749px){.backdrop-builder{padding-top:22px;padding-bottom:100px}.bb-intro{margin-bottom:23px}.bb-intro .breadcrumbs{margin-bottom:17px}.bb-layout{grid-template-columns:1fr;gap:24px}.bb-stage{padding:17px 8px 12px}.bb-stage svg{max-height:210px}.bb-diagram-totals{margin-top:15px}.bb-diagram-totals strong{font-size:28px}.bb-diagram-caption{font-size:12px!important;margin-bottom:10px!important}.bb-diagram-note{font-size:12px!important}.bb-parts{font-size:13px;margin-top:12px}.bb-option-card{min-height:64px;padding:10px 8px}.bb-option-card strong{font-size:15px}.bb-option-card small{font-size:11px}.bb-summary{padding:18px 0 0}.bb-dock{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/backdrop-builder.css.map */
