/* Estate Copperwork parametric designer — shared across design.html and every
   product page. EM split pattern: in-situ photo + sales copy on the left, the
   PMX render (Photo/CAD) + price + Add to quote + configurator on the right. */
#dzForm{align-self:start}
.dz-view{min-width:0}
#dzForm label{display:block;margin:0 0 12px;font-size:.82rem;letter-spacing:.02em}
#dzForm select,#dzForm input{width:100%;padding:9px 10px;margin-top:4px;border:1px solid #d8c3b0;border-radius:7px;background:#fff;font-size:.95rem}
#dzFields{display:grid;grid-template-columns:1fr;gap:0}
#dzFields label{grid-column:1/-1}
.dz-view{border:1px solid #e4d5c6;border-radius:12px;background:linear-gradient(160deg,#fbf6f1,#f1e2d4);overflow:hidden;margin-bottom:16px}
.dz-tabs{display:flex;gap:6px;padding:10px 12px 0}
.dz-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:8px 8px 0 0;cursor:pointer;font-weight:600;color:#8a6a53}
.dz-tabs button.active{background:#fff;color:#7a3b1d;box-shadow:0 -1px 0 #e4d5c6}
#dzViz{position:relative;width:100%;height:440px;background:radial-gradient(circle at 50% 38%,#fff,#f2e5d8)}
#dz3d{width:100%;height:100%}
#dz3d canvas{display:block;width:100%!important;height:100%!important}
#dzCad{width:100%;height:100%;display:none;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}
#dzCad svg{width:100%;height:100%}
.dz-pricebar{display:flex;justify-content:space-between;align-items:baseline;padding:14px 18px;background:#fff;border-top:1px solid #eaddce}
.dz-price{font-size:1.9rem;font-weight:700;color:#7a3b1d}
.dz-price small{font-size:.72rem;color:#9a8574;font-weight:500;display:block}
.dz-desc{padding:12px 18px;background:#fff}
.dz-desc b{color:#5a3320}
.dz-bullets{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.dz-bullets li{background:#f3e6d8;border:1px solid #e0cdba;border-radius:20px;padding:3px 11px;font-size:.8rem;color:#6b4a34}
.dz-actions{display:flex;gap:10px;padding:14px 18px 18px;background:#fff;flex-wrap:wrap}
.dz-note{font-size:.78rem;color:#9a8574;padding:0 18px 16px;background:#fff}
.designer-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;align-items:start;max-width:1280px;margin:0 auto;padding:0}
.ds-visual{position:sticky;top:0;height:100vh;min-height:600px;overflow:hidden}
.ds-figure{margin:0;position:absolute;inset:0;border-radius:0;overflow:hidden;box-shadow:none}
.ds-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ds-figure:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(38,18,9,.24) 0%,rgba(38,18,9,.04) 38%,rgba(44,21,10,.55) 72%,rgba(38,18,9,.88) 100%)}
.ds-figure figcaption{display:none}
.ds-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px 34px 30px}
.ds-copy em{display:block;font-style:normal;font-size:.76rem;letter-spacing:.16em;color:#f0b782;font-weight:700;margin-bottom:10px}
.ds-copy h1{margin:0 0 12px;font-size:2.1rem;line-height:1.12;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.ds-copy p{margin:0 0 14px;color:#f4e6da;line-height:1.6;font-size:1.02rem;max-width:46ch}
.ds-sell{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ds-sell li{position:relative;padding-left:22px;color:#f4e6da;font-size:.92rem;line-height:1.45}
.ds-sell li:before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:#e0954f}
/* Design area — render on the LEFT, inputs running vertically down a column on
   the RIGHT, exactly like the Estate Millwork designer. */
.ds-config{min-width:0;padding:34px 26px 8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(236px,300px);gap:22px;align-items:start}
.ds-config .dz-view{margin-bottom:0}
.ds-config #dzForm{background:#fff;border:1px solid #e4d5c6;border-radius:12px;padding:16px 18px;position:sticky;top:18px}
.ds-config #dzForm label{display:block;margin:0 0 12px}
.designer-seo{background:#fbf6f1;border-top:1px solid #ecdccb}
.designer-seo h2{max-width:1200px;margin:0 auto 6px;color:#4a2612}
.ds-seo-grid{max-width:1200px;margin:0 auto;display:grid;gap:26px}
.ds-seo-block{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.ds-seo-block figure{margin:0;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(74,38,18,.14)}
.ds-seo-block figure img{display:block;width:100%;height:auto}
.ds-seo-block figcaption{padding:8px 4px 0;font-size:.8rem;color:#9a8574}
.ds-seo-block h3{margin:0 0 8px;color:#5a3320;font-size:1.22rem}
.ds-seo-block p{margin:0 0 10px;color:#5f4636;line-height:1.62}
.ds-seo-specs{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.ds-seo-specs li{background:#f3e6d8;border:1px solid #e0cdba;border-radius:20px;padding:3px 11px;font-size:.8rem;color:#6b4a34}
@media(max-width:900px){.designer-split{grid-template-columns:1fr;gap:0}.ds-visual{position:static;height:auto;min-height:360px}.ds-copy{padding:24px 20px 22px}.ds-copy h1{font-size:1.6rem}.ds-config{padding:22px 18px 8px;grid-template-columns:1fr}.ds-config #dzForm{position:static}.ds-seo-block{grid-template-columns:1fr}.ds-seo-block .rev-img{order:-1}}