/* Scoped to the audited doors; no global product, cart or theme overrides. */
.zdro{--zdro-ink:#292821;--zdro-muted:#746d62;--zdro-copper:#a7542c;--zdro-line:#e4ddd3;--zdro-wash:#f3efe8;--zdro-column-gap:clamp(30px,5vw,80px);font-family:Montserrat,Arial,sans-serif;color:var(--zdro-ink);font-size:14px;line-height:1.65;box-sizing:border-box}
.zdro *{box-sizing:border-box}
.zdro p,.zdro h2,.zdro h3,.zdro figure{margin:0}
.zdro a{color:inherit;text-decoration:none}
.zdro[hidden],.zdro [hidden]{display:none!important}
.zdro-eyebrow{display:block;color:var(--zdro-copper);font-size:11px;font-weight:600;letter-spacing:.13em}
.zdro-opening-card{margin:6px 0 22px;padding:17px 19px;background:#f3ebe0;border:1px solid #dfcbb5;border-left:3px solid var(--zdro-copper);border-radius:10px}
.zdro-opening-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.zdro.zdro-opening-card h2{font-size:14px;font-weight:650;line-height:1.45;letter-spacing:0}
.zdro-opening-card-heading a{color:#874122;font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.zdro .zdro-opening-rule{font-size:10px;color:#67594b;margin:4px 0 12px;line-height:1.7}
.zdro-opening-measurements{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.zdro-opening-measurements>div+div{border-left:1px solid #dcc8b0;padding-left:18px}
.zdro-opening-measurements span{display:block;font-size:10px;color:#67594b}
.zdro-opening-measurements strong{display:block;font-size:24px;font-weight:550;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.5px}
.zdro [data-zdro-opening-frame]{font-size:9px;color:#67594b;margin-top:9px;line-height:1.65}
.zdro-opening-guide{margin-top:50px;padding-top:38px;border-top:1px solid var(--zdro-line);scroll-margin-top:170px}
.zdro-opening-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--zdro-column-gap);align-items:end;margin-bottom:28px}
.zdro-opening-intro>.zdro-eyebrow{grid-column:1/-1;margin-bottom:10px}
.zdro .zdro-opening-intro h2{font-family:'Bai Jamjuree',Montserrat,sans-serif;font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-.5px;max-width:420px}
.zdro-opening-intro p{font-size:13px;line-height:1.8;color:var(--zdro-muted);max-width:560px}
.zdro-opening-intro p strong{color:var(--zdro-ink);font-weight:600}
.zdro-opening-guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--zdro-column-gap);align-items:start}
.zdro .zdro-opening-diagram{background:var(--zdro-wash);border:1px solid var(--zdro-line);border-radius:16px;padding:22px 20px 18px;min-width:0}
.zdro-opening-diagram svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.zdro-opening-diagram figcaption{display:flex;justify-content:center;align-items:center;gap:10px 20px;flex-wrap:wrap;font-size:10px;color:#67594b;margin-top:14px}
.zdro-opening-diagram figcaption>span{display:flex;align-items:center;gap:7px}
.zdro-opening-diagram figcaption i{display:inline-block;width:12px;height:12px}
.zdro-opening-legend-gap{border:1px dashed var(--zdro-copper)}
.zdro-opening-legend-frame{background:#e0c6a1;border:1px solid #ad8b60}
.zdro-opening-diagram figcaption small{flex:1 0 100%;text-align:center;font-size:9px}
.zdro-opening-sizes{width:100%;max-width:560px;min-width:0}
.zdro .zdro-opening-table-heading h3{font-size:18px;font-weight:550;line-height:1.4}
.zdro-opening-table-heading p{font-size:11px;color:var(--zdro-muted);margin-top:6px}
.zdro-opening-sizes table{width:100%;table-layout:fixed;border-collapse:collapse;border:0;margin:18px 0 0;font-size:13px;line-height:1.5;background:transparent}
.zdro-opening-sizes caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.zdro-opening-sizes th,.zdro-opening-sizes td{border:0;border-bottom:1px solid var(--zdro-line);padding:15px 12px;text-align:left;vertical-align:middle;background:transparent}
.zdro-opening-sizes thead th{font-size:11px;font-weight:600;padding:10px 12px;background:var(--zdro-wash)}
.zdro-opening-sizes th:first-child{width:37%}
.zdro-opening-sizes thead small{display:block;color:var(--zdro-muted);font-size:9px;font-weight:400;margin-top:4px}
.zdro-opening-sizes tbody th strong{font-size:13px;font-weight:550;white-space:nowrap}
.zdro-opening-sizes .zdro-opening-frame-inches{display:block;font-size:10px;font-weight:400;color:var(--zdro-muted);margin-top:5px;line-height:1.6;font-variant-numeric:tabular-nums}
.zdro-opening-frame-inches span{white-space:nowrap}
.zdro-opening-sizes td strong{display:block;font-size:16px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}
.zdro-opening-sizes td small{display:block;font-size:9px;color:var(--zdro-muted);margin-top:5px;line-height:1.6}
.zdro-opening-sizes tr.is-selected{background:#f5ece1}
.zdro-opening-sizes tr.is-selected th{box-shadow:inset 3px 0 var(--zdro-copper)}
.zdro-opening-selected{display:block;color:#874122;font-size:9px;font-weight:600;letter-spacing:.02em;margin-top:4px}
.zdro .zdro-opening-rounding{font-size:10px;color:var(--zdro-muted);line-height:1.8;margin-top:16px}
.zdro .zdro-opening-availability{font-size:10px;color:var(--zdro-muted);margin-top:8px}
.zdro #zapara-door-preview .zdro-opening-reminder{display:grid;grid-template-columns:1fr auto;gap:3px 10px;border-left:2px solid var(--zdro-copper);padding:10px 13px;margin:17px 0;background:#f3ebe0;border-radius:0 6px 6px 0}
.zdro-opening-reminder>span{font-size:10px;color:#67594b}
.zdro-opening-reminder>strong{font-size:13px;font-weight:550;grid-column:1;line-height:1.6}
.zdro-opening-reminder>a{font-size:10px;color:#874122;grid-column:2;grid-row:1/3;align-self:center;text-decoration:underline;text-underline-offset:3px}
.zdro-opening-card a:focus-visible,.zdro-opening-reminder a:focus-visible{outline:2px solid var(--zdro-copper);outline-offset:4px}
.zdro-help details a{color:#874122;text-decoration:underline;text-underline-offset:3px}
@media(min-width:768px) and (max-width:1100px){
 .zdro-opening-card{padding:14px}
 .zdro-opening-card-heading{flex-wrap:wrap;gap:5px}
 .zdro-opening-measurements strong{font-size:21px}
 .zdro .zdro-opening-intro h2{font-size:30px}
 .zdro-opening-intro p{font-size:12px}
 .zdro-opening-sizes th,.zdro-opening-sizes td{padding:13px 8px}
 .zdro-opening-sizes td strong{font-size:13px}
 .zdro-opening-sizes tbody th strong{font-size:11px}
 .zdro #zapara-door-preview .zdro-opening-reminder{display:flex;flex-direction:column}
 .zdro-opening-reminder>a{align-self:flex-start;margin-top:3px}
}
@media(max-width:767px){
 .zdro-key-facts>div{padding:17px 0}
 .zdro-opening-card{margin:9px 0 23px;padding:16px}
 .zdro.zdro-opening-card h2{font-size:13px}
 .zdro-opening-card-heading a{font-size:10px}
 .zdro-opening-measurements strong{font-size:23px}
 .zdro-opening-guide{margin-top:30px;padding-top:27px;scroll-margin-top:125px}
 .zdro-opening-intro{display:block;margin-bottom:22px}
 .zdro .zdro-opening-intro h2{font-size:29px;max-width:300px;margin:9px 0 14px}
 .zdro-opening-intro p{font-size:12px}
 .zdro-opening-guide-grid{grid-template-columns:1fr;gap:26px}
 .zdro .zdro-opening-diagram{padding:16px 8px}
 .zdro-opening-sizes{max-width:none}
 .zdro .zdro-opening-table-heading h3{font-size:17px}
 .zdro-opening-sizes th,.zdro-opening-sizes td{padding:13px 9px}
 .zdro-opening-sizes tbody th strong{font-size:12px}
 .zdro-opening-sizes td strong{font-size:14px}
 .zdro #zapara-door-preview .zdro-opening-reminder{display:flex;flex-direction:column}
 .zdro-opening-reminder>a{align-self:flex-start;margin-top:4px}
}
@media(max-width:360px){
 .zdro-opening-card-heading{flex-wrap:wrap;gap:5px}
 .zdro-opening-sizes th,.zdro-opening-sizes td{padding-inline:6px}
 .zdro-opening-sizes tbody th strong{font-size:11px}
 .zdro-opening-sizes td strong{font-size:12px}
}

/* The real, undistorted product photograph replaces the drawn reference door. */
.zdro .zdro-opening-photo-reference{padding:22px 20px 19px;background:radial-gradient(ellipse at 50% 45%,#fffdf8 0%,#f6f0e6 63%,#efe7db 100%);border-color:#e0d4c3;overflow:hidden}
.zdro-opening-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.zdro-opening-photo-heading .zdro-eyebrow{font-size:9px;letter-spacing:.12em}
.zdro-opening-photo-tag{border:1px solid #ded2c1;border-radius:20px;padding:4px 9px;font-size:9px;color:#706151;white-space:nowrap;background:#fffcf6}
.zdro-opening-photo-stage{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto}
.zdro-opening-photo-stage:before{content:'';position:absolute;left:30%;right:30%;bottom:10%;height:4%;border-radius:50%;background:#6f5139;filter:blur(14px);opacity:.13}
.zdro-opening-photo-boundary{position:absolute;left:34%;top:14.8%;width:31.2%;height:73.8%;border:1.5px dashed #a7542c;background:rgba(186,145,89,.065)}
.zdro-opening-photo-crop{position:absolute;left:36.4%;top:18.2%;width:26.4%;height:70.4%;overflow:hidden;mix-blend-mode:multiply;color:#746d62;font-size:11px;text-align:center}
.zdro-opening-photo-crop img{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:auto!important;max-width:none!important;height:100%!important;object-fit:contain}
.zdro-opening-photo-stage .zdro-opening-photo-rails{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
/* One type system for final dimensions and added clearances. */
.zdro-opening-photo-stage{--zdro-measure-size:26px;margin-top:44px}
.zdro .zdro-opening-intro h2{font-size:38px;max-width:560px;font-weight:550}
.zdro-opening-intro>.zdro-eyebrow{font-size:11px;font-weight:600}
.zdro-opening-photo-title{font-size:15px;font-weight:650;line-height:1.4;color:#493725}
.zdro-opening-photo-width,.zdro-opening-photo-height{position:absolute;text-align:center;line-height:1.3}
.zdro-opening-photo-width{left:23%;top:-6%;width:53%}
.zdro-opening-photo-height{left:68%;top:42%;width:32%;background:rgba(249,244,235,.85);padding:8px 0;border-radius:8px}
.zdro-opening-photo-width>span,.zdro-opening-photo-height>span{display:block;font-size:13px;font-weight:500;color:#6a5948}
.zdro-opening-photo-stage .zdro-opening-photo-value{font-family:Montserrat,Arial,sans-serif;font-size:var(--zdro-measure-size);font-weight:600;line-height:1.2;letter-spacing:-.5px;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;color:#493725}
.zdro-opening-photo-width>strong,.zdro-opening-photo-height>strong{display:block;margin:3px 0}
.zdro-opening-photo-width>small,.zdro-opening-photo-height>small{display:block;font-size:12px;color:#746352;line-height:1.4}
.zdro-opening-photo-width>small{display:flex;justify-content:center;align-items:baseline;gap:5px}
.zdro-opening-photo-height>small{margin-top:10px}
.zdro-opening-photo-side{position:absolute;text-align:center;line-height:1.3;color:#6a5948}
.zdro-opening-photo-left{left:2%;top:41%;width:24%}
.zdro-opening-photo-right{left:73%;top:20%;width:27%}
.zdro-opening-photo-side>strong{display:block}
.zdro-opening-photo-side>span{display:block;font-size:13px;font-weight:500;margin-top:3px}
.zdro .zdro-opening-photo-selected{position:absolute;left:5%;bottom:1.4%;width:90%;text-align:center;font-size:12px;color:#6a5948}
.zdro-opening-photo-reference figcaption{border-top:1px solid #dfd3c2;padding-top:16px;margin-top:6px;font-size:12px;font-style:normal}
.zdro-opening-photo-reference figcaption small{font-size:10px;line-height:1.65;color:#746352}
@media(min-width:768px) and (max-width:1100px){
 .zdro .zdro-opening-intro h2{font-size:31px}
 .zdro .zdro-opening-photo-reference{padding:17px 10px}
 .zdro-opening-photo-heading{flex-wrap:wrap;gap:6px}
 .zdro-opening-photo-stage{--zdro-measure-size:22px;margin-top:62px}
 .zdro-opening-photo-title{font-size:14px}
 .zdro-opening-photo-width{top:-13%}
 .zdro-opening-photo-width>span,.zdro-opening-photo-height>span{font-size:12px}
 .zdro-opening-photo-height>small,.zdro-opening-photo-width>small{font-size:11px}
 .zdro-opening-photo-right{top:15%}
 .zdro-opening-photo-left{top:37%}
 .zdro-opening-photo-side>span{font-size:12px}
 .zdro .zdro-opening-photo-selected{font-size:11px}
}
@media(max-width:767px){
 .zdro .zdro-opening-intro h2{font-size:30px;max-width:none}
 .zdro .zdro-opening-photo-reference{padding:17px 8px}
 .zdro-opening-photo-heading{padding:0 7px;flex-wrap:wrap;gap:7px}
 .zdro-opening-photo-title{font-size:15px}
 .zdro-opening-photo-stage{--zdro-measure-size:22px;margin-top:62px}
 .zdro-opening-photo-width{top:-13%}
 .zdro-opening-photo-width>span,.zdro-opening-photo-height>span{font-size:12px}
 .zdro-opening-photo-height>small,.zdro-opening-photo-width>small{font-size:11px}
 .zdro-opening-photo-right{top:15%}
 .zdro-opening-photo-left{top:37%}
 .zdro-opening-photo-side>span{font-size:12px}
 .zdro .zdro-opening-photo-selected{font-size:11px;bottom:0}
 .zdro-opening-photo-reference figcaption{margin:14px 8px 0;font-size:11px}
 .zdro-opening-photo-reference figcaption small{font-size:9px}
}
@media(max-width:360px){
 .zdro-opening-photo-stage{--zdro-measure-size:20px}
 .zdro-opening-photo-width{top:-17%}
 .zdro-opening-photo-width>span,.zdro-opening-photo-height>span{font-size:11px}
 .zdro-opening-photo-right{top:11%}
 .zdro-opening-photo-left{top:34%}
 .zdro-opening-photo-height>small,.zdro-opening-photo-width>small{font-size:10px}
 .zdro-opening-photo-side>span{font-size:11px}
}

/* Production placement and per-product photographs. */
.zdro.zdro-opening-guide{width:100%;max-width:none;margin:45px auto 0;padding:38px clamp(20px,2.5vw,48px) 42px;background:#fbf9f5;border-block:1px solid var(--zdro-line);scroll-margin-top:190px}
.zdro.zdro-opening-card{width:100%;max-width:560px;margin:18px 0}
.zdro-opening-card [data-zdro-context],.zdro-opening-card [data-zdro-frame]{font-size:10px;color:#67594b;line-height:1.55}
.zdro-opening-card [data-zdro-context]{margin-top:9px}
.zdro-opening-photo-crop .zdro-product-photo{width:100%;height:100%;max-width:none;display:block;margin:0;overflow:hidden}
.zdro-opening-photo-selected>span{display:block}
.zdro-opening-photo-selected>[data-zdro-context]{font-size:10px;line-height:1.3;color:#746352}
.zdro .zdro-opening-photo-selected{bottom:-1.8%;line-height:1.5}
.zdro-opening-photo-reference figcaption{margin-top:23px}
.zdro-opening-sizes .zdro-frame-inches{display:block;font-size:10px;font-weight:400;color:var(--zdro-muted);line-height:1.7;margin-top:5px}
.zdro-frame-inches>span{white-space:nowrap}
.zdro.zdro-opening-reminder{display:grid;grid-template-columns:1fr auto;gap:3px 10px;border-left:2px solid var(--zdro-copper);padding:10px 13px;margin:17px 0;background:#f3ebe0;border-radius:0 6px 6px 0}
.zdro.zdro-opening-reminder>span{font-size:11px;color:#67594b}
.zdro.zdro-opening-reminder>strong{font-size:14px;font-weight:600;grid-column:1;line-height:1.6}
.zdro.zdro-opening-reminder>a{font-size:11px;color:#874122;grid-column:2;grid-row:1/3;align-self:center;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.zdro.zdro-opening-reminder{display:flex;flex-direction:column}.zdro.zdro-opening-reminder>a{align-self:flex-start;margin-top:4px}}
@media(max-width:767px){
 .zdro.zdro-opening-guide{padding:27px 18px 30px;margin-top:30px;scroll-margin-top:145px}
 .zdro.zdro-opening-card{max-width:none}
 .zdro-opening-guide-grid{grid-template-columns:1fr}
 .zdro-opening-sizes .zdro-frame-inches{font-size:10px}
 .zdro .zdro-opening-photo-selected{bottom:-3%}
 .zdro-opening-photo-reference figcaption{margin-top:27px}
}
@media(max-width:360px){.zdro.zdro-opening-guide{padding-inline:14px}.zdro-opening-sizes .zdro-frame-inches{font-size:9px}}
@media(prefers-reduced-motion:reduce){.zdro{scroll-behavior:auto}}
