.hardware-visual-selector {margin-bottom:22px}
        .hardware-selector-step {margin-bottom:22px}
        .hardware-selector-step[hidden] {display:none}
        .hardware-selector-title {display:flex;align-items:center;gap:7px;margin:0 0 5px;font-size:18px;font-weight:700;color:#222}
        .hardware-selector-help {margin:0 0 12px;color:#666;font-size:13px}
        .hardware-selector-info {color:#b51f24;font-size:12px;font-weight:600;text-decoration:underline}
        .hardware-selector-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
        .hardware-selector-grid--finishes {grid-template-columns:repeat(4,minmax(0,1fr))}
        .hardware-selector-grid--handles {grid-template-columns:repeat(3,minmax(0,1fr))}
        .hardware-selector-grid--letterboxes {grid-template-columns:repeat(2,minmax(0,220px))}
        .hardware-selector-grid--knockers {grid-template-columns:repeat(4,minmax(0,1fr))}
        .hardware-choice {position:relative;display:flex;min-width:0;min-height:100%;flex-direction:column;align-items:center;padding:0 0 12px;border:2px solid #d9dde2;border-radius:7px;background:#fff;color:#222;text-align:center;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
        .hardware-choice:hover:not(:disabled) {border-color:#79a94a;transform:translateY(-1px)}
        .hardware-choice.is-selected {border-color:#527f1d;box-shadow:0 0 0 3px rgba(82,127,29,.15)}
        .hardware-choice.is-selected::after {content:'\2713';position:absolute;top:7px;right:7px;display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:#527f1d;color:#fff;font-size:14px;font-weight:700}
        .hardware-choice:disabled {opacity:.5;cursor:not-allowed}
        .hardware-choice__image {display:block;width:100%;height:115px;margin-bottom:10px;background:#f7f7f7;object-fit:contain}
        .hardware-choice--finish .hardware-choice__image {width:calc(100% - 20px);height:105px;margin:10px 10px 8px;padding:5px;background:#fff}
        .hardware-choice--finish .hardware-choice__image--white-finish {width:66px;margin-right:auto;margin-left:auto;border:1px solid #d9dde2;box-sizing:border-box}
        .hardware-choice--handle .hardware-choice__image {height:135px;padding:5px}
        .hardware-choice--handle .hardware-choice__image--sweet {padding:5px;background:#fff;object-fit:contain}
        .hardware-choice--handle .hardware-choice__image--standard {padding:0;background:transparent}
        .hardware-choice--handle .hardware-choice__image--contemporary {background:transparent}
        .hardware-choice--letterbox .hardware-choice__image {height:105px;padding:12px;border-bottom:1px solid #edf0f2;background:#f7f7f7;object-fit:contain}
        .hardware-choice--knocker .hardware-choice__image {height:170px;padding:10px;border-bottom:1px solid #edf0f2;background:#fff;object-fit:contain}
        .hardware-choice--knocker .hardware-choice__image--knocker {transform:scale(.75)}
        .hardware-choice--knocker .hardware-choice__image--spyhole {transform:scale(.5)}
        .hardware-choice__name {padding:0 8px;font-size:13px;font-weight:700;line-height:1.3}
        .hardware-choice__meta {margin-top:5px;padding:0 8px;color:#687078;font-size:11px;line-height:1.3}
        .hardware-choice__price {margin-top:6px;color:#b51f24;font-size:12px;font-weight:700}
        .hardware-native-control {margin:0!important}
        .hardware-native-control > label,.hardware-native-control > select,.hardware-native-control > a {position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}
        #group7 .colour-item[hidden] {display:none!important}
        /* Keep the same selected-state language throughout the visual configurator. */
        #order .form-group > label.u-check:not(.colour-card) {position:relative;display:inline-flex;align-items:center;min-height:44px;margin:0 10px 10px 0!important;padding:5px 36px 5px 10px!important;border:2px solid #d9dde2;border-radius:7px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
        #order .form-group > label.u-check:not(.colour-card):hover {border-color:#79a94a;transform:translateY(-1px)}
        #order .form-group > label.u-check:not(.colour-card):has(> input:checked) {border-color:#527f1d;box-shadow:0 0 0 3px rgba(82,127,29,.15)}
        #order .form-group > label.u-check:not(.colour-card) > .u-check-icon-radio-v4 {display:none}
        .colour-card:has(input:checked)::after,
        .hinge-choice:has(input:checked)::after,
        #order .form-group > label.u-check:not(.colour-card):has(> input:checked)::after {content:'\2713';position:absolute;top:7px;right:7px;display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:#527f1d;color:#fff;font-size:14px;font-weight:700;line-height:1}

        @media (max-width:767px) {.hardware-selector-grid,.hardware-selector-grid--finishes,.hardware-selector-grid--handles,.hardware-selector-grid--knockers {grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-choice__image{height:100px}.hardware-choice--handle .hardware-choice__image{height:120px}.hardware-choice--knocker .hardware-choice__image{height:150px}}
.fire-preview-column>div:first-child{position:sticky;top:110px;background:white;z-index:2}.fire-preview-column [data-fire-preview]{max-height:52vh;width:auto;max-width:100%}.fire-preview-column #carousel-08-2 [data-fire-preview]{max-height:110px}#fire-mobile-preview{background:white;position:sticky;top:var(--fire-price-bottom,150px);z-index:90;padding:8px;margin-top:0!important}#fire-mobile-preview img{height:29vh;max-height:230px;width:auto!important}#order .colour-card input[type=radio]{opacity:0;position:absolute;width:1px;height:1px}#order .colour-card:has(input:checked){border-color:#79a94a!important}#order .colour-card:not(:has(input:checked)){border-color:transparent!important}
.fire-choice-group{width:100%;margin-top:12px;margin-bottom:22px}.fire-choice-group>select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.fire-choice-grid{margin-bottom:15px}.fire-choice{font-family:inherit;width:100%}.fire-choice:focus-visible{outline:3px solid #527f1d;outline-offset:2px}.colour-card{position:relative}#order .colour-tick{display:none!important}@media(max-width:575px){.fire-preview-column>div:first-child{position:static}}

/* Match the standard order page's option price typography. */
#order .colour-card__price{display:block;margin-top:4px;color:#b51f24;font-size:11px;font-weight:700}
#order .option-price-label{display:inline-block;margin-left:6px;color:#b51f24;font-size:12px;font-weight:700}

/* Use the standard order page hinge-card geometry and selected state. */
        .hinge-choice-grid {display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:12px;margin-top:12px}
        .hinge-choice {position:relative;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:13px;border:2px solid #d9dde2;border-radius:7px;background:#fff;cursor:pointer}
        .hinge-choice:hover {border-color:#79a94a}
        .hinge-choice:has(input:checked) {border-color:#527f1d;background:#fff;box-shadow:0 0 0 3px rgba(82,127,29,.15)}
        .hinge-choice input {position:absolute;opacity:0}
        .hinge-choice input:focus-visible + .hinge-choice__diagram {outline:3px solid #527f1d;outline-offset:3px}
        .hinge-choice__diagram {position:relative;width:38px;height:48px;border:3px solid #50555b;background:#fff}
        .hinge-choice__diagram::before {content:'';position:absolute;top:5px;width:5px;height:7px;border-radius:1px;background:#202326;box-shadow:0 14px 0 #202326,0 28px 0 #202326}
        .hinge-choice--left .hinge-choice__diagram::before {left:-5px}.hinge-choice--right .hinge-choice__diagram::before {right:-5px}
        .hinge-choice__diagram::after {content:'';position:absolute;top:22px;width:5px;height:5px;border-radius:50%;background:#b51f24}
        .hinge-choice--left .hinge-choice__diagram::after {right:5px}.hinge-choice--right .hinge-choice__diagram::after {left:5px}
        .hinge-choice__name {display:block;font-weight:700}.hinge-choice__view {display:block;margin-top:2px;color:#666;font-size:11px}
@media(max-width:575px){.hinge-choice-grid{grid-template-columns:1fr}}