#sc-native-ordering-design[hidden],#sc-native-ordering-design [hidden]{display:none!important}#sc-native-ordering-design{--sc-order-navy:#193344;--sc-order-ink:#1e2d35;--sc-order-paper:#fffdfa;--sc-order-line:#d9d1c5;--sc-order-muted:#657178;color:var(--sc-order-ink);min-width:0;margin:0 0 24px}#sc-native-ordering-design *{box-sizing:border-box}#sc-native-ordering-design .sc-order-heading{margin:0 0 20px}#sc-native-ordering-design .sc-order-eyebrow{color:#7e5c43;font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 8px}#sc-native-ordering-design .sc-order-heading h2{font-family:Georgia,serif;color:var(--sc-order-navy);font-size:32px;line-height:1.15;margin:0 0 8px}#sc-native-ordering-design .sc-order-heading p:not(.sc-order-eyebrow){font-size:15px;line-height:1.5;margin:0}#sc-native-ordering-design .sc-order-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 16px}#sc-native-ordering-design .sc-order-progress button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:82px;padding:12px;border:1px solid var(--sc-order-line);border-radius:4px;background:#f7f1e7;color:var(--sc-order-ink);text-align:left;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;cursor:pointer}#sc-native-ordering-design .sc-order-progress button span:first-child{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8e0d4;color:var(--sc-order-navy);font-weight:700}#sc-native-ordering-design .sc-order-progress button[aria-current=step]{border-color:var(--sc-order-navy);background:var(--sc-order-navy);color:#fff}#sc-native-ordering-design .sc-order-progress button[aria-current=step] span:first-child{background:#fff;color:var(--sc-order-navy)}#sc-native-ordering-design .sc-order-progress button:disabled{opacity:.62;cursor:not-allowed}#sc-native-ordering-design .sc-order-panel{min-width:0;padding:22px;background:var(--sc-order-paper);border:1px solid var(--sc-order-line);border-radius:5px}#sc-native-ordering-design .sc-order-page{min-width:0}#sc-native-ordering-design .sc-order-page>h3{font-family:Georgia,serif;color:var(--sc-order-navy);font-size:25px;line-height:1.2;margin:0 0 18px}#sc-native-ordering-design [data-sc-order-fields]{min-width:0;display:grid;gap:12px}#sc-native-ordering-design [data-sc-order-fields]>*{min-width:0;max-width:100%}#sc-native-ordering-design .mw-option,#sc-native-ordering-design .sc-custom-panel{min-width:0;margin:0 0 12px}#sc-native-ordering-design select,#sc-native-ordering-design input,#sc-native-ordering-design textarea{max-width:100%}#sc-native-ordering-design .sc-order-status{color:#8b3429;font-size:13px;line-height:1.4;margin:8px 0}#sc-native-ordering-design .sc-order-status:empty{display:none}#sc-native-ordering-design .sc-order-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}#sc-native-ordering-design .sc-order-actions button{min-width:118px;padding:12px 20px;border:1px solid var(--sc-order-navy);border-radius:3px;font-weight:700;font-size:14px;line-height:1.2;cursor:pointer}#sc-native-ordering-design [data-sc-order-back]{background:#fff;color:var(--sc-order-navy)}#sc-native-ordering-design [data-sc-order-next]{margin-left:auto;background:var(--sc-order-navy);color:#fff}#sc-native-ordering-design button:focus-visible{outline:3px solid #b47b50;outline-offset:3px}@media(max-width:768px){#sc-native-ordering-design .sc-order-heading h2{font-size:27px}#sc-native-ordering-design .sc-order-progress{grid-template-columns:repeat(2,minmax(0,1fr))}#sc-native-ordering-design .sc-order-progress button{min-height:62px;flex-direction:row;align-items:center;font-size:11px}#sc-native-ordering-design .sc-order-progress button span:first-child{flex:0 0 25px}#sc-native-ordering-design .sc-order-panel{padding:16px}#sc-native-ordering-design .sc-order-page>h3{font-size:22px}#sc-native-ordering-design .sc-order-actions button{min-width:0;flex:1}}#sc-order-content{position:relative;min-width:0}#sc-native-ordering-design .sc-order-page[data-active=false]{position:absolute;top:0;left:0;width:100%;clip-path:inset(100%);opacity:0;pointer-events:none;overflow:hidden}#sc-native-ordering-design .sc-order-page[data-active=true]{position:relative;opacity:1}.sc-native-step-form:not([data-sc-order-stage="3"])>#sc-final-preview,.sc-native-step-form:not([data-sc-order-stage="3"])>#sc-build-summary,.sc-native-step-form:not([data-sc-order-stage="3"])>button[name=add],.sc-native-step-form:not([data-sc-order-stage="3"])>.quantity-selector{display:none!important}#ProductSection:has(#sc-native-ordering-design:not([hidden])) .sc-color-preview{scroll-margin-top:20px}@media(max-width:768px){#ProductSection:has(#sc-native-ordering-design:not([hidden])) .sc-color-preview{position:static!important;top:auto!important;max-height:none!important;margin:14px 0 20px}}#ProductSection:has(#sc-native-ordering-design:not([hidden])) .sc-product-gallery>#sc-color-preview{margin-top:0;position:static!important}#sc-native-ordering-design{scroll-margin-top:60px}#ProductSection:has(#sc-native-ordering-design:not([hidden])) .sc-color-heading h2{font-size:26px;line-height:1.2}#ProductSection [data-sc-order-photos]{margin-top:18px;border:1px solid #d9d1c5;padding:12px;background:#f7f1e7}#ProductSection [data-sc-order-photos]>summary{font-size:14px;font-weight:600;cursor:pointer;padding:4px}#ProductSection [data-sc-order-photos]>.grid{margin-top:16px}@media(min-width:769px){#ProductSection:has(#sc-native-ordering-design:not([hidden])) .sc-product-gallery:not(:has([data-sc-order-photos][open])){position:sticky;top:60px;align-self:start}}#ProductSection .sc-roof-retired-valance{display:none!important}#ProductSection:has(#sc-native-ordering-design:not([hidden])) #sc-shared-color-preview{max-width:100%;z-index:auto}@media(max-width:768px){#ProductSection:has(#sc-native-ordering-design:not([hidden])) #sc-shared-color-preview{position:static!important;top:auto!important;max-height:none!important;margin:0 0 16px}}@media(min-width:769px){#ProductSection:has(#sc-native-ordering-design:not([hidden])) .sc-product-gallery>#sc-shared-color-preview{position:static!important;top:auto!important;margin-top:16px}}#sc-native-ordering-design .sc-order-progress{grid-template-columns:repeat(var(--sc-order-count,4),minmax(0,1fr))}@media(max-width:768px){#sc-native-ordering-design .sc-order-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/sc-native-ordering-design-20261030.css.map */