.catalog-page,.download-page{padding:36px 6% 0;max-width:1600px;margin:auto}.catalog-title{margin-bottom:38px;max-width:780px}.catalog-title h1{font-size:clamp(34px,4vw,54px);margin:18px 0}.catalog-title p{color:#62605e}.configurator{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:start}.preview-panel{background:#eae3dd;position:sticky;top:24px;padding:24px 30px}.preview-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px}.preview-label span:last-child{text-align:right}.door-preview{display:block;width:100%;height:420px;margin:12px auto}.preview-caption{text-align:center}.preview-caption h2{font-size:26px;letter-spacing:-.03em;margin-bottom:6px}.preview-caption p{font-size:14px}.core-preview{display:flex;align-items:center;gap:20px;border-top:1px solid #c9c6c1;margin-top:22px;padding-top:20px}.core-preview img{width:84px;height:126px;object-fit:contain;background:white}.core-preview h3{font-size:17px;margin:6px 0}.core-preview p{font-size:14px;line-height:1.6}.preview-note{font-size:12px;line-height:1.7;color:#62605e;margin-top:18px}.configuration fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}.configuration legend{font-weight:500;font-size:19px;margin-bottom:16px;padding:0}.configuration legend>span{color:#875222;margin-right:12px;font-size:14px}.core-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.finish-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{display:block;position:relative;cursor:pointer;min-width:0}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice-content{display:flex;height:100%;justify-content:center;align-items:center;gap:8px;border:1px solid #c9c6c1;padding:14px 10px;font-size:14px;text-align:center;line-height:1.5;transition:border-color .15s,background .15s}.choice input:checked+.choice-content{border:2px solid #875222;padding:13px 9px;background:#eee5da}.choice input:focus-visible+.choice-content{outline:3px solid #B87533;outline-offset:4px}.choice:hover .choice-content{border-color:#875222}.field-note{font-size:13px;line-height:1.7;color:#62605e;margin-top:12px}.swatch-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.swatch .choice-content{display:flex;flex-direction:column;align-items:stretch;padding:6px;justify-content:flex-start}.swatch input:checked+.choice-content{padding:5px}.swatch img{width:100%;height:76px;object-fit:cover;display:block}.swatch .choice-content>span{font-size:13px;line-height:1.4;padding:4px 0}.configuration-summary{border-top:1px solid #c9c6c1;padding-top:25px}.configuration-summary h2{font-size:23px;letter-spacing:-.02em}.configuration-summary dl{margin:20px 0}.configuration-summary dl>div{display:flex;gap:25px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eae3dd;font-size:14px}.configuration-summary dt{color:#62605e}.configuration-summary dd{margin:0;text-align:right;font-weight:500}.config-cta{background:#2b2b2b;color:#f8f8f6}.config-cta:hover{background:#4a3c30;color:#fff}.configuration .config-cta{display:flex;width:100%}.catalog-download{border-top:1px solid #c9c6c1;margin-top:70px;padding:45px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.catalog-download h2{font-size:28px;letter-spacing:-.03em;margin:10px 0}.catalog-download p{color:#62605e}.catalog-download .text-link{flex-shrink:0}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.download-card{padding:36px;background:#eae3dd;border-top:3px solid #b87533}.download-card h2{font-size:30px;letter-spacing:-.03em;margin:28px 0 18px}.download-card>p{color:#62605e}.download-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:30px}.download-actions .text-link{margin:0}.download-page{min-height:70vh}
@media(max-width:1050px){.configurator{gap:25px}.preview-panel{padding:22px}.core-options{grid-template-columns:1fr}.core-options .choice-content{padding:10px}.core-options input:checked+.choice-content{padding:9px}.preview-label{flex-wrap:wrap}.door-preview{height:360px}.swatch-options{gap:8px}.catalog-download{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.catalog-page,.download-page{padding:25px 6% 0}.catalog-title{margin-bottom:28px}.configurator{grid-template-columns:1fr;gap:28px}.preview-panel{position:static;padding:20px}.door-preview{height:290px;margin:0 auto}.preview-caption h2{font-size:24px}.core-preview{gap:14px;margin-top:16px;padding-top:14px}.core-preview img{width:60px;height:88px}.core-preview h3{font-size:16px}.core-preview p{font-size:13px}.preview-note{font-size:12px}.core-options{grid-template-columns:repeat(3,1fr)}.core-options .choice-content{padding:10px 6px;font-size:13px}.core-options input:checked+.choice-content{padding:9px 5px}.configuration legend{font-size:18px}.download-grid{grid-template-columns:1fr}.download-card{padding:25px}.download-card h2{font-size:28px}.catalog-download{margin-top:45px}.catalog-download h2{font-size:26px}.preview-label{font-size:12px;letter-spacing:.4px}.swatch img{height:68px}}
.config-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.config-actions #request-quote{grid-column:1/-1}.config-actions .button{width:100%;font-size:13px;justify-content:center;text-align:center;min-height:50px;padding:12px}.button-outline{border:1px solid #2b2b2b;background:transparent;color:#2b2b2b;cursor:pointer}.button-outline:hover{background:#eae3dd}.upgrade-section{border-top:1px solid #c9c6c1;margin-top:70px;padding:58px 0 0}.upgrade-section h2{font-size:clamp(28px,3.4vw,44px);margin:15px 0 12px}.upgrade-section>p{max-width:760px;color:#62605e}.guide fieldset{border:0;margin:28px 0 22px;padding:0}.guide legend{font-weight:500;margin-bottom:14px}.guide-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.guide-options label{border:1px solid #c9c6c1;padding:13px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:9px;min-height:64px}.guide-options label:has(input:checked){border:2px solid #b87533;background:#eee5da}.guide-options input{accent-color:#875222}.guide-result{background:#eae3dd;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:25px}.guide-result h3{font-size:22px;margin:9px 0;font-weight:500}.guide-result p{max-width:620px;color:#62605e}.guide-result .button{white-space:nowrap;border:0;cursor:pointer}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:27px}.compare-card{min-height:210px;background:#eae3dd;padding:24px;border-top:2px solid #b87533}.compare-card>span{font-size:12px;letter-spacing:1px}.compare-card h3{font-size:22px;font-weight:500;margin:18px 0 10px}.compare-card p{color:#62605e}.compare-card dl{margin:16px 0 0}.compare-card dl>div{display:flex;gap:14px;justify-content:space-between;border-top:1px solid #c9c6c1;padding:7px 0;font-size:14px}.compare-card dd{margin:0;text-align:right;font-weight:500}.compare-card .text-link{margin:12px 0 0}.button-link{background:none;color:inherit;font:inherit;cursor:pointer}.room-picker{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:6px 0 14px}.view-button{border:1px solid #aaa49c;background:transparent;padding:7px 13px;cursor:pointer;color:#2b2b2b;font-size:13px}.view-button.is-active{background:#2b2b2b;color:#f8f8f6;border-color:#2b2b2b}.room-stage{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#c9c6c1;margin-bottom:18px}.room-stage[hidden]{display:none}.room-stage>img{width:100%;height:100%;object-fit:cover;display:block}.room-door{position:absolute;background:#fff;background-image:url('../images/catalog/hpl-0.webp');background-size:100% 100%;border:1px solid #65584c;box-shadow:inset -7px 0 9px #0001,inset 4px 0 6px #fff3}.room-door img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}.room-disclaimer{position:absolute;bottom:0;left:0;right:0;background:#2b2b2bcc;color:white;padding:7px 10px;font-size:11px}.door-preview[hidden]{display:none}.quote-section{background:#eae3dd;padding:40px;margin-left:-2%;margin-right:-2%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:27px}.form-grid label{font-size:14px;font-weight:500;display:flex;flex-direction:column;gap:8px}.form-grid input,.form-grid select{background:#f8f8f6;border:1px solid #aaa49c;font:inherit;font-size:15px;color:#2b2b2b;min-height:48px;padding:10px 12px;width:100%;border-radius:0}.form-grid input:focus-visible,.form-grid select:focus-visible{outline:2px solid #b87533;outline-offset:2px}.quote-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.quote-actions button{cursor:pointer;border-radius:0}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.evidence-grid figure{margin:0;background:#eae3dd}.evidence-grid img{width:100%;height:280px;object-fit:cover;display:block}.evidence-grid figcaption{font-size:14px;padding:14px}.evidence-section>.field-note{max-width:none}.catalog-title .text-link{margin-top:15px}
@media(max-width:900px){.guide-options{grid-template-columns:1fr 1fr}.evidence-grid img{height:210px}.guide-result{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.upgrade-section{margin-top:45px;padding-top:40px}.upgrade-section h2{font-size:30px}.guide-options,.compare-grid,.form-grid{grid-template-columns:1fr}.guide-options label{min-height:54px}.guide-result{padding:20px}.guide-result .button{width:100%;justify-content:center}.quote-section{padding:25px;margin-left:-6.8%;margin-right:-6.8%}.quote-actions .button{width:100%;justify-content:center}.evidence-grid{grid-template-columns:1fr}.evidence-grid img{height:230px}.config-actions{grid-template-columns:1fr}.config-actions #request-quote{grid-column:auto}.room-stage{margin-top:6px}.compare-card{min-height:140px}}
.room-door{box-shadow:inset -7px 0 10px #0002,inset 3px 0 5px #fff3}.room-door img{mix-blend-mode:multiply;opacity:.86}.room-door:before{content:"";position:absolute;z-index:1;left:5%;top:54%;width:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ece8e0,#77736c 75%);box-shadow:1px 1px 3px #3338}.room-door:after{content:"";position:absolute;z-index:2;left:9%;top:56%;width:20%;height:1.1%;min-height:2px;border-radius:4px;background:linear-gradient(#e1ded7,#76716b);box-shadow:1px 1px 2px #4448}.share-fallback{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #aaa49c;background:#f8f8f6;color:#2b2b2b;font:inherit;font-size:13px}.quote-section[hidden]{display:none}
