html body #content .md-hero .md-visual{width:100%;max-width:650px;justify-self:center;order:0}
html body #content .power-hero-diagram{position:relative;isolation:isolate;height:740px;min-height:0;margin:0;border:1px solid #abc4bb22;border-radius:8px;background:linear-gradient(145deg,#11211eee,#091110e8);--prmad-energy:#edd0a0;--prmad-time-scale:1;container-type:inline-size;overflow:hidden}
html body #content .power-hero-diagram::after{display:none}
html body #content .power-hero-diagram .prmad-demo{inset:0;overflow:visible;pointer-events:auto}
html body #content .power-hero-diagram .prmad-configuration{top:22px;left:24px;right:auto}
html body #content .power-hero-diagram .prmad-modes{gap:9px}
html body #content .power-hero-diagram .prmad-mode{width:68px;min-height:82px}
html body #content .power-hero-diagram .prmad-overline{font-size:10px}
html body #content .power-hero-diagram .prmad-output{left:auto;right:22px;top:24px;display:block;min-width:115px}
html body #content .power-hero-diagram .prmad-output strong{font-size:48px;margin:8px 0}
html body #content .power-hero-diagram .prmad-output .prmad-status{font-size:9px;white-space:normal;max-width:145px}
html body #content .power-hero-diagram .prmad-assembly-wrap{left:0;right:0;top:155px;bottom:55px;container:none;display:flex;justify-content:center}
html body #content .power-hero-diagram .prmad-assembly-scene{width:100%;height:100%;aspect-ratio:auto}
html body #content .power-hero-diagram .prmad-assembly{width:100%;height:100%;overflow:visible}
html body #content .power-hero-diagram .prmad-product-info{position:absolute;bottom:18px;left:22px;right:22px;top:auto}
html body #content .power-hero-diagram .prmad-product-info p{font-size:15px;line-height:1.5;text-align:center;color:#c4cfc9;margin:0}
html body #content #elba-fipad .elba-fipad-full{display:flex;align-items:center;justify-content:center;padding:35px 3%;background:radial-gradient(ellipse,#28342f77,transparent 70%);box-sizing:border-box}
html body #content #elba-fipad .elba-fipad-full::after{display:none}
html body #content #elba-fipad .elba-fipad-photo{display:block;width:100%;height:auto;max-height:100%;overflow:visible;filter:drop-shadow(0 18px 20px #0006)}
@media(max-width:1100px){html body #content .power-hero-diagram .prmad-configuration{left:16px}html body #content .power-hero-diagram .prmad-mode{width:53px}html body #content .power-hero-diagram .prmad-output{right:16px;min-width:85px}html body #content .power-hero-diagram .prmad-output strong{font-size:40px}}
@media(max-width:700px){html body #content #pr-mad.md-hero{padding:100px 20px 125px!important;gap:30px!important}html body #content .md-hero .md-visual{order:0!important;max-width:480px}html body #content .power-hero-diagram{height:680px}html body #content .power-hero-diagram .prmad-configuration{left:14px;top:20px}html body #content .power-hero-diagram .prmad-output{right:12px;top:22px;min-width:90px}html body #content .power-hero-diagram .prmad-output .prmad-status{max-width:100px}html body #content #elba-fipad .elba-fipad-full{min-height:280px!important;height:auto!important;aspect-ratio:1.4;padding:24px 4%}}
html body #content .power-hero-diagram .prmad-product-info{display:block!important}
html body #content .power-hero-diagram .prmad-svg-labels{font-size:18px;letter-spacing:.4px;opacity:.9}
/* Smaller ELBA product photographs, with the entire luminaire in view. */
html body #content .eo-model .eo-scene>img{inset:11%!important;width:78%!important;height:78%!important;object-fit:contain!important;object-position:center!important}
html body #content #elba-fipad .elba-fipad-photo{width:78%;max-height:78%}
/* Two compact ELBA product rows per desktop viewport. */
@media(min-width:701px){
 html body #content .eo-model{display:grid!important;grid-template-columns:1fr 1fr;min-height:0!important;height:auto!important;padding:0 4%;align-items:stretch}
 html body #content .eo-model .eo-scene{min-height:0!important;height:clamp(320px,calc((100svh - 110px)/2),560px)!important;max-height:none!important;aspect-ratio:auto!important}
 html body #content .eo-model .eo-scene>img{inset:10% 25%!important;width:50%!important;height:80%!important;object-fit:contain!important}
 html body #content #elba-fipad .elba-fipad-full{padding:0!important;min-height:0!important}
 html body #content #elba-fipad .elba-fipad-photo{width:50%;max-height:80%}
 html body #content .eo-model-copy{padding:22px 4vw 22px 20px!important}
 html body #content .eo-model h2{font-size:clamp(26px,2.1vw,38px)!important;line-height:1.15;margin:0 0 10px!important}
 html body #content .eo-model h3{font-size:17px!important;line-height:1.4;margin:0 0 12px!important}
 html body #content .eo-model-copy>p:not(.md-eyebrow){font-size:15px!important;line-height:1.6!important}
 html body #content .eo-model .eo-actions{margin-top:18px!important}
 html body #content .eo-model .eo-actions a{font-size:13px!important;min-height:42px!important;padding:10px 17px!important}
 html body #content .eo-model .eo-scene figcaption{bottom:15px;left:6%;font-size:10px}
}
@media(max-width:700px){
 html body #content .eo-model{min-height:0!important}
 html body #content .eo-model .eo-scene{height:230px!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
 html body #content .eo-model .eo-scene>img{inset:10% 20%!important;width:60%!important;height:80%!important}
 html body #content #elba-fipad .elba-fipad-full{min-height:0!important;padding:0!important}
 html body #content #elba-fipad .elba-fipad-photo{width:60%;max-height:80%}
 html body #content .eo-model-copy{padding:18px 24px 32px!important}
 html body #content .eo-model h2{font-size:28px!important}
}
/* Clear application names beside the products, in the model-heading typeface. */
html body #content .eo-model .eo-scene{display:grid!important;grid-template-columns:1fr 1fr;align-items:center!important;gap:12px;overflow:visible!important}
html body #content .eo-model .eo-category-label{grid-column:1;grid-row:1;align-self:center;margin:0;color:#fff;font:700 clamp(26px,2.1vw,38px)/1.15 var(--prescot-font-heading,Outfit,sans-serif);letter-spacing:-.035em;position:relative;z-index:2}
html body #content .eo-model .eo-scene>img,html body #content #elba-fipad .elba-fipad-photo{grid-column:2;grid-row:1;position:static!important;inset:auto!important;width:100%!important;height:80%!important;max-height:80%;object-fit:contain!important;min-width:0}
html body #content .eo-model .eo-scene::after{display:none}
@media(max-width:1200px){
 html body #content .eo-model .eo-scene{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;padding:22px 0!important}
 html body #content .eo-model .eo-category-label{grid-column:1;grid-row:1;font-size:26px;text-align:center}
 html body #content .eo-model .eo-category-label br{display:none}
 html body #content .eo-model .eo-category-label br::after{content:' '}
 html body #content .eo-model .eo-scene>img,html body #content #elba-fipad .elba-fipad-photo{grid-column:1;grid-row:2;width:72%!important;height:100%!important;max-height:100%;justify-self:center}
}
@media(max-width:700px){
 html body #content .eo-model .eo-scene{height:280px!important;padding:20px 24px 0!important}
 html body #content .eo-model .eo-category-label{font-size:28px;text-align:left}
 html body #content .eo-model .eo-category-label br{display:block}
 html body #content .eo-model .eo-scene>img,html body #content #elba-fipad .elba-fipad-photo{width:60%!important}
}
html body #content .eo-model .eo-scene>img,html body #content #elba-fipad .elba-fipad-photo{background:radial-gradient(ellipse at center,#26313a,#10161b 74%);border:1px solid #ffffff0d;border-radius:4px;box-sizing:border-box}
html body #content #oferta-elba h2{width:auto!important;max-width:none!important;white-space:nowrap;font-size:clamp(26px,2.7vw,44px)!important;line-height:1.2!important}
@media(max-width:700px){html body #content #oferta-elba h2{font-size:clamp(23px,6.2vw,36px)!important}}
/* Balance the product frame between the application label and model copy. */
@media(min-width:1201px){
 html body #content .eo-model .eo-scene>img,
 html body #content #elba-fipad .elba-fipad-photo{transform:translateX(-16%)!important}
}
@media(min-width:1201px){
 html body #content .eo-model .eo-scene>img,
 html body #content #elba-fipad .elba-fipad-photo{transform:translateX(var(--elba-photo-shift,0px))!important}
}
/* Center the closing invitation between its horizontal rules. */
html body #content #oferta-elba{padding-top:56px!important;padding-bottom:56px!important;align-items:center!important}
html body #content #oferta-elba>div{align-self:center}
html body #content #oferta-elba p{margin-bottom:0!important}
@media(max-width:700px){html body #content #oferta-elba{padding-top:36px!important;padding-bottom:36px!important}}
/* One centered closing block: heading, description, then the existing actions. */
html body #content #oferta-elba{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:18px!important;padding:48px 4% 32px!important;text-align:center!important}
html body #content #oferta-elba>div{width:100%!important;max-width:none!important;align-self:center!important;text-align:center!important}
html body #content #oferta-elba h2{width:100%!important;max-width:none!important;margin:0!important;text-align:center!important;white-space:nowrap!important}
html body #content #oferta-elba p{width:100%!important;max-width:none!important;margin:0!important;text-align:center!important;font-size:clamp(13px,.9vw,17px)!important;line-height:1.6!important}
@media(min-width:1201px){html body #content #oferta-elba p{white-space:nowrap!important}}
@media(max-width:1200px){html body #content #oferta-elba p{white-space:normal!important;font-size:15px!important}html body #content #oferta-elba{padding:36px 6% 28px!important}}
/* PR-MAD: one large selector, then the horizontal hardware diagram. */
html body #content #pr-mad-dip.power-dip-interactive{display:block!important;padding:80px max(6vw,24px)!important;min-height:0!important;overflow:visible!important}
html body #content .power-dip-controls{max-width:1280px;margin:0 auto}
html body #content .power-dip-controls h2{font-size:clamp(30px,2.8vw,40px)!important;line-height:1.3!important}
html body #content .power-dip-controls .md-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 20px}
html body #content .power-dip-controls .md-selector button{min-height:48px}
html body #content .power-dip-controls .md-switch-panel{margin:0;min-height:125px}
html body #content .power-dip-diagram{position:relative;isolation:isolate;min-height:370px;height:clamp(370px,36vw,510px);width:100%;background:radial-gradient(ellipse at center,#25333266,transparent 72%);margin:26px 0 0;--prmad-energy:#edd0a0;--prmad-time-scale:1}
html body #content .power-dip-diagram .prmad-demo{position:absolute;inset:0;overflow:visible;pointer-events:none}
html body #content .power-dip-diagram .prmad-output{right:1%;top:5px;left:auto;display:block;min-width:115px}
html body #content .power-dip-diagram .prmad-output strong{font-size:40px;margin:6px 0}
html body #content .power-dip-diagram .prmad-assembly-wrap{position:absolute;inset:100px 0 55px;display:flex;align-items:center;justify-content:center;container:none}
html body #content .power-dip-diagram .prmad-assembly-scene{width:100%;height:100%;aspect-ratio:auto}
html body #content .power-dip-diagram .prmad-assembly{width:100%;height:100%;overflow:visible}
html body #content .power-dip-diagram .prmad-product-info{display:block;position:absolute;bottom:10px;left:0;right:0;text-align:center}
html body #content .power-dip-diagram .prmad-product-info p{margin:0;font-size:16px;line-height:1.5;color:#bdcbc5}
html body #content .power-dip-controls .md-install-note{margin-top:22px;line-height:1.7}
@media(max-width:600px){html body #content #pr-mad-dip.power-dip-interactive{padding:55px 20px!important}html body #content .power-dip-diagram{height:310px;min-height:310px}html body #content .power-dip-diagram .prmad-assembly-wrap{inset:90px -8px 65px}html body #content .power-dip-diagram .prmad-product-info p{font-size:14px}html body #content .power-dip-diagram .prmad-strip-label{display:none}}
html body #content .power-dip-controls{max-width:1600px}
html body #content .power-dip-controls h2{text-align:center;font-family:PrescotManrope,Manrope,sans-serif!important;font-weight:400!important;letter-spacing:-.045em!important;font-size:clamp(32px,3.3vw,60px)!important}
html body #content .power-dip-controls h2 br{display:none}
html body #content .power-dip-controls h2 br::after{content:' '}
html body #content .power-dip-controls .md-install-note{text-align:center;max-width:1300px;margin:26px auto 0;font-size:16px!important;line-height:1.7!important}
html body #content .power-dip-controls .md-mode-description p{font-size:17px!important;line-height:1.6!important}
html body #content .power-dip-diagram{height:auto;min-height:0;aspect-ratio:2.3;margin-top:20px}
html body #content .power-dip-diagram .prmad-assembly-wrap{inset:90px 0 62px}
html body #content .power-dip-diagram .prmad-svg-labels{font-size:13px;letter-spacing:.5px}
html body #content .md-hero .md-visual{max-width:900px!important}
html body #content .md-hero .md-visual>img{width:100%!important;height:auto!important;max-height:66svh!important;object-fit:contain!important;object-position:center!important}
@media(max-width:767px){html body #content .power-dip-controls h2 br{display:block}html body #content .power-dip-controls .md-install-note{font-size:15px!important}html body #content .power-dip-controls .md-mode-description p{font-size:15px!important}html body #content .power-dip-diagram{aspect-ratio:auto;height:300px}html body #content .power-dip-diagram .prmad-assembly-wrap{inset:80px -5px 65px}html body #content .power-dip-controls h2{font-size:32px!important}}
/* Explicit frame height also contains portrait-shaped traffic lights. */
@media(min-width:701px){html body #content .eo-model[data-elba-extra] .eo-scene>img{height:clamp(256px,calc((100svh - 110px)*.4),448px)!important;max-height:clamp(256px,calc((100svh - 110px)*.4),448px)!important}}
@media(max-width:700px){html body #content .eo-model[data-elba-extra] .eo-scene>img{height:170px!important;max-height:170px!important}}

/* Desktop voltage readout above the power supply. */
@media(min-width:768px){
 html body #content .power-dip-diagram .prmad-output{left:34%;right:auto;top:14px;transform:translateX(-50%);min-width:180px;text-align:center}
 html body #content .power-dip-diagram .prmad-output strong{font-size:64px;justify-content:center;margin:6px 0}
 html body #content .power-dip-diagram .prmad-output strong small{font-size:16px}
 html body #content .power-dip-diagram .prmad-overline{font-size:12px}
 html body #content .power-dip-diagram .prmad-status{font-size:11px;justify-content:center}
 html body #content .power-dip-diagram .prmad-assembly-wrap{top:145px}
}
html body #content .oc-showcase-actions>a{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}