.handle-style-group,.handle-model-group,.handle-colour-group,.hinge-selector-group,#letterbox-colour-container-exterior,#letterbox-colour-container-interior,#accessory-doorknob-container-exterior,#accessory-doorknob-container-interior{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}@media (min-width:768px){.handle-style-group,.handle-model-group,.handle-colour-group,.hinge-selector-group,#letterbox-colour-container-exterior,#letterbox-colour-container-interior,#accessory-doorknob-container-exterior,#accessory-doorknob-container-interior{grid-template-columns:repeat(6,1fr)!important}}.handle-style-swatch,.handle-model-swatch,.handle-colour-swatch,.hinge-swatch,#letterbox-colour-container-exterior .door-swatch,#letterbox-colour-container-interior .door-swatch,#accessory-doorknob-container-exterior .door-swatch,#accessory-doorknob-container-interior .door-swatch{display:block;background:#fff0;border:none;padding:0}.handle-style-swatch img,.handle-model-swatch img,.handle-colour-swatch img,.hinge-swatch img,#letterbox-colour-container-exterior .door-swatch img,#letterbox-colour-container-interior .door-swatch img,#accessory-doorknob-container-exterior .door-swatch img,#accessory-doorknob-container-interior .door-swatch img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#fff;border:1px solid #ccc!important;border-radius:2px;padding:6px;box-sizing:border-box;display:block}.handle-style-swatch .swatch-label,.handle-model-swatch .swatch-label,.handle-colour-swatch .swatch-label,.hinge-swatch .swatch-label,#letterbox-colour-container-exterior .swatch-label,#letterbox-colour-container-interior .swatch-label,#accessory-doorknob-container-exterior .swatch-label,#accessory-doorknob-container-interior .swatch-label{display:block;font-size:11px;text-align:center;margin-top:6px}.door-swatch:hover,.glass-swatch:hover,.panel-swatch:hover{transform:none!important}.handle-style-swatch:hover,.handle-model-swatch:hover,.handle-colour-swatch:hover,.hinge-swatch:hover{transform:translateY(-2px)}.door-swatch:hover,.glass-swatch:hover,.handle-style-swatch:hover,.handle-model-swatch:hover,.handle-colour-swatch:hover,.hinge-swatch:hover,.panel-swatch:hover{box-shadow:0 6px 18px rgb(0 0 0 / .15)}.door-swatch:hover,.glass-swatch:hover,.handle-style-swatch:hover,.handle-model-swatch:hover,.handle-colour-swatch:hover,.hinge-swatch:hover,.panel-swatch:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgb(0 0 0 / .15);z-index:5}.door-swatch:hover img,.glass-swatch:hover img,.handle-style-swatch:hover img,.handle-model-swatch:hover img,.handle-colour-swatch:hover img,.hinge-swatch:hover img,.panel-swatch:hover img{box-shadow:none!important;border-color:#ccc!important}#door-colour-exterior-container .door-swatch.selected img,#door-colour-interior-container .door-swatch.selected img,#frame-colour-exterior-container .door-swatch.selected img,#frame-colour-interior-container .door-swatch.selected img,#hardware-finish-container .door-swatch.selected img,.glass-swatch.selected img,.panel-swatch.selected img{border:2px solid #4a4f54!important;box-shadow:none!important}.handle-style-swatch.selected,.handle-model-swatch.selected,.handle-colour-swatch.selected,.hinge-swatch.selected,#letterbox-colour-container-exterior .door-swatch.selected,#letterbox-colour-container-interior .door-swatch.selected,#accessory-doorknob-container-exterior .door-swatch.selected,#accessory-doorknob-container-interior .door-swatch.selected{border:none}.handle-style-swatch.selected img,.handle-model-swatch.selected img,.handle-colour-swatch.selected img,.hinge-swatch.selected img,#letterbox-colour-container-exterior .door-swatch.selected img,#letterbox-colour-container-interior .door-swatch.selected img,#accessory-doorknob-container-exterior .door-swatch.selected img,#accessory-doorknob-container-interior .door-swatch.selected img{border:2px solid #4a4f54!important}.handle-style-swatch input[type="radio"],.handle-model-swatch input[type="radio"],.handle-colour-swatch input[type="radio"],.hinge-swatch input[type="radio"],.door-swatch input[type="radio"]{display:none!important}.swatch-price{display:none!important}.handle-divider{margin:18px 0!important}#door-colour-exterior-container .door-swatch-group,#door-colour-interior-container .door-swatch-group,#frame-colour-exterior-container .door-swatch-group,#frame-colour-interior-container .door-swatch-group,#hardware-finish-container .door-swatch-group{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important}@media (min-width:768px){#door-colour-exterior-container .door-swatch-group,#door-colour-interior-container .door-swatch-group,#frame-colour-exterior-container .door-swatch-group,#frame-colour-interior-container .door-swatch-group,#hardware-finish-container .door-swatch-group{grid-template-columns:repeat(8,1fr)!important}}#door-colour-exterior-container .door-swatch,#door-colour-interior-container .door-swatch,#frame-colour-exterior-container .door-swatch,#frame-colour-interior-container .door-swatch,#hardware-finish-container .door-swatch{aspect-ratio:1 / 1;display:block;padding:0;margin:0;overflow:hidden;background:#fff}#door-colour-exterior-container .door-swatch img,#door-colour-interior-container .door-swatch img,#frame-colour-exterior-container .door-swatch img,#frame-colour-interior-container .door-swatch img,#hardware-finish-container .door-swatch img{width:100%;height:100%;object-fit:cover}.swatch-row .door-swatch img{width:100%;height:100%;object-fit:contain}.glass-swatch-group{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media (min-width:768px){.glass-swatch-group{grid-template-columns:repeat(8,1fr)}}.glass-swatch{aspect-ratio:1 / 1;display:block;width:100%;overflow:hidden;background:#fff}.glass-swatch img{width:100%;height:100%;object-fit:cover}.glass-swatch .swatch-label,.glass-swatch input{display:none}.glass-swatch[style*="display: none"]{display:none!important}.glass-tab-content{display:none}.glass-tab-content.is-active{display:block}.glass-swatch-group{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.glass-tabs .swatch-tab-buttons{margin-bottom:16px!important}@media (min-width:768px){.glass-swatch-group{grid-template-columns:repeat(8,1fr)}}#door-colour-exterior-container .swatch-label,#door-style-container .door-swatch-label,#frame-type-container .swatch-label,#door-colour-interior-container .swatch-label,#frame-colour-exterior-container .swatch-label,#frame-colour-interior-container .swatch-label,#hardware-finish-container .swatch-label{display:none!important}#supplier-container,#collection-container{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:768px){#supplier-container,#collection-container{grid-template-columns:repeat(4,1fr)}}#supplier-container .door-swatch,#collection-container .door-swatch{display:block;background:#fff0;border:none;padding:0}#supplier-container .door-swatch img,#collection-container .door-swatch img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px;box-sizing:border-box;transition:all 0.2s ease}#supplier-container .door-swatch img{height:80px;width:100%;object-fit:contain}#supplier-container .supplier-desc{font-size:11px;text-align:center;margin-top:6px;line-height:1.2}#supplier-container .swatch-label,#collection-container .swatch-label{display:block;text-align:center;font-size:13px;font-weight:600;margin-top:8px}#supplier-container .door-swatch:hover img,#collection-container .door-swatch:hover img{box-shadow:0 4px 14px rgb(0 0 0 / .12)}#supplier-container .door-swatch.selected img,#collection-container .door-swatch.selected img{border:2px solid #4a4f54}#collection-container .collection-swatch img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px;box-sizing:border-box;display:block}#collection-container .collection-swatch{display:block;text-align:center}#collection-container .swatch-desc{font-size:11px;text-align:center;margin-top:6px;line-height:1.2}#collection-container .collection-swatch:hover img{box-shadow:0 4px 14px rgb(0 0 0 / .12)}#collection-container .collection-swatch.selected img{border:2px solid #4a4f54}.swatch-section{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:16px;margin-bottom:20px;box-shadow:0 2px 6px rgb(0 0 0 / .04)}.hinge-selector-group{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;margin:0 auto;max-width:900px;justify-items:stretch;align-items:stretch}.hinge-option{display:flex;flex-direction:row;align-items:center;gap:1.5rem;width:100%;min-width:0;max-width:100%;padding:1.4rem 1.2rem;border:2px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;box-sizing:border-box;transition:all .3s;font-size:1.1rem}.hinge-option img{width:70px!important;height:70px!important;border-radius:8px!important;flex-shrink:0!important;object-fit:cover!important}.hinge-label{font-weight:600!important;font-size:1.06rem!important;line-height:1.4!important;text-align:left!important}.hinge-option input[type="radio"]{display:none!important}.hinge-option.selected{border-color:#b12028!important;background-color:#fff5f5!important}.swatch-section.hinge-section .hinge-selector-group{display:flex!important;flex-wrap:wrap!important;gap:12px!important;max-width:none!important}.swatch-section.hinge-section .hinge-selector-group>.hinge-option{flex:1 1 calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;margin:0!important;width:auto!important;grid-column:auto!important}@media (max-width:9999px){.swatch-section.hinge-section .hinge-selector-group{display:flex!important}}@media (max-width:1100px){.hinge-section .hinge-selector-group{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.hinge-section .hinge-option{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:14px!important}.hinge-section .hinge-option img{width:120px!important;height:120px!important;margin:0 0 10px 0!important;border-radius:10px!important;object-fit:cover!important}.hinge-section .hinge-label{font-size:1rem!important;font-weight:700!important;line-height:1.3!important}}@media (max-width:640px){.hinge-section .hinge-selector-group{grid-template-columns:1fr 1fr!important}.hinge-section .hinge-option img{width:90px!important;height:90px!important}}.glass-tab-btn{background:#f5f5f5!important;color:#333!important;border:1px solid #444!important;border-radius:4px!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all 0.2s ease!important}.swatch-tab-buttons{display:flex!important;gap:12px!important}.glass-tab-btn:hover{background:#e9e9e9!important;border-color:#333!important}.glass-tab-btn.is-active{background:#4a4f54!important;color:#fff!important;border-color:#4a4f54!important;box-shadow:0 2px 6px rgb(0 0 0 / .15)!important}.side-tabs{display:flex;gap:12px!important}.side-tab{background:#f5f5f5!important;color:#333!important;border:1px solid #444!important;border-radius:4px!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;line-height:1!important;cursor:pointer;transition:all 0.2s ease!important}.side-tab:hover{background:#e9e9e9!important;border-color:#333!important}.side-tab.is-active{background:#4a4f54!important;color:#fff!important;border-color:#4a4f54!important;box-shadow:0 2px 6px rgb(0 0 0 / .15)!important}.side-panel-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;align-items:start;margin-top:2rem}.side-panel-columns .swatch-section[data-side]{background:#fff;border:1.2px solid #e3d1cf;border-radius:12px;box-shadow:0 2px 10px rgb(177 32 40 / .03);padding:1.25rem 1rem 1.5rem}.side-panel-type-selector{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-bottom:1rem}.panel-type-thumb{display:block;background:#fff0;border:none;padding:0}.panel-type-thumb.selected img{border:2px solid #4a4f54}.panel-type-thumb .thumb-img img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#fff;border:1px solid #ccc;border-radius:2px;padding:6px;box-sizing:border-box}.side-panel-options{display:none;overflow:hidden!important}.side-panel-options[data-active="true"]{display:block}#side-flag-container,#side-midrail-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;padding:.5rem}input[name^="composite_panel_selector"],input[name^="flag_panel_selector"],input[name^="midrail_panel_selector"],input[name^="glazed_panel_selector"],input[name^="side_overlay_glass_selector"]{display:none!important}.side-panel-options[data-panel-type="composite"] .panel-swatch,.side-panel-options[data-panel-type="glazed"] .panel-swatch,#side-overlay-container-left .panel-swatch,#side-overlay-container-right .panel-swatch{display:block;background:#fff0;border:none;padding:0}.side-panel-options[data-panel-type="glazed"] .panel-swatch img,#side-overlay-container-left .panel-swatch img,#side-overlay-container-right .panel-swatch img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;background:#fff;border:1px solid #ccc;border-radius:2px;padding:0}.side-panel-options[data-panel-type="composite"] .panel-swatch img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#fff;border:1px solid #ccc;border-radius:2px;padding:2px}.side-panel-options[data-panel-type="composite"] .panel-swatch span,.side-panel-options[data-panel-type="glazed"] .panel-swatch span,#side-overlay-container-left .panel-swatch span,#side-overlay-container-right .panel-swatch span{display:none!important}.panel-swatch.selected img{border:2px solid #4a4f54}.panel-swatch:hover img{box-shadow:0 2px 10px rgb(0 0 0 / .08)}.side-panel-options[data-panel-type="composite"] .door-swatch-group,.side-panel-options[data-panel-type="glazed"] .door-swatch-group,#side-overlay-container-left,#side-overlay-container-right{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.side-panel-options[data-panel-type="composite"] .panel-swatch{flex:0 0 calc(100% / 5)!important;min-width:calc(100% / 5)!important}.side-panel-options[data-panel-type="glazed"] .panel-swatch,#side-overlay-container-left .panel-swatch,#side-overlay-container-right .panel-swatch{flex:0 0 calc(100% / 6);min-width:calc(100% / 6)}@media (min-width:768px){.side-panel-options[data-panel-type="glazed"] .panel-swatch,#side-overlay-container-left .panel-swatch,#side-overlay-container-right .panel-swatch{flex:0 0 calc(100% / 8);min-width:calc(100% / 8)}}.sticky-left-column.suppress-side-panels img[id^="side-"]{display:none!important}#side-composite-image-left-back,#side-composite-image-right-back{opacity:0;visibility:hidden;transition:opacity 0.3s}#side-composite-image-left-back.active,#side-composite-image-right-back.active{opacity:1;visibility:visible}#side-flag-image-left.active,#side-flag-image-right.active,#side-flag-image-left-back.active,#side-flag-image-right-back.active{display:block!important;opacity:1!important;visibility:visible!important}.side-panel-options[data-panel-type="composite"] .door-swatch-group,.side-panel-options[data-panel-type="glazed"] .door-swatch-group,#side-overlay-container-left,#side-overlay-container-right{scroll-behavior:smooth}.panel-swatch{scroll-snap-align:center}.panel-swatch.selected img{transform:scale(1.05);transition:transform 0.2s ease}.door-lock-swatch{display:flex!important;align-items:center;gap:16px;aspect-ratio:unset!important;height:auto!important;padding:12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}.door-lock-swatch img{width:80px;height:80px;object-fit:contain;flex-shrink:0}.door-lock-swatch .desc{font-size:12px;line-height:1.4;color:#444;display:block}.door-lock-swatch .swatch-price{margin-left:auto;font-weight:600;font-size:13px}.door-lock-swatch:hover{box-shadow:0 4px 14px rgb(0 0 0 / .12);transform:none!important}.door-lock-swatch.selected{border:2px solid #4a4f54;background:#fafafa}#door-lock-container-exterior.door-swatch-group{display:flex!important;flex-wrap:wrap!important;gap:12px!important}#door-lock-container-exterior .door-lock-swatch{width:calc(50% - 6px)}#door-lock-container-exterior.door-swatch-group{display:flex!important;flex-wrap:wrap!important;gap:12px!important}#door-lock-container-exterior .door-lock-swatch{width:calc(50% - 6px)}@media (max-width:768px){#door-lock-container-exterior .door-lock-swatch{width:100%!important}}@media (max-width:768px){.swatch-section{padding:12px!important;border:1px solid #e5e5e5!important;background:#ffffff!important;box-shadow:0 2px 6px rgb(0 0 0 / .04)!important;margin-bottom:14px!important}}