.hndoor{--ink:#342a31;--plum:#67525f;--paper:#faf8f5;--line:#ded7d3;font-family:"Spline Sans",Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.55}.hndoor *{box-sizing:border-box}.hndoor dialog{color:var(--ink);background:var(--paper);border:0;border-radius:10px;width:min(1280px,96vw);max-width:96vw;max-height:94dvh;padding:28px;box-shadow:0 20px 100px #0004;overflow:auto}.hndoor dialog::backdrop{background:#21151dcc;backdrop-filter:blur(3px)}.hndoor h2{font:normal clamp(24px,3vw,38px)/1.15 "DM Sans",Arial,sans-serif;margin:6px 0}.hndoor h3{font:normal 23px/1.25 "DM Sans",Arial,sans-serif;margin:0 0 14px}.hndoor p{margin:8px 0 14px}.hndoor button,.hn-configure{font:600 14px/1.3 "Spline Sans",Arial,sans-serif!important;cursor:pointer;padding:12px 17px;border:1px solid #67525f;border-radius:4px;background:white;color:#58434f;min-height:44px;text-transform:none;letter-spacing:0}.hndoor button:hover,.hn-configure:hover{background:#eee8ec;color:#342a31}.hndoor button:disabled{opacity:.5;cursor:not-allowed}.hndoor button:focus-visible,.hndoor input:focus-visible,.hndoor select:focus-visible,.hndoor a:focus-visible,.hndoor textarea:focus-visible,.hn-configure:focus-visible{outline:3px solid #236d8c;outline-offset:3px}.hndoor .hn-primary,.hn-configure{background:#67525f;color:white}.hn-configure{display:inline-block;margin:12px 0}.doors-products-grid .hn-configure{margin:8px 16px 16px;position:relative;z-index:5}.hndoor .hn-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.hn-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;display:block;text-transform:uppercase}.hndoor .hn-top>button{flex:none}.hn-message{color:#754813;font-weight:600}.hn-message:empty{display:none}.hn-small{font-size:12px;line-height:1.5;color:#665d62}.hn-intro{max-width:850px;margin:18px 0}.hn-filters{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:12px;padding:18px;background:#eee9e6;border-radius:6px}.hndoor label{font-size:12px;font-weight:600}.hndoor input[type=search],.hndoor select,.hndoor textarea{width:100%;background:white;border:1px solid #b8abb2;border-radius:4px;min-height:44px;padding:10px;font:normal 14px/1.4 "Spline Sans",Arial,sans-serif;color:#342a31;margin-top:6px;box-shadow:none}.hn-browse-actions,.hn-build-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;flex-wrap:wrap}.hn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hn-card{padding:18px;background:white;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:stretch}.hn-card .hn-image-button{padding:10px;border:0;background:#f5f3f0;height:250px;margin-bottom:18px}.hn-card img{height:100%;width:100%;object-fit:contain}.hn-card h3{font-size:19px;margin:8px 0}.hn-card p{font-size:13px;margin:4px 0}.hn-card .hn-primary{margin-top:auto}.hn-card .hn-small{padding-bottom:12px}.hn-check{display:flex;gap:8px;align-items:center;margin-top:12px;min-height:36px}.hndoor input[type=checkbox]{width:18px;height:18px;accent-color:var(--plum)}.hndoor .hn-more{display:block;margin:24px auto}.hn-build{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(340px,1.1fr);gap:40px}.hn-visual{position:sticky;top:0;align-self:start;padding:20px;background:#eeebe7;border-radius:8px;text-align:center}.hn-photo{height:390px;display:flex;align-items:center;justify-content:center}.hn-photo img,.hn-photo canvas{height:100%;max-width:100%;width:auto;object-fit:contain}.hndoor [hidden]{display:none!important}#hn-dimension svg{max-height:210px;max-width:100%;width:auto}.hn-controls section{padding:24px 0;border-bottom:1px solid var(--line)}.hn-controls section:first-of-type{padding-top:12px}.hn-field{display:block;margin:14px 0}.hn-notice{border-left:4px solid var(--plum);background:#ece5ea;padding:12px 15px;font-weight:600}.hn-swatch-label{display:inline-flex;align-items:center;gap:8px;margin:8px 14px 8px 0;font-size:12px}.hn-swatch-label i{width:28px;height:28px;display:block;border:1px solid #aaa;border-radius:50%}.hn-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hn-errors{padding:15px;background:#fff1e5;color:#6b2d10;border-left:4px solid #9b5425}.hn-good{color:#335e46}.hndoor ul{margin:10px 0;padding-left:22px}.hndoor details{font-size:13px}.hndoor summary{cursor:pointer;padding:10px 0;font-weight:600}.hndoor figure{margin:12px 0}.hndoor figure img{max-width:100%;max-height:110px;object-fit:contain}.hndoor figcaption{font-size:11px;margin-top:6px}.hn-comparison{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:20px;overflow-x:auto;margin-top:25px}.hn-comparison article{padding:18px;background:white;border:1px solid var(--line)}.hn-comparison img{width:100%;height:340px;object-fit:contain}.hn-comparison h3{font-size:20px}.hn-landing{padding:60px 25px;max-width:1050px;margin:auto}.hn-landing h1{font:normal clamp(38px,6vw,72px)/1.05 "DM Sans",Arial,sans-serif;color:#58434f}.hn-landing>p{max-width:580px}.hn-inquiry-context{padding:25px;border:1px solid #ded7d3;margin:20px 0}.hn-inquiry-context pre{font-size:12px;max-height:300px;overflow:auto;white-space:pre-wrap}.hn-loading{padding:50px}.hndoor a{color:#674754;text-decoration:underline}.hn-profile figure{display:inline-block}.hndoor textarea{resize:vertical} @media(max-width:900px){.hn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hn-filters{grid-template-columns:1fr 1fr}.hn-build{gap:20px;grid-template-columns:.8fr 1.2fr}.hn-photo{height:310px}}@media(max-width:650px){.hndoor dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;padding:18px}.hn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hn-card{padding:10px}.hn-card .hn-image-button{height:200px}.hn-card h3{font-size:17px}.hn-build{display:flex;flex-direction:column}.hn-visual{position:static;width:100%;padding:16px}.hn-photo{height:300px}#hn-dimension svg{max-height:150px}.hn-filters{padding:12px;gap:8px}.hn-browse-actions{font-size:13px}.hn-comparison{grid-template-columns:repeat(4,220px)}.hn-build-nav{font-size:12px}.hn-top h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.hndoor *{scroll-behavior:auto!important}}@media print{.hndoor dialog{position:static;height:auto;max-height:none}.hn-buttons,.hn-top button,.hn-build-nav{display:none}}

.hn-entry-photo{display:flex;align-items:center;justify-content:center;gap:8px;height:390px}.hn-entry-photo .hn-photo{min-width:0;max-width:70%}.hn-entry-photo .hn-side-photo{height:100%;max-width:20%;object-fit:contain}.hndoor select{overflow:hidden;text-overflow:ellipsis}.hndoor section{min-width:0}@media(max-width:900px){.hn-entry-photo{height:310px}}@media(max-width:650px){.hn-entry-photo{height:300px}}
/* Product-page picture controls: no modal and no option dropdowns. */
.hn-inline{width:100%;min-width:0}.hn-inline-head{border-bottom:1px solid #ded7d3;padding:16px 0 24px;margin-bottom:25px}.hn-inline .hn-product-title{font:normal clamp(28px,3vw,46px)/1.12 "DM Sans",Arial,sans-serif!important;color:#58434f;margin:8px 0 20px}.hn-inline .hn-build{grid-template-columns:minmax(240px,.78fr) minmax(380px,1.22fr);gap:38px}.hn-inline .hn-visual{top:115px;max-height:calc(100vh - 135px);overflow:auto;background:#faf8f5}.hn-inline .hn-entry-photo,.hn-inline .hn-photo{height:460px}.hn-inline .hn-entry-photo .hn-photo{max-width:70%}.hn-inline #hn-dimension svg{max-height:125px}.hn-inline :is(#hn-transom-preview,.hn-transom-over) img{max-height:85px;max-width:100%;width:auto}.hn-inline .hn-transom-over figure{margin:0 0 10px}.hn-inline .hn-jumps{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:13px}.hn-inline section{scroll-margin-top:125px}.hn-choice-group{border:0;padding:0;margin:22px 0;min-width:0}.hn-choice-group>legend{font-size:15px;font-weight:700;margin-bottom:10px;padding:0}.hn-options{display:flex;flex-wrap:wrap;gap:8px}.hndoor .hn-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #c8bfc3;background:#fff;color:#443941;min-width:80px;max-width:100%;font-weight:400!important;text-align:center;line-height:1.35!important;box-shadow:none}.hndoor .hn-option>span{font-size:12px}.hndoor .hn-option small{font-size:10px;font-weight:400;line-height:1.3}.hndoor .hn-option[aria-pressed=true]{border:2px solid #67525f;background:#f0e9ee;box-shadow:0 0 0 2px #67525f22}.hndoor .hn-option[aria-pressed=true]:after{content:'✓ Selected';font-size:10px;font-weight:700;color:#58434f}.hndoor .hn-picture-option{width:calc(25% - 6px);min-width:0;justify-content:flex-start;padding:10px 7px}.hndoor .hn-picture-option img{height:140px;max-width:100%;width:100%;object-fit:contain;background:#faf9f7}.hn-glass-options,.hn-sidelite-options,.hn-transom-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hndoor .hn-glass-options .hn-picture-option,.hndoor .hn-sidelite-options .hn-picture-option,.hndoor .hn-transom-options .hn-picture-option{width:100%}.hndoor .hn-transom-options{grid-template-columns:repeat(3,minmax(0,1fr))}.hndoor .hn-transom-options img{height:55px}.hndoor .hn-sidelite-options img{height:170px}.hndoor .hn-option:disabled{opacity:.62;cursor:not-allowed;background:#f4f2f0}.hn-finish-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hndoor .hn-finish-option{min-width:0;padding:7px 3px;border-color:transparent}.hn-finish-option i{display:block;width:42px;height:42px;border-radius:3px;background-size:cover;border:1px solid #0002}.hn-inline .hfv-mobile-preview{display:none!important}.hn-inline .hfv-selector{width:100%;max-width:none!important;margin:0!important;padding:0!important}.hn-inline .hfv-title,.hn-inline .hfv-eyebrow{display:none!important}.hn-inline .hfv-selector .hfv-swatches{grid-template-columns:repeat(5,minmax(0,1fr))!important}.hn-filter-pills{display:flex;flex-wrap:wrap;gap:8px}.hn-filter-pills [aria-pressed=true]{background:#67525f;color:#fff}.single-door-inner-row>.hn-inline{flex:0 0 100%;width:100%;padding:0}.hn-inline .hn-photo img,.hn-inline .hn-photo canvas{max-height:100%;max-width:100%;object-fit:contain}.hn-inline .hn-glass-options .hn-picture-option:focus-visible{outline-offset:2px}@media(max-width:1000px){.hn-inline .hn-build{grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);gap:20px}.hn-glass-options,.hn-sidelite-options{grid-template-columns:repeat(3,minmax(0,1fr))}.hn-inline .hn-entry-photo,.hn-inline .hn-photo{height:350px}.hn-inline .hn-visual{top:90px}}@media(max-width:650px){.hn-inline .hn-build{display:flex;flex-direction:column}.hn-inline .hn-visual{position:static;max-height:none;overflow:visible}.hn-inline .hn-entry-photo,.hn-inline .hn-photo{height:330px}.hn-inline .hn-controls{width:100%}.hn-glass-options,.hn-sidelite-options{grid-template-columns:repeat(3,minmax(0,1fr))}.hndoor .hn-transom-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-finish-options{grid-template-columns:repeat(4,minmax(0,1fr))}.hndoor .hn-picture-option img{height:130px}.hn-inline .hn-build-nav{display:none}.hn-inline .hn-visual{padding:12px}.hn-inline .hfv-selector .hfv-swatches{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
/* Guided product-page sections and unified entry preview. */
.hn-inline-head{border:0;margin:0 0 18px;padding:0}.hn-inline .hn-controls>.hn-product-title{font-size:clamp(28px,2.7vw,40px)!important}.hn-inline .hn-controls>.hn-notice{font-weight:400;font-size:13px;background:transparent;border:0;padding:0;color:#6b6167}.hn-step{border:1px solid #ded7d3;border-radius:7px;background:white;margin:10px 0;overflow:hidden}.hndoor .hn-step>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 18px;min-height:78px}.hn-step>summary::-webkit-details-marker{display:none}.hn-step-number{color:#927b88;font-size:11px;letter-spacing:1px}.hn-step-label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.hn-step-label strong{font:normal 22px/1.2 "DM Sans",Arial,sans-serif}.hn-step-label small{font:12px/1.4 "Spline Sans",Arial,sans-serif;color:#70666c}.hn-step-chevron{font:normal 22px Arial;color:#67525f}.hn-step[open]>summary .hn-step-chevron{transform:rotate(45deg)}.hn-step[open]>summary{background:#f6f1f4;border-bottom:1px solid #ded7d3}.hndoor .hn-step>section{padding:18px!important;border:0}.hn-step:not([open])>section{display:none}.hn-panel-intro{font-size:13px}.hn-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hn-glass-crop{display:block;overflow:hidden;width:100%;height:140px;background:#faf8f5}.hndoor .hn-family-option{min-width:0;justify-content:flex-start;padding:8px}.hn-glass-crop img{width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;max-height:none!important}.hn-glass-crop.hn-craftsman-crop img{object-fit:cover!important;object-position:center 8%!important}.hn-gallery-label{margin-top:20px!important;font-size:13px;font-weight:700}.hn-step .hn-glass-options{grid-template-columns:repeat(3,minmax(0,1fr))}.hn-step .hn-glass-options .hn-option .hn-glass-crop{height:115px}.hn-step .hn-glass-options .hn-option{padding:8px;gap:8px}.hn-face-tabs,.hn-side-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.hn-face-tabs [aria-pressed=true],.hn-side-types [aria-pressed=true]{background:#67525f;color:white}.hn-step .hn-sidelite-options{grid-template-columns:repeat(3,minmax(0,1fr))}.hn-step .hn-transom-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-step .hn-transom-options img{height:70px}.hn-step [data-action=more-sides],.hn-step [data-action=other-transoms]{margin-top:15px;font-size:12px!important}.hn-inline .hn-review{padding:18px 0!important;border:0}.hn-inline .hn-review>h3{font-size:21px}.hn-inline .hn-good{font-size:13px}.hn-inline .hn-review .hn-errors{font-size:12px;padding:10px}.hn-inline .hn-review .hn-buttons{margin-top:14px}.hn-inline .hn-review>a{display:block;font-size:12px;margin-top:14px}.hn-inline .hn-review .hn-buttons button{font-size:12px!important}.hn-inline .hn-visual{max-height:none;overflow:visible;background:#f5f2ee;padding:24px 18px}.hn-assembly{display:inline-flex;flex-direction:column;align-items:stretch;max-width:100%;vertical-align:top}.hn-inline .hn-entry-photo{width:max-content;max-width:100%;height:430px;gap:0;align-items:stretch}.hn-inline .hn-entry-photo .hn-photo{height:100%;width:auto;max-width:none;flex:none}.hn-inline .hn-entry-photo .hn-photo img,.hn-inline .hn-entry-photo .hn-photo canvas,.hn-inline .hn-entry-photo .hn-side-photo{height:100%;width:auto;max-width:none;object-fit:contain;display:block}.hn-inline :is(#hn-transom-preview,.hn-transom-over){width:100%;height:auto;min-width:0}.hn-inline :is(#hn-transom-preview,.hn-transom-over):empty{display:none}.hn-inline :is(#hn-transom-preview,.hn-transom-over) figure{margin:0}.hn-inline :is(#hn-transom-preview,.hn-transom-over) figure img{width:100%;height:auto;max-height:none;object-fit:contain;display:block}.hn-inline :is(#hn-transom-preview,.hn-transom-over) figcaption{display:none}.hn-inline #hn-dimension svg{max-height:100px}.hn-inline #hn-image-note{font-size:11px;margin:14px 0 10px}.hn-inline .hn-visual>a{font-size:11px}.hn-inline .hn-visual>p.hn-small:not(#hn-image-note){font-size:10px;margin:6px 0}.hn-inline .hn-controls>p.hn-eyebrow{font-size:9px}.hn-inline .hn-visual{position:sticky;top:115px}@media(max-width:1000px){.hn-inline .hn-entry-photo{height:340px}.hn-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hn-glass-crop{height:110px}.hn-step .hn-glass-options .hn-option .hn-glass-crop{height:100px}}@media(max-width:650px){.hn-inline .hn-visual{position:static;padding:18px 10px}.hn-inline .hn-entry-photo{height:300px}.hn-inline .hn-controls>.hn-product-title{font-size:29px!important}.hn-step-label strong{font-size:20px}.hndoor .hn-step>summary{padding:14px;min-height:72px}.hn-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hndoor .hn-step>section{padding:12px!important}.hn-glass-crop{height:95px}.hn-step .hn-glass-options .hn-option .hn-glass-crop{height:90px}.hn-step .hn-transom-options img{height:60px}.hn-inline .hn-build{gap:20px}.hn-inline-head{margin:0 0 12px}.hn-inline .hn-review .hn-buttons .hn-primary{width:100%}.hn-inline #hn-dimension svg{max-height:80px}}

.hndoor [hidden]{display:none!important}.hn-step>summary{cursor:pointer}.hn-step>summary:focus-visible{outline:3px solid #ad785a;outline-offset:-3px}.hn-inline .hn-entry-photo .hn-second-leaf{height:100%;width:auto;max-width:none;object-fit:contain}.hn-inline .hn-entry-photo{border:3px solid #66564b;border-bottom:5px solid #747577;box-sizing:content-box}.hn-inline .hn-entry-photo .hn-missing-side{width:55px;font-size:10px;padding:10px;display:flex;align-items:center;background:#eee8e3}.hn-inline :is(#hn-transom-preview,.hn-transom-over) figure img{max-width:100%}.hn-inline .hn-assembly{max-width:100%}.hn-inline .hn-visual #hn-dimension{display:none}.hn-inline .hn-visual>p.hn-small:not(#hn-image-note){display:none}.hn-inline .hn-visual #hn-profile:empty{display:none}.hn-inline .hn-entry-photo:has(.hn-second-leaf){height:340px}@media(max-width:650px){.hn-inline .hn-entry-photo:has(.hn-second-leaf){height:280px}}

/* Preserve separate paint and stain browsing within the selected door face. */
.hndoor .hn-finish-kind-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.hndoor .hn-finish-kind-tabs button{padding:9px 16px;border:1px solid #d8d0d4;border-radius:24px;background:white;color:#58444f;font-weight:600}.hndoor .hn-finish-kind-tabs button[aria-pressed="true"]{background:#58444f;color:#fff;border-color:#58444f}.hndoor #hn-finish-options [hidden]{display:none!important}.hndoor #hn-finish-options .hfv-status{margin-bottom:14px}.hndoor #hn-finish-options .hfv-intro{display:none}.hndoor .hn-finish-kind-tabs button:focus-visible{outline:3px solid #946245;outline-offset:3px}

.hndoor .hn-stage-swatches{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px auto 8px}.hndoor .hn-stage-swatches:empty{display:none}.hndoor .hn-stage-swatches .hn-swatch-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;text-transform:capitalize}.hndoor .hn-stage-swatches i{display:block;width:20px;height:20px;border-radius:50%;border:1px solid #0002}.hndoor canvas.hn-second-leaf{width:auto;object-fit:contain}
/* 1.1.4 preview: quiet product-page layout with a framed, proportional entry. */
.hndoor{--ink:#302c2a;--plum:#685060;--line:#e1ddd8;--paper:#faf9f6;font-family:"Spline Sans",Arial,sans-serif;color:var(--ink)}
.hn-inline{max-width:1260px;margin:auto}.hn-product-header{padding:8px 0 28px!important;margin-bottom:0!important;text-align:left;max-width:920px}.hn-product-header .hn-product-title{font:normal clamp(30px,3vw,44px)/1.13 "DM Sans",Arial,sans-serif!important;letter-spacing:-.8px;color:#332c2e;margin:7px 0 12px}.hn-product-header>.hn-eyebrow{font-size:10px;color:#746e69;letter-spacing:1px}.hn-inline .hn-build{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.hn-inline .hn-visual{padding:22px 25px 25px;top:100px;border-radius:3px;background:linear-gradient(145deg,#f3f1ec,#eae7e0);min-width:0;border:1px solid #ebe7df;box-shadow:none;overflow:hidden}.hn-preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;text-align:left;font:17px "DM Sans",Arial,sans-serif;color:#625b54}.hn-preview-heading small{font:11px "Spline Sans",Arial,sans-serif;color:#786f66}.hn-inline .hn-assembly{display:inline-flex;position:relative;max-width:100%;padding:12px 12px 0;background:linear-gradient(90deg,#e4e3df,#fff 2%,#f9f8f4 4%,#f9f8f4 96%,#fff 98%,#d9d8d4);border:1px solid #c8c5bf;border-top:12px solid #faf9f5;border-bottom:0;box-shadow:0 10px 22px #453b291e,0 1px 2px #34291233;vertical-align:top}.hn-assembly:after{content:'';display:block;margin:0 -16px -5px;height:9px;background:linear-gradient(#94958e,#d9d7cc 27%,#777974 45%,#555954 75%,#92958f);border:1px solid #71746e;box-shadow:0 4px 7px #34291230}.hn-inline .hn-entry-photo,.hn-inline .hn-entry-photo:has(.hn-second-leaf){display:grid;width:100%;max-width:none;height:auto;gap:0;align-items:stretch;border:0;box-sizing:border-box;overflow:hidden;background:#d5d0c7;box-shadow:inset 0 0 0 1px #635b51}.hn-inline .hn-entry-photo .hn-photo,.hn-inline .hn-entry-photo .hn-component{display:flex;position:relative;min-width:0;max-width:100%;height:100%;width:100%;overflow:hidden;align-items:stretch;justify-content:center;background:#ddd8d0}.hn-inline .hn-entry-photo img,.hn-inline .hn-entry-photo canvas,.hn-inline .hn-entry-photo .hn-side-photo,.hn-inline .hn-entry-photo .hn-second-leaf{height:100%;width:100%;min-width:0;max-width:100%;object-fit:contain;display:block;margin:0}.hn-mull{display:block;min-width:0;background:linear-gradient(90deg,#c8c6c1,#fefdfa 18%,#f8f7f3 78%,#a4a29b);border-left:1px solid #827e76;border-right:1px solid #827e76}.hn-inline :is(#hn-transom-preview,.hn-transom-over){border-bottom:11px solid #f7f6f2;box-shadow:0 1px 1px #948d83;width:100%}.hn-inline :is(#hn-transom-preview,.hn-transom-over) img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.hn-inline .hn-visual .hn-enlarge{display:block;min-height:44px;border:0;background:transparent;font-size:12px!important;font-weight:400!important;margin:16px auto 0;padding:8px;color:#65555e;text-decoration:underline;text-underline-offset:4px}.hn-inline #hn-image-note{max-width:370px;margin:10px auto 5px;font-size:11px;line-height:1.55;color:#736d66}.hn-inline .hn-visual>a{font-size:11px;color:#766b6f}.hn-inline .hn-controls>.hn-notice{font:14px/1.65 "Spline Sans",Arial,sans-serif;color:#77706b;max-width:430px;margin:0 0 20px}.hn-step{margin:0;border:0;border-bottom:1px solid #ddd7d2;border-radius:0;background:#fff}.hndoor .hn-step>summary{min-height:79px;padding:16px 0;gap:16px}.hn-step-number{font:11px "Spline Sans",Arial,sans-serif;color:#a1968c}.hn-step-label strong{font:normal 21px/1.2 "DM Sans",Arial,sans-serif;color:#3e3737}.hn-step-label small{font:12px/1.4 "Spline Sans",Arial,sans-serif;color:#8a7e75}.hn-step-chevron{font-size:20px;color:#8b7983}.hn-step[open]>summary{background:#fff;border:0}.hndoor .hn-step>section{padding:7px 0 24px!important}.hn-step .hn-choice-group{margin:16px 0 22px}.hn-step .hn-choice-group>legend{font-size:13px;font-weight:600}.hndoor .hn-option{border:1px solid #e0dad4;border-radius:5px;padding:11px 9px;background:#fff}.hndoor .hn-option:hover{border-color:#ab969f;background:#fbf8fa}.hndoor .hn-option[aria-pressed=true]{border:1px solid #6d5564;box-shadow:0 0 0 1px #6d5564;background:#f8f3f7}.hndoor .hn-option[aria-pressed=true]:after{color:#6b5360}.hn-family-grid,.hn-step .hn-glass-options,.hn-step .hn-sidelite-options{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.hn-glass-crop{height:120px;background:#f7f6f2}.hn-glass-crop.hn-craftsman-crop img{object-fit:cover!important;object-position:center 5%!important}.hn-step .hn-glass-options .hn-option .hn-glass-crop{height:100px}.hndoor .hn-family-option>span:last-of-type{font-size:13px}.hn-step .hn-side-types button,.hn-face-tabs button,.hn-finish-kind-tabs button{border-radius:2px!important;border:0;background:#f5f2ef;font-size:12px!important;padding:10px 13px;min-height:44px}.hn-side-types button[aria-pressed=true],.hn-face-tabs button[aria-pressed=true],.hn-finish-kind-tabs button[aria-pressed=true]{background:#685060;color:white}.hndoor .hn-finish-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.hndoor .hn-finish-option{padding:8px 3px}.hndoor .hn-finish-option>span{font-size:11px;min-height:29px}.hn-finish-option i{width:44px;height:44px;border-radius:50%}.hndoor .hn-next{border:0;background:transparent;text-align:left;font-size:12px!important;font-weight:600!important;padding:12px 0;margin-top:8px;color:#735f6b}.hn-design-summary{display:grid;grid-template-columns:70px minmax(0,1fr);gap:7px 12px;font-size:12px;margin:17px 0 23px}.hn-design-summary dt{color:#93867e}.hn-design-summary dd{margin:0;min-width:0}.hndoor .hn-design-summary button{padding:0;border:0;min-height:24px;background:none;text-align:left;font:12px/1.5 "Spline Sans",Arial,sans-serif!important;color:#5c5157}.hn-design-summary button:hover{text-decoration:underline}.hn-inline .hn-review{margin-top:20px;padding-top:14px!important}.hn-inline .hn-review>h3{font:24px "DM Sans",Arial,sans-serif}.hn-review .hn-buttons{display:grid;grid-template-columns:1fr 1fr}.hn-review .hn-primary{grid-column:1/-1;min-height:49px;border-radius:3px;font-size:14px!important;font-weight:500!important;background:#685060}.hn-review .hn-buttons button:not(.hn-primary){font-size:11px!important;background:transparent;border-color:#e3dcd6;color:#7e6f79;padding:10px}.hn-inline .hn-good{font-size:12px;color:#5d6b60}.hn-original-copy{margin-top:35px;max-width:730px;border-top:1px solid #ddd7d2;padding-top:15px;color:#706964}.hn-original-copy summary{font:18px "DM Sans",Arial,sans-serif}.hn-original-copy p,.hn-original-copy li{font-size:14px}.hndoor .hn-preview-dialog{width:min(95vw,1000px);max-height:95dvh;text-align:center;padding:24px 35px;background:#f5f2ed}.hn-preview-dialog>button{position:absolute;right:18px;top:18px}.hn-preview-dialog>h2{font-size:24px;margin:0 0 20px;text-align:left}.hn-preview-dialog .hn-assembly{width:min(68vh,95%);margin:15px auto}.hn-preview-dialog>p{font-size:12px;margin:20px auto 0;max-width:620px}.hn-custom-finish{padding:14px;background:#f9f7f3;border-radius:4px}
@media(max-width:1000px){.hn-inline .hn-build{gap:30px}.hn-inline .hn-visual{padding:20px 16px;top:80px}.hn-preview-heading{margin-bottom:20px}.hn-inline .hn-assembly{padding:9px 9px 0;border-top-width:9px}.hn-glass-crop{height:100px}}
@media(max-width:700px){.hn-inline .hn-build{display:flex;gap:28px}.hn-product-header{padding-bottom:22px!important}.hn-inline .hn-visual{position:relative;top:auto;width:100%;padding:18px 25px 23px}.hn-inline .hn-assembly{max-width:min(100%,350px)}.hn-preview-heading{margin-bottom:18px}.hn-inline .hn-controls{width:100%;padding:0}.hn-step>summary{min-height:74px!important}.hn-step-label strong{font-size:21px}.hn-inline .hn-controls>.hn-notice{font-size:13px;margin-bottom:15px}.hn-family-grid,.hn-step .hn-glass-options,.hn-step .hn-sidelite-options{gap:9px}.hndoor .hn-finish-options{grid-template-columns:repeat(4,minmax(0,1fr))}.hndoor .hn-design-summary button{min-height:34px}.hn-inline .hn-review .hn-buttons{grid-template-columns:1fr 1fr}.hndoor .hn-preview-dialog{padding:18px}.hn-preview-dialog>button{position:static;display:block;margin:10px 0}.hn-preview-dialog .hn-assembly{width:100%;max-width:95%}.hn-inline .hn-entry-photo,.hn-inline .hn-entry-photo:has(.hn-second-leaf){height:auto}}
.hndoor .hfv-check{opacity:0}.hndoor .hfv-swatch[aria-pressed=true] .hfv-check{opacity:1}
.hn-finish-search{display:block;margin:12px 0 18px;font:12px "Spline Sans",Arial,sans-serif!important;color:#6f6259}.hndoor .hn-finish-search input{margin-top:7px;border-color:#d8d1ca;border-radius:3px;font-size:13px}.hn-finish-empty:empty{display:none}
@media(max-width:700px){.hn-inline .hn-assembly{max-width:min(100%,245px)}.hn-inline .hn-visual #hn-image-note{font-size:10px}.hn-inline .hn-product-header{padding-top:0!important}}

/* Small manufacturer glass samples; model and grille selection remain separate. */
.hn-family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hn-family-option{padding:7px!important}.hn-family-option .hn-glass-crop{height:auto;aspect-ratio:1}.hn-family-option .hn-texture-crop img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;position:static!important}.hn-family-option>span:last-of-type{font-size:12px!important}.hn-family-option[aria-pressed=true]:after{font-size:9px!important}@media(max-width:600px){.hn-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Keep Hannapel's clickable colors visible alongside progressive design options. */
.hn-finish-visible{padding:18px 0 4px}.hn-finish-visible>summary{display:none!important}.hn-finish-visible #hn-finish-options>h3{display:block;font:normal 25px/1.2 "DM Sans",Arial,sans-serif;margin:0 0 20px}.hn-finish-visible #hn-finish-options{padding-top:0!important}

.hn-inline .hn-product-title{font-family:"DM Sans",Arial,sans-serif!important;font-size:clamp(28px,3.1vw,39px)!important;line-height:1.16;font-weight:700;color:#333}.hndoor h2,.hndoor h3,.hn-step-label strong{font-family:"DM Sans",Arial,sans-serif!important}.hndoor,.hndoor button,.hndoor input,.hndoor textarea{font-family:"Spline Sans",Arial,sans-serif}.hn-step-label strong{font-size:20px;font-weight:600}.hn-finish-visible #hn-finish-options>h3{font-size:30px;font-weight:700;color:#51404e}

.hn-step-number{display:none}.hn-step>summary{gap:0!important}@media(max-width:600px){.hndoor .hn-design-summary button{min-height:44px}.hn-preview-dialog>h2{font-size:20px}.hn-preview-dialog>button{position:static;display:block;margin:0 0 10px auto}}

/* Entry dimensions follow the selected nominal slab; size-specific manufacturer assets take priority. */
.hn-inline .hn-entry-photo img,.hn-inline .hn-entry-photo canvas,.hn-inline .hn-entry-photo .hn-side-photo,.hn-inline .hn-entry-photo .hn-second-leaf{object-fit:contain}
.hn-inline .hn-assembly{background:linear-gradient(90deg,#0002,transparent 20%,#fff4 70%,#0002),var(--hn-frame-color,#f6f5ef);border-top-color:var(--hn-frame-color,#f6f5ef)}
.hn-inline .hn-mull{background:linear-gradient(90deg,#0003,transparent 18%,#fff3 65%,#0003),var(--hn-frame-color,#f6f5ef)}
.hn-assembly:after{height:11px;background:repeating-linear-gradient(0deg,#747a7c 0 1px,#b9bfc0 1px 3px,#e1e3e1 3px 4px);border-color:#7c8181}
.hn-assembly[data-sill=dark-bronze]:after{background:repeating-linear-gradient(0deg,#151617 0 2px,#272a2d 2px 4px,#4b4b49 4px 5px);border-color:#191b1b}
.hndoor [data-field=sillFinish][data-value=silver]:before,.hndoor [data-field=sillFinish][data-value=dark-bronze]:before{content:'';width:58px;height:15px;border:1px solid #0003;background:repeating-linear-gradient(0deg,#747a7c 0 1px,#b9bfc0 1px 3px,#e1e3e1 3px 4px)}
.hndoor [data-field=sillFinish][data-value=dark-bronze]:before{background:repeating-linear-gradient(0deg,#151617 0 2px,#272a2d 2px 4px,#4b4b49 4px 5px)}
.hn-frame-preferences{border-top:1px solid #e3dedb;margin-top:20px;padding-top:4px}

.hn-picture-choice{position:relative;display:flex;flex-direction:column;min-width:0}.hndoor .hn-picture-choice>.hn-picture-option{flex:1;width:100%;border-radius:5px 5px 0 0}.hndoor .hn-picture-inspect{width:100%;min-height:36px;padding:5px 3px;background:#faf8f7;border:1px solid #d5ccce;border-top:0;border-radius:0 0 5px 5px;font-size:10px!important;color:#685060}
.hn-picture-peek{position:fixed;z-index:999999;margin:0;padding:12px;background:#fff;border:1px solid #cfc7ca;box-shadow:0 8px 26px #21152130;border-radius:6px;pointer-events:none;font:12px 'Spline Sans',Arial,sans-serif;text-align:center}.hn-picture-peek img{display:block;width:100%;height:275px;max-height:calc(100vh - 110px);object-fit:contain}.hn-picture-peek figcaption{margin-top:8px}
.hn-picture-dialog{max-width:min(90vw,620px);max-height:90vh;padding:22px;border:1px solid #cfc7ca;border-radius:8px;text-align:center;font:14px 'Spline Sans',Arial,sans-serif;color:#3a3236}.hn-picture-dialog::backdrop{background:#201922aa}.hn-picture-dialog h2{font:24px 'DM Sans',Arial,sans-serif;margin:0 0 12px}.hn-picture-dialog>img{display:block;width:100%;height:min(55vh,550px);object-fit:contain;margin:18px auto}.hn-picture-dialog button{padding:10px 16px;border:1px solid #685060;background:#fff;border-radius:4px;color:#685060;font:inherit}.hn-picture-dialog p{margin:0;font-size:12px}
.hndoor .hn-mobile-preview-jump{display:none}@media(max-width:650px){.hndoor .hn-mobile-preview-jump{display:block;position:sticky;top:8px;z-index:5;margin:0 0 14px auto;padding:10px 14px;border:1px solid #bbaeb5;border-radius:20px;background:#fffdfc;box-shadow:0 2px 9px #20192217;color:#685060;font-size:12px!important}.hn-picture-peek{display:none}.hn-inline .hn-visual{scroll-margin-top:15px}}
.hndoor .hn-picture-choice>.hn-family-option{width:100%;height:100%;border-radius:5px 5px 0 0}.hn-picture-choice>.hn-family-option .hn-glass-crop{width:100%}
/* Override the original visualizer's more specific slab rules on both image and finish canvas. */
.hn-inline .hn-entry-photo .hn-photo img,.hn-inline .hn-entry-photo .hn-photo canvas,.hn-inline .hn-entry-photo .hn-component img,.hn-inline .hn-entry-photo .hn-component canvas{display:block;min-width:0;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain}
.hn-picture-dialog{box-sizing:border-box;max-width:min(90vw,620px)}
@media(min-width:651px) and (max-height:600px){.hn-inline .hn-visual{position:static}}

/* Slim front-view parts, scaled with the slab; jamb depth is not face width. */
.hn-inline .hn-assembly{padding:0;border:0;background:none;box-shadow:0 3px 8px #35271e19;max-width:100%}
.hn-inline .hn-assembly .hn-jamb{box-sizing:border-box;min-width:0;width:100%;padding:var(--hn-jamb-head,1%) var(--hn-jamb-side,1%) 0;background:var(--hn-frame-color,#f6f5ef);box-shadow:inset 0 0 0 .5px #0004}
.hn-inline .hn-assembly .hn-surround{width:100%;box-sizing:border-box;min-width:0}
.hn-inline .hn-assembly[data-trim=brickmould] .hn-surround{padding:var(--hn-brickmould,1.5%) var(--hn-brickmould,1.5%) 0;background:linear-gradient(90deg,#0001,transparent 12%,#fff2 88%,#0001),var(--hn-frame-color,#f6f5ef);outline:.5px solid #0003}
.hn-inline .hn-mull{border-left:.5px solid #0004;border-right:.5px solid #0004;background:linear-gradient(90deg,#0002,transparent 30%,#fff2 70%,#0002),var(--hn-frame-color,#f6f5ef)}
.hn-inline .hn-assembly:after{box-sizing:border-box;width:100%;height:auto;aspect-ratio:var(--hn-sill-aspect,44);margin:0;border:0;box-shadow:none;background:linear-gradient(#b6bab9 0 15%,#747a7c 16% 28%,#d5d9d8 29% 46%,#8f9596 47% 74%,#c1c6c5 75% 90%,#74797b 91%)}
.hn-inline .hn-assembly[data-sill=dark-bronze]:after{background:linear-gradient(#434644 0 15%,#181b1b 16% 42%,#383a38 43% 49%,#151818 50% 89%,#454744 90%)}
.hn-inline :is(#hn-transom-preview,.hn-transom-over){border-bottom:0;box-shadow:none;padding:0;margin:0}
.hn-inline .hn-visual{padding:18px}.hn-inline .hn-preview-heading{margin-bottom:16px}.hn-inline #hn-stage-swatches{display:none}.hn-inline .hn-visual .hn-enlarge{margin-top:12px}
@media(max-width:700px){.hn-inline .hn-assembly{max-width:100%}.hn-inline .hn-visual{padding:18px 12px}}

.hn-inline .hn-preview-heading{margin-bottom:12px;min-height:44px}.hn-preview-heading>span{text-align:left}.hn-preview-heading>span>small{display:block;margin-top:3px;font-size:10px}.hn-inline .hn-preview-heading .hn-enlarge{margin:0;padding:8px 10px;min-height:44px;font-size:11px!important}.hn-inline #hn-image-note{max-width:none;margin:12px 0 5px;line-height:1.5}

.hn-transom-details .hn-options{align-items:stretch}.hn-transom-details .hn-picture-choice{width:calc(50% - 4px);max-width:240px}.hndoor .hn-transom-details .hn-picture-option{width:100%}.hndoor .hn-transom-details .hn-picture-option img{height:75px;object-fit:contain}.hn-transom-details .hn-picture-option>span{margin-top:4px}

.hn-native .hn-finish-option i{border-radius:50%;width:46px;height:46px}.hn-native .hn-finish-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hn-native .hn-finish-option{min-height:92px;background:transparent}.hn-native .hn-finish-options .hn-option{font-size:12px}.hn-native .hn-finish-option[aria-pressed=true]{background:#f7f2f5}@media(max-width:650px){.hn-native .hn-finish-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}}

.hn-saved-choices{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3fr);gap:8px 20px;max-width:760px;padding:20px;background:#f5f2ee;border-radius:6px}.hn-saved-choices dt{font-weight:600}.hn-saved-choices dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}

.hn-inline .hn-visual #hn-dimension[data-visible=true]{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 0;text-align:left}.hn-inline #hn-dimension[data-visible=true] svg{height:65px;max-height:65px;width:auto;max-width:42%;flex:none}.hn-inline #hn-dimension[data-visible=true] p{font-size:11px;line-height:1.5;max-width:200px;margin:0}

/* Sample 2: compact Hannapel product choices and a persistent white preview. */
.hn-inline .hn-build{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:70px}
.hn-inline .hn-visual{position:sticky;top:var(--hn-preview-top,100px);align-self:start;background:#fff;border:0;padding:12px 14px 20px;overflow:visible;z-index:8}
.hn-inline .hn-controls>.hn-product-header{padding:0 0 16px!important;max-width:none}
.hn-inline .hn-product-title{font-size:clamp(29px,3vw,40px)!important;font-weight:500;line-height:1.18;color:#51484c}
.hn-product-header>.hn-eyebrow{color:#946245;font-size:11px;letter-spacing:.8px}
.hn-inline .hn-controls>.hn-notice{margin:0 0 10px;color:#6f626b}
.hn-inline .hn-preview-heading{font-size:13px;margin:0 0 14px;min-height:32px;color:#84787e}
.hn-inline .hn-preview-heading .hn-enlarge{border:1px solid #ddd5da;border-radius:50%;height:36px;width:36px;min-height:36px;padding:8px;color:#685060;text-decoration:none}
.hn-enlarge svg,.hn-picture-inspect svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.5;display:block;margin:auto}
.hn-inline .hn-assembly{cursor:zoom-in;line-height:0;outline-offset:8px}
.hn-inline .hn-assembly:focus-visible{outline:2px solid #946245}
.hn-inline .hn-assembly:hover{box-shadow:0 3px 12px #35271e28}
.hn-inline .hn-assembly .hn-jamb,.hn-inline .hn-mull,.hn-inline .hn-assembly[data-trim=brickmould] .hn-surround{background-color:var(--hn-frame-color);background-image:var(--hn-frame-texture,none);background-size:45px 220px;background-blend-mode:soft-light}
.hn-inline :is(#hn-transom-preview,.hn-transom-over)[hidden],.hn-inline .hn-entry-photo [hidden]{display:none!important}
.hn-inline .hn-entry-photo .hn-photo,.hn-inline .hn-entry-photo .hn-component{background:none;align-items:stretch}
.hn-inline .hn-entry-photo .hn-photo img,.hn-inline .hn-entry-photo .hn-photo canvas,.hn-inline .hn-entry-photo .hn-component img,.hn-inline .hn-entry-photo .hn-component canvas{object-position:center top}
.hn-bores{position:absolute;inset:0;z-index:2;pointer-events:none}
.hn-bores i{position:absolute;display:block;aspect-ratio:1;background:white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 1px #7c6a5b;}
.hndoor .hn-step>summary{min-height:67px;padding:15px 0}
.hn-step-label strong{font-size:22px;font-weight:500;color:#685b68}
.hn-step-label small{font-size:12px;color:#6f626b;margin-top:4px}
.hndoor .hn-step>section{padding:0 0 22px!important}
.hndoor .hn-option{border-radius:3px;border-color:#e5dfe2;box-shadow:none}
.hndoor .hn-option[aria-pressed=true]{background:#faf7f9;border-color:#685060;box-shadow:0 0 0 1px #685060}
.hndoor .hn-option[aria-pressed=true]:after{content:'✓';position:absolute;top:5px;right:7px;bottom:auto;font-size:11px;color:#685060;background:#fff;border-radius:50%;width:17px;height:17px;line-height:17px}
.hndoor .hn-option{position:relative}
.hn-family-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.hndoor .hn-family-option{padding:5px!important;min-height:96px}
.hn-family-option .hn-glass-crop{height:auto;aspect-ratio:1;border-radius:2px;overflow:hidden}
.hndoor .hn-family-option>span:last-of-type{font-size:11px!important;line-height:1.25;margin-top:7px;min-height:28px}
.hn-step .hn-glass-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hn-inline .hn-picture-choice>.hn-family-option,.hn-inline .hn-picture-choice>.hn-picture-option{border-radius:3px}
.hndoor .hn-picture-inspect{position:absolute;right:3px;bottom:3px;width:25px;height:25px;min-height:25px;padding:4px;border:1px solid #ded5da;border-radius:50%;background:#fff;color:#685060;opacity:0;z-index:2}
.hn-picture-inspect svg{width:15px;height:15px}
.hn-picture-choice:hover>.hn-picture-inspect,.hn-picture-choice:focus-within>.hn-picture-inspect{opacity:1}
.hn-picture-choice:has(.hn-family-option)>.hn-picture-inspect{top:3px;bottom:auto}
.hn-gallery-label{margin:20px 0 10px;font-size:13px;color:#685060}
.hn-panel-intro{font-size:13px;color:#6f626b}
.hn-native .hn-finish-options{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 5px}
.hn-native .hn-finish-option{padding:7px 3px;min-height:93px;border-color:transparent}
.hn-native .hn-finish-option i{border-radius:4px;width:48px;height:48px;background-size:cover;background-position:center}
.hn-native .hn-finish-option>span{font-size:11px;line-height:1.3;margin-top:8px}
.hn-native .hn-finish-options>.hn-option:not(.hn-finish-option){grid-column:1/-1;justify-self:start;font-size:12px;padding:9px 14px;min-height:38px}
.hndoor .hn-face-tabs button,.hndoor .hn-finish-kind-tabs button,.hndoor .hn-side-types button{border:1px solid #e4dde1;background:white;color:#685060;border-radius:3px!important;font-size:12px!important;min-height:38px}
.hndoor .hn-face-tabs button[aria-pressed=true],.hndoor .hn-finish-kind-tabs button[aria-pressed=true],.hndoor .hn-side-types button[aria-pressed=true]{background:#685060;border-color:#685060;color:white}
.hn-finish-search{max-width:320px}
.hn-custom-finish{padding:12px 0;background:white;border-top:1px solid #eee8eb}
.hn-frame-preferences .hn-options:has([data-field=jambOption]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hn-frame-preferences [data-field=jambOption]{display:grid;grid-template-columns:56px minmax(0,1fr);align-content:center;gap:3px 10px;text-align:left;padding:12px;min-height:100px}
.hn-frame-preferences [data-field=jambOption] img{grid-row:1/3;width:56px!important;height:68px!important;object-fit:contain}
.hn-frame-preferences [data-field=jambOption]>span{font-size:12px;line-height:1.3}
.hn-frame-preferences [data-field=jambOption]>small{font-size:11px;line-height:1.4;font-weight:400;color:#6f626b}
.hn-frame-preferences [data-field=jambOption][data-value=confirm]{grid-template-columns:1fr}
.hn-source-details{margin:28px 0 0;padding:16px 0;border-top:1px solid #e4dde1;font-size:12px;color:#84777e}
.hn-source-details>summary{font-size:13px;cursor:pointer;color:#786773}
.hn-source-details a{display:inline-block;margin:10px 0;font-size:12px}
.hn-inline .hn-source-details #hn-image-note{font-size:12px;text-align:left}
.hndoor .hn-preview-dialog{background:white}
.hn-picture-peek{border-radius:3px}
@media(max-width:1100px){.hn-inline .hn-build{gap:32px}.hn-family-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hn-native .hn-finish-options{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){
 .hn-inline .hn-build{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
 .hn-inline .hn-visual{position:sticky;top:var(--hn-preview-top,8px);width:100%;padding:8px 10px 12px;background:#fff;border-bottom:1px solid #ebe5e9;box-shadow:0 3px 6px #38263108}
 .hn-inline .hn-preview-heading{position:absolute;inset:8px 8px auto;pointer-events:none;font-size:11px;min-height:0;margin:0}
 .hn-inline .hn-preview-heading .hn-enlarge{pointer-events:auto}
 .hn-inline .hn-preview-heading>span{max-width:80px}
 .hn-inline .hn-visual.hn-preview-compact .hn-preview-heading>span{font-size:10px}
 .hn-inline .hn-visual.hn-preview-compact .hn-preview-heading small{display:none}
 .hn-family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .hn-native .hn-finish-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
 .hn-inline .hn-product-header{padding:0 0 18px!important}
 .hn-inline .hn-product-title{font-size:29px!important}
 .hn-step>summary{scroll-margin-top:210px}
 .hn-picture-choice>.hn-picture-inspect{opacity:1}
 .hn-picture-choice:has(.hn-family-option)>.hn-picture-inspect{width:24px;height:24px;min-height:24px}
 .hn-frame-preferences .hn-options:has([data-field=jambOption]){grid-template-columns:1fr}
 .hn-frame-preferences [data-field=jambOption]{grid-template-columns:58px minmax(0,1fr)}
 .hn-source-details{margin-top:18px}
}
.hndoor .hn-option:not(.hn-picture-option):not(.hn-family-option):not(.hn-finish-option)[aria-pressed=true]:after{display:none}

/* Sample4: stable updates, smaller pictures, consistent selection outlines. */
.hndoor{overflow-anchor:none}
.hn-inline .hn-build{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}
.hndoor .hn-glass-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.hndoor .hn-step .hn-glass-options .hn-option .hn-glass-crop{height:74px}
.hndoor .hn-glass-options .hn-picture-option{padding:6px!important}
.hndoor .hn-option,.hn-inline .hn-picture-choice>.hn-family-option,.hn-inline .hn-picture-choice>.hn-picture-option{border:1px solid #e0d8de;border-radius:9px!important;box-shadow:none!important;outline:0;overflow:hidden}
.hndoor .hn-option[aria-pressed=true]{border-color:#685060;background:#faf7f9;box-shadow:inset 0 0 0 1px #685060!important}
.hndoor .hn-option:focus-visible{outline:2px solid #946245;outline-offset:3px}
.hndoor button:not(.hn-picture-inspect):not(.hn-enlarge){border-radius:8px!important}
.hndoor .hn-face-tabs button,.hndoor .hn-finish-kind-tabs button,.hndoor .hn-side-types button{border-radius:8px!important}
.hn-frame-chip{display:block;width:34px;height:34px;border:1px solid #0002;border-radius:6px;background-size:cover;background-position:center}
.hn-frame-preferences [data-field=jambColor],.hn-frame-preferences [data-field=sillFinish]{min-width:82px;max-width:145px;gap:7px}
.hn-review-fold{margin-top:24px;border-top:1px solid #e4dde1}
.hn-review-fold>summary{font:500 22px/1.3 'DM Sans',Arial,sans-serif;padding:22px 0;color:#685b68}
.hn-review-fold .hn-review{margin-top:0;padding-top:0!important}
.hn-quote-actions{display:flex!important;flex-wrap:wrap;gap:10px;padding-top:14px}
.hn-quote-actions .hn-primary{flex-basis:100%;min-height:48px}
.hn-preview-loading{display:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);align-items:center;gap:8px;padding:7px 12px;border:1px solid #e1d9de;border-radius:18px;box-shadow:0 2px 6px #0001;background:#fff;color:#685060;white-space:nowrap;font-size:12px;z-index:4}
.hn-visual[aria-busy=true] .hn-preview-loading{display:flex}
.hn-preview-loading:before{content:'';width:12px;height:12px;border:2px solid #ded6db;border-top-color:#685060;border-radius:50%;animation:hn-loading-spin .8s linear infinite}
@keyframes hn-loading-spin{to{transform:rotate(360deg)}}
.hn-inline .hn-entry-photo:has(.hn-second-leaf){column-gap:1px;background:#473328}
.hndoor .hn-preview-dialog,.hn-picture-dialog{width:min(92vw,900px)!important;max-width:92vw!important;height:auto!important;max-height:90dvh!important;border-radius:12px!important;background:#fff}
.hndoor .hn-preview-dialog .hn-assembly{transition:none!important;max-height:70dvh}
.hn-inquiry-context .hn-quote-summary{white-space:pre-wrap;font:15px/1.6 'Spline Sans',Arial,sans-serif;color:#51484c}
@media(max-width:1000px){.hn-inline .hn-build{gap:30px}.hndoor .hn-glass-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 .hn-inline .hn-build{grid-template-columns:minmax(0,1fr);gap:18px}
 .hn-inline .hn-assembly{transition:width 180ms ease-out;will-change:width}
 .hn-inline .hn-visual{max-height:none;overflow-anchor:none}
 .hndoor .hn-glass-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hn-preview-loading{font-size:11px;bottom:5px}
 .hn-inline .hn-preview-heading small{display:none}
 .hndoor .hn-preview-dialog{padding:16px!important}
}
@media(prefers-reduced-motion:reduce){.hn-inline .hn-assembly{transition:none}.hn-preview-loading:before{animation:none}}

/* Sample 6: a stationary preview and useful choices on collapsed rows. */
.hn-inline .hn-visual{top:var(--hn-preview-top,0px);padding-top:12px;isolation:isolate;position:sticky}
.hn-inline .hn-visual:before{content:'';position:absolute;inset:-1px 0 0;background:#fff;z-index:-1}
.hn-inline .hn-stage-viewport{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100vh - var(--hn-preview-top,0px) - 76px);min-height:240px;overflow:hidden}
.hn-inline .hn-stage-viewport .hn-assembly{flex:none;margin:0;transition:none!important}
.hndoor .hn-step-row{position:relative;border-bottom:1px solid #ddd7d2}
.hndoor .hn-step-row .hn-step{border-bottom:0}
.hndoor .hn-step-row:has(.hn-step:not([open])) summary{padding-right:56%;min-height:110px}
.hndoor .hn-step-row .hn-step-chevron{position:absolute;right:0;top:42px}
.hndoor .hn-quick-choices{position:absolute;right:28px;top:12px;width:49%;display:flex;align-items:stretch;justify-content:flex-end;gap:5px;padding-top:20px}
.hndoor .hn-step-row:has(.hn-step[open]) .hn-quick-choices{display:none}
.hn-quick-label{position:absolute;top:0;right:0;font-size:10px;color:#6f626b;line-height:16px}
.hndoor .hn-quick-choice{display:flex;flex:1;min-width:0;max-width:80px;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 3px;font-size:10px!important;font-weight:400!important;line-height:1.2!important;border:1px solid #dfd6dc;background:#fff;color:#685060;box-sizing:border-box;margin:0;vertical-align:top}
.hndoor .hn-quick-choice[aria-pressed=true]{border-color:#685060;box-shadow:inset 0 0 0 1px #685060;background:#f7f2f5}
.hndoor .hn-quick-choice:hover{background:#f7f2f5;border-color:#a38b98}
.hndoor .hn-quick-choice img{height:28px;width:100%;object-fit:contain;margin:0}
.hndoor .hn-quick-choice i{height:29px;width:29px;border-radius:50%;display:block;background-size:cover;flex:none}
.hndoor .hn-quick-choice span{font-size:10px;line-height:1.2;margin:0;min-height:0}
.hndoor .hn-options{align-items:stretch}
.hndoor button{box-sizing:border-box;vertical-align:top;transform:none;margin-top:0;margin-bottom:0}
.hndoor .hn-options>.hn-option,.hndoor .hn-options>.hn-picture-choice{align-self:stretch}
.hndoor button:focus-visible{outline:2px solid #946245;outline-offset:3px}
.hndoor .hn-preview-dialog{background:white}
.hn-magnifier-stage{position:relative;display:flex;justify-content:center;cursor:crosshair}
.hndoor .hn-magnifier-stage>.hn-assembly{margin:0}
.hn-magnifier-lens{position:absolute;width:180px;height:180px;overflow:hidden;pointer-events:none;border:3px solid #685060;border-radius:50%;background:#fff;box-shadow:0 4px 20px #35271e44;z-index:2}
.hndoor .hn-magnifier-lens .hn-magnified-copy{position:absolute;margin:0!important;max-width:none!important;box-shadow:none;pointer-events:none}
.hn-magnifier-hint{font-size:12px;color:#857780}
.hndoor .hn-source-details #hn-dimension[data-visible=true]{display:flex;gap:18px;align-items:center;padding:12px 0}
.hndoor .hn-source-details #hn-dimension[data-visible=true] svg{height:70px;width:auto;max-width:110px}
.hndoor .hn-source-details #hn-dimension[data-visible=false]{display:none}
@media(max-width:700px){
 .hn-inline .hn-visual{position:sticky;top:var(--hn-preview-top,0px);padding:8px 10px 10px;margin:0;width:100%;z-index:8}
 .hn-inline .hn-visual:before{inset:-1px 0 0;box-shadow:0 0 0 25px #fff}
 .hn-inline .hn-stage-viewport{height:260px;min-height:0}
 .hn-inline .hn-preview-heading{position:absolute;left:10px;right:10px;top:8px;z-index:1;margin:0}
 .hndoor .hn-step-label strong{font-size:18px}
 .hndoor .hn-step-row:has(.hn-step:not([open])) summary{min-height:115px;padding-right:56%}
 .hndoor .hn-quick-choices{right:22px;width:49%;gap:4px}
 .hndoor .hn-quick-choice{font-size:9px!important;min-height:62px}
 .hndoor .hn-quick-choice span{font-size:9px}
 .hndoor .hn-quick-choice i{width:25px;height:25px}
}
@media(hover:none){.hn-magnifier-hint{display:none}}

.hndoor .hn-quick-choice .hn-glass-crop{display:block;height:29px;width:29px;aspect-ratio:1;overflow:hidden;border-radius:4px}.hndoor .hn-quick-choice .hn-glass-crop img{height:100%;width:100%;object-fit:cover}
/* Reserve the entire quick-choice strip, including labels, above the row divider. */
.hndoor .hn-step-row:has(.hn-step:not([open])){min-height:110px;box-sizing:border-box}
.hndoor .hn-step-row:has(.hn-step:not([open])) summary{min-height:110px!important;box-sizing:border-box}
@media(max-width:700px){.hndoor .hn-step-row:has(.hn-step:not([open])),.hndoor .hn-step-row:has(.hn-step:not([open])) summary{min-height:115px!important}}

/* Sample7: four-wide quick choices, independent glass/grilles and quieter typography. */
.hndoor .hn-product-title,.hndoor .hn-step-label strong,.hndoor legend,.hndoor .hn-option,.hndoor .hn-option>span,.hndoor .hn-quick-choice,.hndoor .hn-quick-choice>span,.hndoor .hn-review-fold>summary,.hndoor .hn-source-details>summary,.hndoor .hn-original-copy>summary{color:#111!important}
.hndoor .hn-option small,.hndoor .hn-step-label small{color:#6f626b!important}
.hndoor .hn-quick-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:52%;gap:5px}
.hndoor .hn-quick-choice{width:100%;max-width:none;min-height:62px}
.hndoor .hn-quick-choice span{overflow-wrap:anywhere}
.hndoor .hn-step-row:has(.hn-step:not([open])) summary{padding-right:58%}
.hn-inline .hn-preview-heading{margin-bottom:10px}
.hn-inline .hn-stage-viewport{align-items:flex-start;padding-top:4px;box-sizing:border-box}
.hn-inline .hn-entry-photo .hn-photo img,.hn-inline .hn-entry-photo .hn-photo canvas,.hn-inline .hn-entry-photo .hn-component img,.hn-inline .hn-entry-photo .hn-component canvas{object-fit:fill}
.hn-picture-peek{pointer-events:none;color:#111}
.hn-picture-peek .hn-peek-finish{width:180px;height:180px;margin:10px auto;background-size:cover;border-radius:8px}
.hn-picture-peek .hn-peek-crop{display:block;width:190px;height:170px;margin:10px auto;overflow:hidden}
.hn-picture-peek .hn-peek-crop img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 5%!important;max-height:none}
.hn-picture-peek .hn-texture-crop img{object-fit:cover!important;object-position:center!important}
@media(max-width:700px){
 .hndoor .hn-step-row:has(.hn-step:not([open])){min-height:0!important;padding-bottom:14px}
 .hndoor .hn-step-row:has(.hn-step:not([open])) summary{min-height:70px!important;padding:12px 32px 6px 0}
 .hndoor .hn-step-row .hn-step-chevron{top:25px}
 .hndoor .hn-quick-choices{position:relative;right:auto;top:auto;width:100%;padding-top:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .hndoor .hn-quick-choice{min-height:65px;font-size:11px!important}
 .hndoor .hn-quick-choice span{font-size:11px}
 .hn-inline .hn-stage-viewport{padding-top:4px}
}

.hndoor .hn-unit-measurements{clear:both;padding:0 0 18px;margin-top:-4px;color:#111;font-size:12px}
.hndoor .hn-measure-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;font-size:12px;color:#111}
.hndoor .hn-measure-heading span{font-size:10px;color:#6f626b}
.hndoor .hn-unit-measurements>dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:12px;background:#f8f7f6;border-radius:5px}
.hndoor .hn-unit-measurements dt{font-size:11px;color:#6f626b}
.hndoor .hn-unit-measurements dd{margin:4px 0 0;font-size:15px;color:#111}
.hndoor .hn-unit-measurements .hn-small{font-size:11px;color:#6f626b;line-height:1.5;margin:8px 0}
.hndoor .hn-size-reference>summary{padding:4px 0!important;min-height:0!important;font-size:11px;color:#111;cursor:pointer}
.hndoor .hn-step-row:has(.hn-step:not([open])) .hn-size-reference>summary{padding:4px 0!important;min-height:0!important}
.hndoor .hn-size-reference table{width:100%;font-size:11px;margin:12px 0;border-collapse:collapse}
.hndoor .hn-size-reference caption{text-align:left;font-size:11px;margin-bottom:8px;color:#6f626b}
.hndoor .hn-size-reference td,.hndoor .hn-size-reference th{padding:8px 5px;text-align:left;border-bottom:1px solid #e8e3e5}
.hndoor .hn-size-reference th{color:#111;font-weight:500}
.hndoor .hn-quote-actions>button:not(.hn-primary),.hndoor .hn-next,.hndoor .hn-frame-preferences button,.hndoor .hn-design-summary button{color:#111!important}
@media(max-width:700px){.hndoor .hn-unit-measurements{margin-top:16px;padding-bottom:0}.hndoor .hn-unit-measurements dd{font-size:14px}}

/* Smaller, intentional hover inspection; the entry itself changes only on selection. */
.hn-picture-peek{padding:8px;box-sizing:border-box;animation:hn-peek-appear 140ms ease-out}
.hn-picture-peek .hn-peek-finish{width:112px;height:112px;margin:5px auto}
.hn-picture-peek .hn-peek-crop{width:124px;height:112px;margin:5px auto}
.hn-picture-peek>img{max-height:145px!important;max-width:100%;object-fit:contain}
.hn-picture-peek figcaption{font-size:11px;line-height:1.3;margin-top:6px}
@keyframes hn-peek-appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hn-picture-peek{animation:none}}

/* Responsive preview: larger mobile entry with a continuous, eased collapse. */
@media(max-width:700px){
 .hn-inline .hn-stage-viewport{height:360px;transition:height 360ms cubic-bezier(.22,.61,.36,1)}
 .hn-inline .hn-stage-viewport .hn-assembly{transition:width 360ms cubic-bezier(.22,.61,.36,1)!important;will-change:width}
}
@media(prefers-reduced-motion:reduce){.hn-inline .hn-stage-viewport,.hn-inline .hn-stage-viewport .hn-assembly{transition:none!important}}

/* Clean direct-set glazing: fixed nominal height, scalable frame, no raster frame. */
.hn-inline :is(#hn-transom-preview,.hn-transom-over) .hn-direct-set-transom{position:relative;width:100%;min-width:0;box-sizing:border-box;margin:0;background-color:var(--hn-frame-color,#f6f5ef);background-image:var(--hn-frame-texture,none);background-size:45px 220px;background-blend-mode:soft-light}
.hn-direct-set-glass{position:absolute;display:block;background:linear-gradient(175deg,#dbe2e6 0%,#edf1f3 48%,#d6e0e5 100%);box-shadow:inset 0 0 0 .7px #59656b,inset 0 0 0 1.6px #ffffff80;overflow:hidden}

/* Glass-only samples keep decorative patterns readable in both choice rows. */
.hndoor .hn-family-option .hn-texture-crop img,.hndoor .hn-quick-choice .hn-texture-crop img{object-fit:cover!important;object-position:center!important;transform:none!important}
.hndoor .hn-quick-choice:has(.hn-texture-crop){min-height:94px}
.hndoor .hn-quick-choice .hn-texture-crop{width:100%;height:52px;aspect-ratio:auto;border-radius:3px}
.hndoor .hn-quick-choice .hn-texture-crop img{width:100%!important;height:100%!important}
.hndoor .hn-quote-help{margin:18px 0 10px;line-height:1.5}

@media(min-width:701px){.hndoor .hn-step-row:has(.hn-quick-choice .hn-texture-crop):has(.hn-step:not([open])),.hndoor .hn-step-row:has(.hn-quick-choice .hn-texture-crop):has(.hn-step:not([open])) summary{min-height:132px!important}}

.hndoor .hn-glass-crop.hn-pattern-crop img{object-fit:contain!important;object-position:center!important;transform:none!important}
.hndoor .hn-quick-choice .hn-pattern-crop{width:44px;height:44px;aspect-ratio:1;border-radius:2px}
.hndoor .hn-quick-choice:has(.hn-pattern-crop){min-height:78px}
.hn-picture-peek .hn-pattern-crop img{object-fit:contain!important;object-position:center!important}

/* Let native product previews follow the viewport inside the WordPress theme. */
body.single-ab_product:has([data-hndoor-product]) .l-canvas{overflow:visible}
.hn-inline .hn-entry-intro{font-size:15px;line-height:1.7;color:#655f63;max-width:620px;margin:16px 0 20px}
.hn-inline .hn-entry-highlights{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:0 0 24px;font-size:12px;color:#353035}
.hn-entry-highlights li:before{content:'✓';color:#685060;margin-right:7px}
.hn-inline .hn-entry-guide{padding:12px 0 18px;border-top:1px solid #e7e1e4;margin-bottom:26px}
.hn-inline .hn-entry-guide summary{font-size:13px;color:#111}
.hn-inline .hn-entry-guide p{font-size:13px;line-height:1.65;max-width:610px;color:#655f63}
.hn-inline .hn-product-header:has(.hn-entry-intro){padding-bottom:16px!important}
@media(max-width:700px){.hn-inline .hn-entry-intro{font-size:14px}.hn-inline .hn-entry-highlights{gap:8px 15px}.hn-inline .hn-entry-guide{margin-bottom:12px}}

/* Keep short swatch groups in the same four-column grid, aligned to the right. */
.hndoor .hn-no-more>details>summary{cursor:default}

/* The initial HTML shares the final entry and introduction geometry. */
.hn-native-initial .hn-loading{font-size:13px;color:#655f63;padding:18px 0}
.hn-native-initial .hn-stage-viewport{height:min(660px,max(240px,calc(100vh - var(--hn-preview-top,0px) - 108px)))}
@media(max-width:700px){
 .hn-native-initial{display:flex;flex-direction:column}
 .hn-native-initial .hn-build,.hn-native-initial .hn-controls{display:contents}
 .hn-native-initial .hn-product-header{order:0}
 .hn-native-initial .hn-visual{order:1}
 .hn-native-initial .hn-notice{order:2;margin-top:18px}
 .hn-native-initial .hn-loading{order:3}
 .hn-native-initial .hn-stage-viewport{height:min(360px,max(300px,43vh))}
}

/* Paint the initial fitted entry once before enabling later mobile collapse. */
.hndoor[data-hn-hydrating=true] .hn-stage-viewport,.hndoor[data-hn-hydrating=true] .hn-stage-viewport .hn-assembly{transition:none!important}

.hn-related-products{max-width:1260px;margin:70px auto 0;color:#161616}.hn-related-products h2{color:#161616}.hn-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.hn-related-grid article{display:flex;flex-direction:column;min-width:0}.hn-related-picture{display:flex;height:290px;align-items:center;justify-content:center;background:#faf8f5;border-radius:4px}.hn-related-picture img{display:block;width:100%;height:100%;object-fit:contain;padding:18px}.hn-related-grid h3{font-size:20px;line-height:1.3;margin:8px 0 12px;min-height:78px;color:#161616}.hn-related-grid h3 a{color:inherit;text-decoration:none}.hn-related-grid p{font-size:13px;line-height:1.55;color:#716c70}.hn-related-grid .hn-related-cost{height:22px;margin:14px 0 0;font-size:12px;color:#685060}.hn-related-link{margin-top:auto;color:#685060;padding-top:14px}.hn-related-link:focus-visible,.hn-related-picture:focus-visible,.hn-related-grid h3 a:focus-visible{outline:2px solid #685060;outline-offset:3px}@media(max-width:700px){.hn-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.hn-related-picture{height:240px}.hn-related-grid h3{font-size:17px;min-height:88px}.hn-related-grid p{font-size:12px}}

.hn-line-pattern-crop img{object-fit:contain!important;transform:none!important;padding:2px}.hn-line-pattern-crop{background:#faf8f5}

/* Canonical related-door rail: the previous horizontal quick-look interaction. */
.hn-related-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.hn-related-heading h2{margin:0}.hn-related-nav{display:flex;gap:10px}.hn-related-nav button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid #d9d2d7;background:#fff;color:#193e4b;font-size:20px;cursor:pointer}.hn-related-nav button:hover:enabled{color:#fff;background:#685060;border-color:#685060}.hn-related-nav button:disabled{opacity:.3;cursor:default}.hn-related-grid{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;padding:4px 2px 16px;-webkit-overflow-scrolling:touch}.hn-related-grid article{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start}.hn-related-picture{height:195px;background:transparent;border-radius:0}.hn-related-picture img{padding:0 12px 12px;border-bottom:1px solid #e8e3e6}.hn-related-grid h3{font-size:17px;min-height:66px;margin:8px 0}.hn-related-grid article>p:not(.hn-related-cost){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px}.hn-related-grid:focus-visible,.hn-related-nav button:focus-visible{outline:2px solid #685060;outline-offset:3px}.hn-related-link{font-size:14px;padding-top:10px}.hn-related-grid::-webkit-scrollbar{height:6px}.hn-related-grid::-webkit-scrollbar-thumb{background:#b7aab2;border-radius:3px}@media(max-width:1024px){.hn-related-grid article{flex-basis:calc((100% - 40px)/3)}}@media(max-width:900px){.hn-related-grid{gap:14px}.hn-related-grid article{flex-basis:46%}.hn-related-picture{height:164px}}@media(max-width:479px){.hn-related-grid article{flex-basis:62%}.hn-related-picture{height:156px}.hn-related-grid h3{font-size:16px;min-height:63px}.hn-related-heading{gap:12px}.hn-related-heading h2{font-size:25px}.hn-related-nav button{width:36px;height:36px}}

.hn-handing-diagram{display:flex;align-items:center;gap:14px;color:#161616;margin:16px 0}.hn-handing-diagram svg{width:110px;flex:none}.hn-handing-diagram small{display:block;color:#716c70;font-size:13px;margin-top:5px}

.hn-product-cost{color:#111;font-size:1rem;font-weight:600;margin:.6rem 0}.hn-card-cost{color:#111}.hn-estimate-note{color:#69646a;font-size:.875rem}

.hn-related-grid .hn-related-cost{color:#111}

/* Quick swatch rows grow with full labels and retain their bottom borders. */
@media(min-width:701px){
 .hndoor .hn-step-row:has(.hn-step:not([open])){display:grid;grid-template-columns:minmax(0,1fr) 52%;align-items:center;gap:0}
 .hndoor .hn-step-row:has(.hn-step:not([open])) summary{padding-right:12px!important}
 .hndoor .hn-step-row:has(.hn-step:not([open]))>.hn-quick-choices{position:relative;top:auto;right:auto;width:auto;margin:14px 28px 14px 0;padding-top:20px;grid-column:2;grid-row:1}
 .hndoor .hn-step-row:has(.hn-step:not([open]))>.hn-step{grid-column:1;grid-row:1}
 .hndoor .hn-step-row:has(.hn-step:not([open]))>:not(.hn-step):not(.hn-quick-choices){grid-column:1/-1}
}
.hndoor .hn-quick-choice{border-radius:8px;flex-shrink:0}
.hndoor .hn-quick-choice .hn-privacy{white-space:normal;line-height:1.35}

.hn-preview-unavailable{display:flex;align-items:center;justify-content:center;min-width:0;min-height:100%;padding:8px;background:#f5f2ef;border:1px solid #ded8d2;color:#222;text-align:center;font-size:11px;line-height:1.4;overflow-wrap:anywhere}

/* Similar doors retain a consistent product-card boundary. */
.hndoor .hn-related-grid article{border:1px solid #ddd5d9;border-radius:12px;padding:16px;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}
.hndoor .hn-related-grid .hn-related-picture{background:#f6f5f3;border-radius:8px}
.hndoor .hn-related-grid h3,.hndoor .hn-related-grid p{margin:0}
.hndoor .hn-related-grid article>a:last-child{margin-top:auto}

.hn-direct-set-side{position:relative;background:var(--hn-frame-color,#f6f5ef);border:1px solid #cdcac4;box-sizing:border-box}
.hn-direct-set-side .hn-direct-set-glass{position:absolute;inset:2px 3px;background:linear-gradient(125deg,#ccdde3,#f2f6f7 45%,#c3d5dd);border:1px solid #adbcc0}
.hn-hinges{position:absolute;inset:0;pointer-events:none;z-index:3}
.hn-hinges i{position:absolute;width:1.3%;min-width:2px;height:4.2%;background:linear-gradient(90deg,#9da0a1,#dedfdf,#777a7c);border:1px solid #6f7273;border-radius:1px}
.hn-hinges[data-side=left] i{left:-.5%}.hn-hinges[data-side=right] i{right:-.5%}
.hn-hinges[data-swing=inswing] i{width:.65%;opacity:.7}

.hn-inline :is(#hn-transom-preview,.hn-transom-over) figure canvas{display:block;width:100%;height:auto;max-width:100%}.hn-inline :is(#hn-transom-preview,.hn-transom-over) figure [hidden]{display:none!important}

.hndoor .hn-preview-status{font:12px/1.45 "Spline Sans",Arial,sans-serif;color:#5e5159;background:#f4eef1;border:1px solid #ded4da;border-radius:5px;padding:10px 12px;margin:12px 0 0;text-align:left;width:100%;box-sizing:border-box}

/* Keep sidelite discovery controls aligned in both expanded and matching states. */
.hndoor .hn-side-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:15px}
.hndoor .hn-side-actions>button{display:flex;align-items:center;justify-content:center;flex:1 1 170px;min-width:0;min-height:44px;max-width:100%;margin:0;padding:10px 14px;font-size:12px!important;line-height:1.4;text-align:center;white-space:normal}

/* CCR205A: retain the photographed arch; a generic rectangular frame is not verified. */
.hn-inline .hn-assembly[data-arched-slab=true]{box-shadow:none}
.hn-inline .hn-assembly[data-arched-slab=true] .hn-entry-photo{background:none}

/* Readable supporting copy and consistent keyboard/touch controls. */
.hndoor .hn-small,.hndoor .hn-unit-measurements :is(dt,span){color:#6f626b}
.hndoor :is(button,summary,a,input,textarea):focus-visible{outline:2px solid #685060!important;outline-offset:3px}
.hndoor .hn-preview-heading .hn-enlarge{min-width:44px;min-height:44px}
.hndoor .hn-quick-choice .hn-pattern-crop{width:100%;height:52px;background:#faf8f5}
.hndoor .hn-glass-crop.hn-pattern-crop img{width:auto!important;max-width:100%!important;height:100%!important;margin:auto}
.hndoor .hn-entry-guide{margin-bottom:12px;padding-bottom:12px}
@media(prefers-reduced-motion:reduce){.hndoor *,.hn-related-products *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hndoor .hn-quick-choice{position:relative}
.hndoor .hn-quick-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#685060;color:#fff;font:10px/14px Arial,sans-serif;text-align:center}

/* Profiled frame artwork shares the same canvas with enlargement and PDF capture. */
.hn-inline .hn-assembly[data-frame-artwork=true]{position:relative;isolation:isolate;background:none}
.hn-inline .hn-assembly[data-frame-artwork=true] .hn-surround,.hn-inline .hn-assembly[data-frame-artwork=true] .hn-jamb{position:relative;background:transparent;box-shadow:none;outline:0}
.hn-inline .hn-assembly>.hn-frame-art{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;z-index:-1}
.hn-inline .hn-assembly[data-frame-artwork=true] .hn-mull{box-shadow:inset 1px 0 #ffffff30,inset -1px 0 #00000024}
.hn-inline .hn-assembly[data-frame-artwork=true] .hn-entry-photo{box-shadow:none;outline:0}
.hn-inline .hn-assembly[data-arched-slab=true]:not([data-frame-artwork=true]) .hn-surround,.hn-inline .hn-assembly[data-arched-slab=true]:not([data-frame-artwork=true]) .hn-jamb{padding:0;background:none;box-shadow:none;outline:0}
.hn-frame-preferences [data-field=jambOption][data-value=custom-arch]{grid-template-columns:1fr;min-height:82px}