.belm-promo{background:#e5dfd2;padding:74px 0}.belm-promo-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.belm-promo h2{font-size:clamp(38px,4vw,58px)}.belm-promo p{max-width:410px;margin:22px 0 28px}.belm-promo-images{height:340px;display:flex;justify-content:center;align-items:flex-end;gap:28px;position:relative;padding-bottom:30px}.belm-promo-images img{object-fit:contain;height:100%;width:auto;max-width:40%;box-shadow:9px 9px 20px #15283718}.belm-promo-images img:first-child{height:88%}.belm-promo-images span{position:absolute;bottom:0;left:0;right:0;text-align:center;letter-spacing:.22em;font-size:8px;color:#6b695f}.designer-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;padding-top:37px;padding-bottom:36px}.designer-back{font-size:10px;color:#647179;display:inline-block;margin-bottom:25px}.designer-intro .eyebrow{margin-bottom:12px}.designer-intro h1{font-size:clamp(40px,4.5vw,65px);line-height:1.04}.designer-intro h1 em{font-style:normal;color:#796037}.designer-intro>p{max-width:390px;font-size:13px;line-height:1.9;padding-bottom:3px}.designer-shell{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:start;padding-bottom:60px}.designer-visual{position:sticky;top:115px;min-width:0}.visual-heading{display:flex;align-items:center;justify-content:space-between;padding:0 1px 13px}.visual-heading .eyebrow{margin:0;font-size:9px}.quiet-button{border:0;background:transparent;color:#4d5d64;padding:8px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.quiet-button:hover{color:#152837}.quiet-button[aria-pressed=true]{color:#8a6535}.door-scene{position:relative;height:535px;background:#ded8cc;overflow:hidden;border:1px solid #d6d2c9}.door-scene:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff6,transparent 50%,#56544912)}.door-scene[data-wall=brick]{background-color:#a57460;background-image:linear-gradient(335deg,#c59a861a 23px,transparent 23px),linear-gradient(155deg,#784f3f1a 23px,transparent 23px),linear-gradient(#dac0a7 2px,transparent 2px),linear-gradient(90deg,#dac0a7 2px,transparent 2px);background-size:60px 60px,60px 60px,60px 30px,60px 60px}.door-scene[data-wall=white]{background:#efede8}.door-scene[data-wall=stone]{background-color:#ded8cc;background-image:linear-gradient(#9c978c12 1px,transparent 1px);background-size:100% 80px}.scene-wordmark{position:absolute;left:23px;top:17px;font-size:25px;font-family:Georgia,serif;font-weight:700;letter-spacing:-.08em;opacity:.7;z-index:1}.door-scene[data-wall=brick] .scene-wordmark{color:#fff}.scene-footer{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;color:#4b554f;font-size:8px;letter-spacing:.08em}.door-scene[data-wall=brick] .scene-footer{color:#fff}.scene-footer span:last-child{letter-spacing:0;font-size:10px;text-align:right}#door-render{position:absolute;inset:0;padding:0 12px;height:100%;width:100%}.door-elevation{display:block;width:100%;height:100%;overflow:visible}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0 7px}.preview-bottom h2{font:400 30px/1.1 Editorial,Georgia,serif;letter-spacing:-.02em}.preview-bottom p{font-size:11px;margin-top:5px}.wall-controls{display:flex;gap:10px;align-items:center}.wall-controls button{background:var(--wall);width:28px;height:28px;border:3px solid #f7f5ef;border-radius:50%;outline:1px solid #a4a49b;outline-offset:1px}.wall-controls button[aria-pressed=true]{outline:2px solid #796037;outline-offset:2px}.preview-caption{font-size:10px;line-height:1.65;color:#74807e;max-width:510px}.designer-options{min-width:0;background:#fff;box-shadow:0 7px 25px #15283704;border:1px solid #e0e0d6}.designer-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e0e0d6}.designer-tabs button{min-height:76px;background:#fcfcf9;border:0;border-bottom:2px solid transparent;color:#748078;font-size:11px;padding:12px 7px}.designer-tabs button span{display:block;color:#929b95;font-size:9px;letter-spacing:.12em;margin-bottom:3px}.designer-tabs button[aria-selected=true]{color:#152837;background:#fff;border-bottom-color:#aa8c52;font-weight:700}.designer-tabs button[aria-selected=true] span{color:#8c6b31}.designer-panel{padding:30px 30px 24px}.designer-panel[hidden],.model-choice[hidden],.designer-colour[hidden],#sidelight-glass[hidden],#share-fallback[hidden]{display:none}.designer-panel>.eyebrow{font-size:8px;margin-bottom:12px}.designer-panel h2{font-size:34px;line-height:1.15;margin-bottom:12px}.designer-panel>p{font-size:12px;line-height:1.7}.model-filters{display:flex;gap:7px;margin:23px 0 18px}.model-filters button{background:none;border:1px solid #dddeda;border-radius:20px;padding:7px 12px;min-height:36px;font-size:10px;color:#5d696b}.model-filters button[aria-pressed=true]{background:#152837;color:white;border-color:#152837}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.model-choice{border:1px solid #e4e6df;background:#f8f8f4;padding:13px 5px 9px;min-width:0;position:relative;transition:border-color .2s,background .2s}.model-choice:hover{border-color:#a6ad9e}.model-choice[aria-pressed=true]{border:1px solid #a58a55;background:#f4efe4;box-shadow:inset 0 0 0 1px #a58a55}.model-choice img{height:112px;width:auto;max-width:90%;object-fit:contain;margin:0 auto 10px}.model-choice strong{display:block;font-size:10px;color:#1c3441;font-weight:700;white-space:nowrap}.model-choice small{display:block;font-size:7px;line-height:1.5;color:#6c7778;margin-top:3px}.model-check{position:absolute;top:4px;right:5px;width:14px;height:14px;line-height:14px;border-radius:50%;background:#a58a55;color:white;font-size:9px;display:none}.model-choice[aria-pressed=true] .model-check{display:block}.model-description{margin:20px 0 22px}.model-description p{font-size:11px;min-height:38px}.model-description a{display:inline-block;font-size:10px;color:#7c6b4d;text-decoration:underline;text-underline-offset:3px;margin-top:8px}.designer-next{width:100%;justify-content:space-between}.designer-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:27px}.designer-actions .button{font-size:10px;padding:14px 17px;gap:8px}.designer-assurance{border-top:1px solid #e6e6dd;background:#fcfcf9;padding:17px 30px;font-size:9px!important;line-height:1.7;color:#7e8580}.designer-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px;margin:28px 0}.designer-colour{border:0;background:transparent;text-align:center;padding:3px;color:#152837;min-height:95px}.designer-colour>span{display:grid;place-items:center;margin:0 auto 10px;width:46px;height:46px;border-radius:50%;background:var(--paint);color:transparent;outline:1px solid #13283715;outline-offset:3px;font-size:20px}.designer-colour[aria-pressed=true]>span{outline:2px solid #ab8a4e;outline-offset:4px;color:#fff;text-shadow:0 1px 4px #000a}.designer-colour strong{display:block;font-size:10px;font-weight:600}.designer-colour small{display:block;color:#818985;font-size:9px}.finish-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f5f4ee;border:1px solid #e8e5db}.finish-chip{width:35px;height:35px;flex-shrink:0}.finish-card strong{font-size:11px;display:block}.finish-card span:not(.finish-chip){font-size:10px;color:#748077;display:block;margin-top:2px}.designer-note{font-size:10px!important;line-height:1.7!important;color:#7b837e;margin-top:12px}.designer-fieldset{margin:25px 0 0;padding:0;border:0;min-width:0}.designer-fieldset legend{font-size:12px;font-weight:650;padding:0}.designer-fieldset .designer-note{margin-top:6px}.layout-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.layout-options button{border:1px solid #dedfd6;background:#fafbf8;color:#52636a;padding:8px 4px 10px;font-size:9px}.layout-options svg{width:57px;max-width:100%;height:52px;display:block;margin:auto}.layout-options span{display:block;margin-top:5px;white-space:nowrap;font-size:8px}.layout-options button[aria-pressed=true],.glass-options button[aria-pressed=true]{background:#f2ecdf;border-color:#a58a55;color:#152837;box-shadow:inset 0 0 0 1px #a58a55}.glass-options{display:flex;gap:10px;margin-top:12px}.glass-options button{padding:11px 16px;font-size:11px;background:#fafbf8;border:1px solid #dedfd6;color:#52636a;flex:1}.hardware-note{padding:20px 0;border-top:1px solid #e0e4db;margin-top:22px}.hardware-note .eyebrow{font-size:8px;margin-bottom:10px}.hardware-note strong{font-size:11px;line-height:1.7;display:block;font-weight:600}.hardware-note p{font-size:10px;margin-top:7px}.fingerprint-choice{display:flex;gap:13px;align-items:center;position:relative;cursor:pointer;padding:16px 0;border-top:1px solid #e0e4db;border-bottom:1px solid #e0e4db}.fingerprint-choice input{position:absolute;width:100%;height:100%;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.fingerprint-choice strong{display:block;font-size:12px;font-weight:650}.fingerprint-choice small{display:block;color:#7b837e;font-size:10px;margin-top:6px;line-height:1.6;max-width:320px}.toggle-track{width:38px;height:22px;background:#d4d9d1;border-radius:30px;flex-shrink:0;position:relative;margin-left:auto}.toggle-track:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.fingerprint-choice:has(input:checked) .toggle-track{background:#9a7c43}.fingerprint-choice:has(input:checked) .toggle-track:after{transform:translateX(16px)}.fingerprint-choice:has(input:focus-visible){outline:3px solid #b79960;outline-offset:4px}.measurement-details{margin-top:24px}.measurement-details summary{cursor:pointer;font-size:11px}.measurement-details summary span{float:right;color:#8c958e;font-size:9px}.measurement-details .field-grid{margin-top:16px;gap:14px;grid-template-columns:1fr 1fr}.measurement-details .field{margin-bottom:0;min-width:0}.measurement-details input{padding:10px;font-size:12px}.measurement-details label{font-size:10px}.design-summary{margin:25px 0}.design-summary>div{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #e5e6dc;font-size:10px;line-height:1.7}.design-summary dt{color:#80877f}.design-summary dd{margin:0;color:#223b47}.design-enquire{width:100%;font-size:12px}.design-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.design-save-actions button{font-size:10px;padding:12px 5px;border:1px solid #d6dad0;background:none;color:#344d59}.design-save-actions button:hover{background:#f5f4ee}.design-save-actions button:disabled{opacity:.6}#share-fallback label{font-size:10px;display:block;margin-top:15px}#design-url{font-size:10px;width:100%;padding:10px;border:1px solid #cdd4cc}#design-status:empty{display:none}.designer-help{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 0 65px;border-top:1px solid #d5d9d0}.designer-help>span{font:24px/1.2 Editorial,Georgia,serif;max-width:190px;flex-shrink:0}.designer-help p{font-size:11px;max-width:550px}.designer-help p a{text-decoration:underline;white-space:nowrap}.designer-help .text-link{white-space:nowrap;flex-shrink:0}.belm-contact-design{background:#eee9db;padding:20px 24px;border-left:3px solid #a58a55;margin-bottom:22px}.belm-contact-design p{font-size:12px}.belm-contact-design a{font-size:11px;text-decoration:underline;display:inline-block;margin-top:8px}
@media(min-width:1450px){.door-scene{height:590px}}
@media(max-width:1150px){.designer-shell{gap:25px;grid-template-columns:1fr 1fr}.designer-panel{padding:25px 20px}.designer-panel h2{font-size:30px}.model-grid{gap:7px}.model-choice img{height:100px}.model-choice small{font-size:6.5px}.model-choice strong{font-size:9px}.door-scene{height:500px}.designer-assurance{padding:16px 20px}.belm-promo-inner{gap:55px}}
@media(max-width:900px){.designer-shell{gap:20px}.designer-visual{top:97px}.door-scene{height:420px}.model-grid{grid-template-columns:repeat(2,1fr)}.model-choice img{height:105px}.designer-tabs button{font-size:9px;min-height:65px}.model-choice small{font-size:8px}.model-choice strong{font-size:10px}.designer-intro{padding-top:27px;gap:25px}.designer-intro>p{font-size:12px;max-width:285px}.designer-panel{padding:24px 16px}.designer-actions{gap:9px}.designer-actions .button{padding:12px 10px;font-size:9px}.layout-options{grid-template-columns:1fr 1fr}.layout-options span{font-size:10px}.designer-swatches{grid-template-columns:repeat(2,1fr)}.designer-help{flex-wrap:wrap}.designer-help p{flex:1}.designer-help .text-link{margin-left:auto}.design-summary>div{grid-template-columns:90px 1fr;gap:8px}.belm-promo-images{height:280px;gap:18px}.belm-promo-inner{gap:30px}}
@media(max-width:640px){.belm-promo{padding:50px 0}.belm-promo-inner{grid-template-columns:1fr;gap:30px}.belm-promo-images{height:300px}.belm-promo p{font-size:13px}.designer-intro{display:block;padding-top:20px;padding-bottom:24px}.designer-back{margin-bottom:20px}.designer-intro h1{font-size:42px}.designer-intro>p{max-width:100%;font-size:12px;margin-top:18px}.designer-intro>p br{display:none}.designer-shell{display:block;padding-bottom:32px;width:100%}.designer-visual{top:75px;z-index:15;background:#f7f5ef;padding:9px 20px 10px;box-shadow:0 7px 10px #1528370b}.visual-heading{padding-bottom:7px}.visual-heading .eyebrow{font-size:8px}.visual-heading .quiet-button{font-size:9px;padding:3px 0}.door-scene{height:265px}.scene-wordmark{font-size:20px;top:10px;left:14px}.scene-footer{left:12px;right:12px;bottom:9px;font-size:6px}.scene-footer span:last-child{font-size:8px}.preview-bottom{padding:9px 0 0}.preview-bottom h2{font-size:23px}.preview-bottom p{display:none}.wall-controls button{width:22px;height:22px}.wall-controls{gap:10px}.preview-caption{font-size:8px;line-height:1.45;margin-top:5px;max-width:100%}.designer-options{margin:16px 20px 0}.designer-tabs button{font-size:10px;min-height:62px}.designer-panel{padding:25px 19px}.designer-panel h2{font-size:32px}.model-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.model-choice{padding:12px 2px 9px}.model-choice img{height:99px;max-width:94%;margin-bottom:8px}.model-choice strong{font-size:8px}.model-choice small{font-size:6px}.model-description p{min-height:0}.model-filters{margin-top:20px}.designer-swatches{grid-template-columns:repeat(3,1fr);gap:15px 7px}.designer-colour strong{font-size:9px}.layout-options{grid-template-columns:repeat(4,1fr);gap:6px}.layout-options span{font-size:7px}.designer-actions .button{font-size:10px;padding:13px}.designer-assurance{font-size:9px!important}.designer-help{display:block;padding-top:25px;padding-bottom:45px}.designer-help>span{font-size:26px}.designer-help p{margin:15px 0}.designer-help .text-link{margin:0}.design-summary>div{grid-template-columns:95px 1fr}.designer-fieldset legend{font-size:11px}.designer-panel .designer-note{font-size:9px!important}.fingerprint-choice strong{font-size:11px}.measurement-details summary{font-size:10px}.measurement-details summary span{font-size:8px}.measurement-details label{font-size:9px}body:has(#door-designer) .floating-contact{display:none}body:has(#door-designer) footer{padding-bottom:25px}}
@media(max-width:380px){.designer-visual{padding-left:14px;padding-right:14px}.designer-options{margin-left:14px;margin-right:14px}.designer-panel{padding-left:14px;padding-right:14px}.model-choice img{height:88px}.model-choice small{font-size:5.8px}.model-filters button{font-size:9px;padding:7px 9px}}
@media(max-width:640px) and (max-height:740px){.door-scene{height:205px}.preview-caption{display:none}}
@media(min-width:901px){.nav{gap:17px;font-size:11px}.header-inner{gap:25px}.header-cta{font-size:10px;padding:13px}}
@media(prefers-reduced-motion:reduce){.toggle-track:after{transition:none}}
.catalogue-search{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:14px}.catalogue-search>div{min-width:0}.catalogue-search label{display:block;font-size:9px;color:#66756c;margin-bottom:5px}.catalogue-search input,.catalogue-search select{width:100%;min-height:40px;border:1px solid #d9ddd4;background:#fafbf8;padding:9px 10px;font-size:10px;color:#29424d;border-radius:0}.catalogue-results{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0;font-size:9px;color:#7a837c}.catalogue-results button{font-size:9px;border:0;background:none;color:#77603b;text-decoration:underline;padding:5px 0}.catalogue-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.catalogue-pagination span{font-size:9px;color:#7a837c}.catalogue-pagination button{font-size:10px;min-height:36px;padding:7px 10px;color:#28414d;background:#fafbf8;border:1px solid #d9ddd4}.catalogue-pagination button:disabled{opacity:.35}.catalogue-empty{font-size:12px;padding:20px 10px;border:1px solid #e0e4d9;background:#f7f7f1}.catalogue-empty[hidden],#model-detail[hidden]{display:none}.model-filters{flex-wrap:wrap;gap:6px;margin-bottom:15px}.model-filters button{padding:7px 10px}.model-choice strong{white-space:normal;line-height:1.4;min-height:15px}.model-choice small{line-height:1.5}.model-choice img{height:106px}.model-description p{min-height:0}#model-detail{display:flex;align-items:center;gap:13px;padding:13px;background:#f3f0e6;border:1px solid #e0d8c9;margin-top:12px}#model-detail img{width:72px;height:88px;object-fit:contain;flex-shrink:0}#model-detail p{font-size:9px;color:#65726e;line-height:1.6}.designer-colour[hidden]{display:none}
@media(max-width:640px){.catalogue-search input,.catalogue-search select{font-size:11px}.model-filters button{padding:7px 9px;font-size:9px}.model-choice img{height:95px}.model-choice strong{font-size:8px}.model-choice small{font-size:6px}.catalogue-results{font-size:9px}.catalogue-pagination button{min-height:40px;padding:9px 12px}.catalogue-search{grid-template-columns:1.1fr 1fr}.model-description p{font-size:10px}.model-filters{margin-top:17px}}
.ral-picker{border:1px solid #d9d5c8;background:#faf9f4;margin:0 0 22px}.ral-picker[hidden]{display:none}.ral-picker summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;padding:17px 18px;list-style:none}.ral-picker summary::-webkit-details-marker{display:none}.ral-picker summary strong{font-size:12px;color:#203b48}.ral-picker summary>span{font-size:10px;color:#80683f}.ral-picker-content{padding:0 18px 19px;border-top:1px solid #e8e3d7}.ral-picker-content>p:first-child{font-size:11px;margin:14px 0}.ral-picker label{display:block;font-size:10px;font-weight:600;margin-bottom:7px}.ral-search{display:flex;gap:8px}.ral-search input{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #cbd1c6;background:#fff;color:#203b48;font-size:12px;border-radius:0}.ral-search input[aria-invalid=true]{border-color:#a64734}.ral-search button{flex-shrink:0;padding:11px 13px;background:#152837;color:#fff;border:1px solid #152837;font-size:10px}.ral-picker .ral-status{font-size:10px;color:#536757;line-height:1.6;margin-top:9px}.ral-status:empty{display:none}.ral-picker summary:focus-visible,.ral-search input:focus-visible,.ral-search button:focus-visible{outline:2px solid #a58a55;outline-offset:3px}@media(max-width:640px){.ral-picker summary{padding:16px 13px}.ral-picker-content{padding:0 13px 15px}.ral-search{flex-wrap:wrap}.ral-search input{font-size:16px;flex-basis:100%}.ral-search button{min-height:44px;width:100%;font-size:11px}}
.standard-colour-heading{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.standard-colour-heading h3{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:0}.standard-colour-heading>span{font-size:9px;color:#4e6754}.standard-colour-heading+.designer-swatches{margin-top:18px}.colour-charge{padding:12px 14px;margin-top:10px;font-size:11px;line-height:1.6;background:#edf3ec;color:#365240;border-left:3px solid #688363}.colour-charge[data-uplift=true]{background:#f6efdf;color:#705023;border-left-color:#b69048}.colour-charge[hidden]{display:none}
.hardware-selector{margin-top:22px}.hardware-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.hardware-style-grid button{position:relative;min-width:0;background:#fff;border:1px solid #dedfd6;padding:12px 7px;color:#263e49;text-align:center}.hardware-style-grid button[hidden]{display:none}.hardware-style-grid button[aria-pressed=true]{border-color:#a58a55;box-shadow:inset 0 0 0 1px #a58a55;background:#faf7ef}.hardware-style-grid img{display:block;height:82px;width:100%;object-fit:contain;margin:0 auto 10px}.hardware-style-grid strong{display:block;font-size:10px;line-height:1.45}.hardware-style-grid small{display:block;font-size:8px;color:#788179;line-height:1.5;margin-top:4px}.hardware-variant-field{margin-top:18px}.hardware-variant-field label,.hardware-accessory-fields label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.hardware-variant-field select,.hardware-accessory-fields select{width:100%;min-width:0;min-height:44px;padding:11px 30px 11px 10px;border:1px solid #cdd3c8;background:#fff;color:#263e49;font-size:11px;border-radius:0}.hardware-selected{display:flex;gap:17px;align-items:center;margin-top:17px;padding:17px;background:#f6f4ed;border:1px solid #e1dbce}.hardware-selected>img{width:72px;height:130px;object-fit:contain;background:#fff;flex-shrink:0}.hardware-selected strong{display:block;font-size:12px;line-height:1.5}.hardware-selected span{display:block;font-size:10px;color:#6e776e;margin-top:5px;line-height:1.6}.hardware-selected p{font-size:9px;line-height:1.6;margin-top:9px;color:#757e75}.hardware-source-link{display:inline-block;font-size:10px;color:#80683f;text-decoration:underline;text-underline-offset:3px;margin-top:13px}.hardware-accessories{padding-top:22px;border-top:1px solid #e0e4db}.hardware-accessory-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.hardware-accessory-fields>div{min-width:0}.hardware-accessory-images{display:flex;gap:14px;margin-top:14px}.hardware-accessory-images figure{background:#faf9f5;border:1px solid #e5e0d5;padding:12px;width:50%;text-align:center;margin:0}.hardware-accessory-images img{height:65px;width:100%;object-fit:contain}.hardware-accessory-images figcaption{font-size:10px;line-height:1.5;margin-top:7px}.hardware-accessory-images small{display:block;color:#748077;font-size:9px}.hardware-selector+.fingerprint-choice{margin-top:20px}.hardware-accessories+.fingerprint-choice{margin-top:20px}.selected-hardware-preview{margin-top:12px;padding:12px 14px;background:#fff;border:1px solid #dedbcf;display:flex;align-items:center;gap:12px;justify-content:space-between}#hardware-preview-items{display:flex;align-items:center;gap:12px;min-width:0}.hardware-mini-images{display:flex;gap:5px;flex-shrink:0}.hardware-mini-images img{width:30px;height:57px;object-fit:contain}.selected-hardware-preview strong{display:block;font-size:10px;line-height:1.5}.selected-hardware-preview span{display:block;font-size:10px;margin-top:2px}.selected-hardware-preview small{display:block;font-size:8px;color:#7b837e;margin-top:4px}.selected-hardware-preview .quiet-button{font-size:9px;flex-shrink:0}.selected-hardware-preview[hidden],.hardware-selected[hidden],.hardware-variant-field[hidden],.hardware-accessories[hidden],.hardware-accessory-fields>div[hidden]{display:none}#hardware-change-status:empty{display:none}.hardware-style-grid button:focus-visible{outline:2px solid #a58a55;outline-offset:3px}@media(max-width:640px){.hardware-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hardware-style-grid img{height:70px}.hardware-style-grid strong{font-size:9px}.hardware-style-grid small{font-size:7px}.hardware-variant-field select,.hardware-accessory-fields select{font-size:16px}.hardware-accessory-fields{grid-template-columns:1fr}.hardware-selected{gap:12px;padding:13px}.hardware-selected>img{width:60px;height:115px}.hardware-selected strong{font-size:11px}.selected-hardware-preview{padding:8px 10px;margin-top:8px;gap:7px}.hardware-mini-images img{width:21px;height:36px}.hardware-mini-images{gap:3px}#hardware-preview-items{gap:8px}.selected-hardware-preview strong{font-size:9px}.selected-hardware-preview span{font-size:8px}.selected-hardware-preview small{font-size:7px}.selected-hardware-preview .quiet-button{font-size:8px}.designer-visual[data-hardware=true] .door-scene{height:205px}}@media(max-width:640px) and (max-height:740px){.designer-visual[data-hardware=true] .door-scene{height:165px}.selected-hardware-preview small{display:none}}
.hardware-selected .hardware-paint-chip{display:block;width:30px;height:20px;margin-top:8px;border:1px solid #15283730}.hardware-selected .hardware-paint-chip[hidden]{display:none}