.ec-section{--ec-gold:#d8b77c;--ec-line:#d8b77c30;border-top:1px solid var(--ec-line);scroll-margin-top:160px}
.ec-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end;margin-bottom:30px}
.ec-heading .mp-label{color:var(--ec-gold)}
.ec-heading p{max-width:520px;margin:0!important;color:#beb9ad;line-height:1.8}
.ec-drawing{margin:0;border:1px solid var(--ec-line);border-radius:12px;overflow:hidden;background:#141615}
.ec-drawing-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;border-bottom:1px solid var(--ec-line);color:#d6c8af;font-size:13px;letter-spacing:.035em}
.ec-drawing-bar span:last-child{color:#aca99e;letter-spacing:0}
.ec-canvas{position:relative}
.ec-canvas .ec-image{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.ec-hotspots{display:none}
.ec-hotspot[data-engineering-select="grille"]{--ec-x:38%;--ec-y:60%}
.ec-hotspot[data-engineering-select="light"]{--ec-x:52%;--ec-y:53%}
.ec-hotspot[data-engineering-select="ports"]{--ec-x:65%;--ec-y:60%}
.ec-hotspot[data-engineering-select="cover"]{--ec-x:51%;--ec-y:24%}
.ec-hotspot[data-engineering-select="mount"]{--ec-x:20%;--ec-y:63%}
.ec-hotspot[data-engineering-select="airflow"]{--ec-x:50%;--ec-y:42%}
.ec-ready .ec-hotspots{display:block}
.ec-hotspot{position:absolute;left:var(--ec-x);top:var(--ec-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e1c38d;border-radius:50%;background:#151918ed;color:#eed2a1;box-shadow:0 0 0 5px #15191850;font:600 13px/1 ui-monospace,monospace;transition:background .18s,box-shadow .18s,color .18s}
.ec-hotspot[aria-pressed="true"]{color:#201d17;background:var(--ec-gold);box-shadow:0 0 0 7px #dbba7d26,0 0 28px #dab06c35}
.ec-hotspot:hover{box-shadow:0 0 0 7px #dbba7d26}
.ec-section .ec-hotspot:focus-visible{outline:3px solid #f3e2bc;outline-offset:6px}
.ec-drawing figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-top:1px solid var(--ec-line);background:#20231f}
.ec-drawing figcaption p{margin:0;color:#bcb6a7;font-size:13px}
.ec-expand{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;flex-shrink:0;padding:8px 15px;border:1px solid #d8b77c60;border-radius:5px;color:#ead1a5!important;font-size:14px;font-weight:600}
.ec-expand:hover{background:#d8b77c12;border-color:#d8b77c}
.ec-feature-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:18px}
.ec-feature{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 11px;min-height:88px;padding:16px 14px;border:1px solid #ffffff20;border-radius:7px;background:#272825;color:#c6c1b7;text-align:left;line-height:1.45;font-size:14px;transition:background .18s,border-color .18s}
.ec-feature-number{font:12px/1.2 ui-monospace,monospace;color:#b9a37b}
.ec-feature-arrow{display:none}
.ec-feature[aria-pressed="true"]{color:#f2e3ca;background:#d8b77c14;border-color:#d8b77c99;box-shadow:inset 0 -2px var(--ec-gold)}
.ec-feature[aria-pressed="true"] .ec-feature-number{color:#efd2a0}
.ec-feature:hover{border-color:#d8b77c70}
.ec-details{margin-top:18px;border:1px solid var(--ec-line);border-radius:8px;background:linear-gradient(110deg,#d8b77c08,transparent 65%)}
.ec-detail{display:grid;grid-template-columns:74px minmax(0,1fr);gap:28px;padding:30px 34px;border-top:1px solid var(--ec-line)}
.ec-detail[hidden]{display:none}
.ec-detail:first-child{border-top:0}
.ec-ready .ec-detail{border-top:0;min-height:190px}
.ec-detail-number{font:300 42px/1.3 ui-monospace,monospace;color:#d3b781}
.ec-detail-label{display:block;color:#c6ac7e;font-size:12px;margin-bottom:7px}
.ec-detail h3{font-size:23px!important;margin:0 0 12px!important}
.ec-detail p{max-width:1040px;margin:0!important;color:#c5c1b7;font-size:15px;line-height:1.85}
.ec-next{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:20px}
.ec-next p{margin:0!important;font-size:13px;color:#a9a497}
.ec-next .mp-text-link{flex-shrink:0;color:#e2c48f!important;border-color:#d8b77c55}
html.ec-dialog-open{overflow:hidden}
.ec-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#111514f5;color:#f0e8d8;box-shadow:none;overflow:hidden}
.ec-dialog::backdrop{background:#0b0e0bf0}
.ec-dialog-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}
.ec-dialog header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 24px;border-bottom:1px solid #d8b77c30}
.ec-dialog header h2{font-size:18px!important;line-height:1.45}
.ec-dialog header button{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:1px solid #d8b77c66;border-radius:50%;background:#d8b77c0a;color:#ead3a8;font:300 32px/1 sans-serif}
.ec-dialog-media{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;padding:18px clamp(20px,4vw,70px);cursor:zoom-out;overflow:hidden}
.ec-dialog-media img{display:block;flex-shrink:1;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:default}
.ec-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;border-top:1px solid #d8b77c30;color:#bcb5a5;font-size:13px}
.ec-dialog footer p{margin:0!important}
.ec-dialog footer a{flex-shrink:0;padding:8px 12px;border:1px solid #d8b77c40;border-radius:4px;color:#e2c48f}
@media(min-width:1700px){.ec-feature{padding:20px;font-size:16px;min-height:94px}.ec-detail p{font-size:16px}.ec-ready .ec-detail{min-height:180px}}
@media(max-width:1100px){.ec-feature-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.ec-feature{grid-template-columns:auto 1fr auto;min-height:64px}.ec-feature-arrow{display:block;color:#b7a17b}.ec-heading{gap:25px;grid-template-columns:1fr 1fr}.ec-drawing figcaption{align-items:flex-start}}
@media(max-width:760px){.ec-heading{grid-template-columns:1fr;gap:18px}.ec-drawing-bar{padding:12px 15px;font-size:11px}.ec-drawing figcaption{flex-direction:column;gap:12px;padding:16px}.ec-drawing figcaption p{font-size:12px}.ec-expand{width:100%}.ec-feature-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-feature{padding:14px 12px;font-size:13px;min-height:64px}.ec-detail{grid-template-columns:40px minmax(0,1fr);gap:15px;padding:23px 20px}.ec-detail-number{font-size:30px}.ec-detail h3{font-size:21px!important}.ec-detail p{font-size:14px}.ec-ready .ec-detail{min-height:250px}.ec-next{align-items:flex-start;flex-direction:column;gap:12px}.ec-dialog header{padding:12px 16px;gap:15px}.ec-dialog header h2{font-size:16px!important}.ec-dialog-media{padding:10px 16px}.ec-dialog footer{padding:12px 16px;gap:12px;flex-wrap:wrap;font-size:11px}.ec-dialog footer a{min-height:42px;display:inline-flex;align-items:center}}
@media(max-width:600px){.ec-ready .ec-hotspots{display:none}.ec-drawing-bar span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.ec-hotspot,.ec-feature{transition:none}}

.ec-section[data-engineering-mode="photo"] .ec-hotspot[data-engineering-select="grille"]{--ec-y:73%}
.ec-section[data-engineering-mode="photo"] .ec-hotspot[data-engineering-select="light"]{--ec-y:65%}
.ec-section[data-engineering-mode="photo"] .ec-hotspot[data-engineering-select="ports"]{--ec-x:68%;--ec-y:70%}
.ec-section[data-engineering-mode="photo"] .ec-hotspot[data-engineering-select="mount"]{--ec-x:18%;--ec-y:76%}
.ec-section[data-engineering-mode="photo"] .ec-hotspot[data-engineering-select="airflow"]{--ec-y:50%}
.ec-section .ec-mode-status{font-size:13px;color:#d8b77c;margin:12px 0 0}
.ec-mode-status:empty,[data-engineering-mode-status]:empty{display:none}
.ec-dialog header{flex-wrap:wrap;gap:12px}
.ec-dialog header h2{margin:0 auto 0 0}
.ec-dialog header .visual-mode-switch{margin-left:auto}
@media(max-width:600px){.ec-dialog header .visual-mode-switch{order:3;width:100%;justify-content:center}}