/* HEZELEKTRONIK — site visual update v2.5.0 — compatible with last RAR + patch. */
:root{--hez-cyan:#0bb7cf;--hez-ink:#10283a;--hez-border:#d6e6eb}
.service-art.hez-service-photo{display:block!important;position:relative;min-height:330px;aspect-ratio:1.48 / 1;border-radius:17px;overflow:hidden;background:#092130!important;border:1px solid rgba(23,109,130,.17);box-shadow:0 20px 45px rgba(10,34,48,.16)}
.service-art.hez-service-photo:before,.service-art.hez-service-photo:after{content:none!important;display:none!important}
.service-art.hez-service-photo > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08);transition:transform .5s ease}
.service-art.hez-service-photo:hover>img{transform:scale(1.025)}
.service-art.hez-service-photo .hez-photo-chip{position:absolute;z-index:1;top:15px;left:15px;background:rgba(6,29,43,.86);color:#e9fcff;border:1px solid rgba(144,234,241,.35);backdrop-filter:blur(8px);border-radius:6px;padding:9px 11px;font-size:10px;font-weight:900;letter-spacing:.11em}
.service-art.hez-service-photo .hez-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:22px 17px 12px;background:linear-gradient(transparent,rgba(2,15,24,.78));text-align:right;color:#f4fcff;font-size:10px;font-weight:650;letter-spacing:.04em}
.hez-service-trust{display:flex;flex-wrap:wrap;gap:7px 14px;margin:18px 0 2px}
.hez-service-trust span{font-weight:750;font-size:11px;line-height:1.5;color:#c1dbe4}
.hez-service-feature{padding-top:22px!important;padding-bottom:28px!important}
.hez-feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(20px,4vw,48px);align-items:center;background:linear-gradient(135deg,#12283a,#0b1827);border:1px solid rgba(104,178,194,.23);border-radius:21px;padding:clamp(17px,3vw,30px);box-shadow:0 14px 44px rgba(20,65,83,.04)}
.hez-feature-media{overflow:hidden;border-radius:13px;position:relative;aspect-ratio:1.42;background:#0c2635;box-shadow:0 13px 28px rgba(9,34,43,.14)}
.hez-feature-media img{display:block;width:100%;height:100%;object-fit:cover}
.hez-feature-media span{position:absolute;left:12px;bottom:12px;color:#fff;background:rgba(4,28,45,.73);padding:7px 9px;border-radius:5px;font-size:10px;letter-spacing:.08em;font-weight:800}
.hez-feature-copy{min-width:0}.hez-section-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:#6fe0ed}
.hez-feature-copy h2{font-size:clamp(25px,3vw,36px);line-height:1.12;letter-spacing:-.045em;color:#f2fcff;margin:11px 0 13px}
.hez-feature-copy p{line-height:1.7;color:#adc8d7;margin:0 0 17px;font-size:14px}
.hez-feature-copy ul{list-style:none;padding:0;margin:12px 0 14px;display:grid;gap:11px}
.hez-feature-copy li{position:relative;padding-left:27px;color:#c6dce6;font-size:13px;line-height:1.5}
.hez-feature-copy li:before{content:'✓';position:absolute;left:0;top:0;color:#62dceb;font-weight:950;font-size:15px}
.hez-feature-copy .hez-service-tip{border-left:3px solid #3bc8d6;padding:10px 0 10px 14px;background:rgba(20,162,180,.08);font-size:12px}
.hez-feature-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hez-feature-buttons .btn{font-size:12px;padding:12px 16px}
.hez-related-photo-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:21px}
.hez-related-photo-card{min-width:0;display:flex!important;align-items:flex-start;flex-direction:column;gap:9px;overflow:hidden;border:1px solid rgba(110,180,197,.24)!important;border-radius:12px!important;background:#10293a;color:#ebfaff!important;padding:0 0 11px!important;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none!important;font-size:13px!important;font-weight:800!important;line-height:1.35}
.hez-related-photo-card img{display:block;width:100%;height:105px;object-fit:cover;background:#112f40;transition:transform .25s}
.hez-related-photo-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(17,49,63,.09);border-color:#5ec0ce!important;color:#7fe6f0!important}
.hez-related-photo-card:hover img{filter:saturate(1.2)}
.hez-related-photo-card .hez-related-label{display:block;padding:0 12px;flex:1;min-height:35px}
.hez-related-photo-card .hez-related-arrow{color:#69e0eb;padding:0 12px;align-self:flex-end;font-size:17px;line-height:1}
.hez-card-photo-wrap{display:block;flex:none;width:calc(100% + 44px);margin:-22px -22px 16px;overflow:hidden;height:122px;background:#112d40;position:relative}
.hez-card-photo-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 58%,rgba(6,35,53,.18))}
.hez-card-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.service-card:hover .hez-card-photo-wrap img{transform:scale(1.06)}
.service-card-featured .hez-card-photo-wrap{width:calc(100% + 58px);margin:-28px -29px 20px;height:150px}
.service-card .service-no,.service-card .service-icon,.service-card h3,.service-card p,.service-card .service-link{position:relative;z-index:1}
@media(min-width:901px){.hez-feature-layout{min-height:320px}}
@media(max-width:1000px){.hez-related-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hez-feature-layout{grid-template-columns:1fr}.service-art.hez-service-photo{min-height:260px;aspect-ratio:1.65}.hez-feature-media{aspect-ratio:1.8}}
@media(max-width:680px){.hez-related-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hez-related-photo-card img{height:96px}.hez-related-photo-card .hez-related-label{font-size:12px;min-height:35px}.hez-feature-layout{padding:16px}.hez-feature-media{aspect-ratio:1.5}.hez-feature-copy h2{font-size:25px}.hez-feature-buttons .btn{flex:1 1 140px;justify-content:center}.service-hero-shell{padding:20px!important}.hez-service-trust{gap:8px}}
@media(max-width:390px){.hez-related-photo-grid{grid-template-columns:1fr}.hez-related-photo-card{display:grid!important;grid-template-columns:105px 1fr;align-items:center;padding:0!important;gap:0}.hez-related-photo-card img{height:88px}.hez-related-photo-card .hez-related-label{padding:6px 9px;min-height:0}.hez-related-photo-card .hez-related-arrow{display:none}.service-art.hez-service-photo{min-height:215px}}
@media(prefers-reduced-motion:reduce){.service-art.hez-service-photo>img,.hez-card-photo-wrap img{transition:none!important}}
