/* Approved ECE photographic cards: each complete anchor is the hit target. */
html:root[data-ece-site137] body #main #ece136-solutions {--ink:var(--dr-heading);--muted:var(--dr-text);--line:var(--dr-border);--accent:var(--dr-link);--surface:#fff;}
html:root[data-ece-site137][data-theme="dark"] body #main #ece136-solutions{--surface:#182e52;--ink:#f3f6ff;--muted:#c7d4e9;--line:#526b95;--accent:#ffb45d;}
html:root[data-ece-site137] body #main #ece136-solutions .ece136-solutions-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card{border-radius:18px !important;background:var(--surface) !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;box-shadow:0 8px 28px #1024450b !important;transition:transform .25s,box-shadow .25s !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card:hover{transform:translateY(-7px) !important;box-shadow:0 20px 40px #10244526 !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-photo{position:relative !important;height:224px !important;overflow:hidden !important;background:#142842 !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-photo>img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:50% 48% !important;transition:transform .5s !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-maintenance .ece137-photo>img{object-position:29% center !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-electrical .ece137-photo>img{object-position:59% center !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-automation .ece137-photo>img{object-position:55% center !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card:hover .ece137-photo>img{transform:scale(1.055) !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-photo:after{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(0deg,#0a1524d9,transparent 55%) !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-photo-label{position:absolute !important;bottom:20px !important;left:22px !important;right:15px !important;color:#fff !important;font-size:10px !important;letter-spacing:.13em !important;font-weight:700 !important;z-index:1 !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-icon{position:absolute !important;top:18px !important;left:18px !important;width:42px !important;height:42px !important;background:#102440b8 !important;backdrop-filter:blur(6px) !important;border:1px solid #ffffff38 !important;border-radius:12px !important;display:grid !important;place-items:center !important;color:#ffb45d !important;z-index:1 !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-icon svg{width:26px !important;height:26px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.6 !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-body{padding:25px 23px 22px !important;display:flex !important;flex-direction:column !important;flex:1 !important;min-height:264px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card h3{font-size:25px !important;line-height:1.2 !important;letter-spacing:-.55px !important;margin:0 0 15px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-body p{font-size:15px !important;line-height:1.65 !important;margin:0 0 24px !important;color:var(--muted) !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-cta{margin-top:auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;border-top:1px solid var(--line) !important;padding-top:18px !important;font-size:12px !important;font-weight:700 !important;color:var(--accent) !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-arrow{display:grid !important;place-items:center !important;width:36px !important;height:36px !important;border-radius:50% !important;background:#f5a447 !important;color:#132844 !important;font-size:21px !important;}
html:root[data-ece-site137][data-theme="dark"] body #main #ece136-solutions .ece137-card{box-shadow:0 12px 25px #10204b23 !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card:focus-visible,html:root[data-ece-site137] body #main #ece136-solutions .all:focus-visible{outline:3px solid var(--accent) !important;outline-offset:4px !important;}
@media(max-width:1100px){
html:root[data-ece-site137] body #main #ece136-solutions .ece136-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-photo{height:265px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-body{min-height:220px !important;}
}
@media(max-width:680px){
html:root[data-ece-site137] body #main #ece136-solutions .ece136-solutions-grid{grid-template-columns:1fr !important;gap:20px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-photo{height:245px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-body{min-height:0 !important;padding:24px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-body p{margin-bottom:22px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card{border-radius:16px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card h3{font-size:26px !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-cta{font-size:13px !important;}
}
@media(prefers-reduced-motion:reduce){
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card,html:root[data-ece-site137] body #main #ece136-solutions .ece137-photo>img{transition:none !important;}
html:root[data-ece-site137] body #main #ece136-solutions .ece137-card:hover,html:root[data-ece-site137] body #main #ece136-solutions .ece137-card:hover .ece137-photo>img{transform:none !important;}
}
