/* CanalSERV V4 — only approved seven changes. Layered after V2/V3 CSS. */
/* Original client-approved CanalSERV logo including pipe, faucet, drop and subtitle. */
.site-header .logo-link{display:flex;align-items:center;justify-content:flex-start;width:258px;min-width:0;max-width:100%;height:auto;flex:none;overflow:visible}
.site-header .logo-link img{width:100%;height:auto;max-height:116px;object-fit:contain;mix-blend-mode:screen}
.nav-shell{min-height:110px}
.footer-logo{width:285px;max-width:100%;height:auto;overflow:visible}
.footer-logo img{width:100%;height:auto;mix-blend-mode:screen}
@media(min-width:1020px) and (max-width:1370px){.site-header .logo-link{width:205px}.nav-shell{gap:10px;min-height:92px}}
@media(min-width:1020px) and (max-width:1150px){.site-header .logo-link{width:164px}.nav-shell{min-height:78px}}
@media(max-width:1019px){.site-header .logo-link{width:214px;max-width:calc(100% - 156px)}.nav-shell{height:93px;min-height:93px}.primary-nav{top:93px}.site-header .logo-link img{max-height:90px}}
@media(max-width:600px){.nav-shell{height:86px;min-height:86px}.site-header .logo-link{width:194px;max-width:calc(100% - 139px)}.site-header .logo-link img{max-height:82px}.primary-nav{top:86px}.footer-logo{width:245px}}
@media(max-width:370px){.nav-shell{height:79px;min-height:79px}.site-header .logo-link{width:156px;max-width:calc(100% - 126px)}.site-header .logo-link img{max-height:74px}.primary-nav{top:79px}}
/* Headline: keep the first sentence on exactly one visual line at all widths. */
.page-home .v4-hero-first{display:block;white-space:nowrap;font-size:clamp(36px,3.65vw,53px);line-height:1.06;letter-spacing:-.037em}
.page-home .v4-hero-second{display:block;font-size:clamp(2.55rem,4.5vw,4.65rem);margin-top:5px;line-height:1.08}
html[lang="ru"] .page-home .v4-hero-first{font-size:clamp(32px,3.15vw,47px)}
@media(max-width:760px){.page-home .v4-hero-first{font-size:clamp(29px,6vw,44px)}.page-home .v4-hero-second{font-size:clamp(36px,7.7vw,58px)}}
@media(max-width:600px){.page-home .v4-hero-first{font-size:clamp(28px,8.3vw,37px)}.page-home .v4-hero-second{font-size:clamp(38px,9.5vw,51px)}.v2-hero .v2-badge{line-height:1.5;max-width:100%;text-align:left;white-space:normal}}
@media(max-width:370px){.page-home .v4-hero-first{font-size:clamp(27px,8.25vw,30px)}.page-home .v4-hero-second{font-size:clamp(36px,10vw,41px)}}
@media(max-width:600px){html[lang="ru"] .page-home .v4-hero-first{font-size:clamp(23px,6.9vw,29px)}html[lang="ru"] .page-home .v4-hero-second{font-size:clamp(35px,8.7vw,43px)}}
/* Every service has a separate visible card (10 total), no collapsible listing. */
.v4-additional-services{margin-top:16px}
.v2-service-card,.v2-why-card,.v2-location-card,.usecase-card,.v3-related-links a{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease}
@media(hover:hover){.v2-service-card:hover,.v2-why-card:hover,.usecase-card:hover{transform:translateY(-4px);border-color:#92dbe9;box-shadow:0 18px 35px -24px rgba(0,84,140,.35)}
.v2-location-card:hover{transform:translateY(-6px);border-color:#4dc2e9;box-shadow:0 21px 40px -24px rgba(0,91,157,.36);background:#fff}.v2-location-card:hover .v2-card-link svg{transform:translateX(3px)}
.v3-related-links a:hover{transform:translateY(-3px)}}
.v2-location-card{display:flex;flex-direction:column;cursor:pointer;min-width:0;position:relative}
.v2-location-card:focus-visible{outline:3px solid #006ede;outline-offset:4px}
.v2-location-card .v2-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;pointer-events:none}
.v2-location-card .v2-card-link svg{transition:transform .2s ease}
.v2-why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:960px){.v2-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.v2-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Fix pale/dark text errors on regional method and hydro equipment sections. */
.local-method-section{background:#000919;color:#edf6ff}
.local-method-section h2,.local-method-section h3,.local-method-section .v3-steps-title{color:#fff!important}
.local-method-section p,.local-method-section .check-list li{color:#c4d6e7!important}
.local-method-section .eyebrow{color:#00dfe8!important;border-color:rgba(0,223,232,.42)!important;background:rgba(0,223,232,.09)!important}
.local-method-section .check-list svg{color:#00dfe8}
.local-method-section .method-visual{width:100%;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px -28px rgba(0,0,0,.4)}
.page-hydro .local-method-section .method-visual{justify-self:end;max-width:590px}
.page-hydro .local-method-section .method-visual img{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:auto;object-fit:contain;object-position:center}
/* Clear hero WhatsApp green, same behavior on services and regional pages. */
.page-hydro .hero-buttons .v3-local-whatsapp,.page-location .hero-buttons .v3-local-whatsapp{background:linear-gradient(135deg,#25d366,#149b62);color:#fff;border-color:#25d366;min-height:50px;box-shadow:0 8px 25px -14px rgba(37,211,102,.7)}
/* Footer: three deliberate zones, policies centered and agency attribution right. */
.site-footer .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:22px}
.site-footer .footer-bottom-links{justify-self:center;justify-content:center;flex-wrap:wrap;gap:10px 18px}
.site-footer .footer-developer{justify-self:end;text-align:right;white-space:nowrap;color:#9fb3c6}
.site-footer .footer-developer a{font-weight:800;color:#dbeaff;text-decoration:none}
.site-footer .footer-developer a:hover{color:#00dfe8}
@media(max-width:980px){.site-footer .footer-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px}.site-footer .footer-developer{justify-self:center;text-align:center}}
@media(max-width:600px){.site-footer .footer-bottom{padding-bottom:88px}.site-footer .footer-bottom-links{max-width:100%;gap:8px 14px}}
/* 50/50 mobile CTA, attached edges; gold telephone button. */
@media(max-width:600px){.mobile-callbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0!important;padding:0 0 env(safe-area-inset-bottom)!important;background:#001226!important;border-top:0!important}
.mobile-callbar a{margin:0!important;border:0!important;border-radius:0!important;min-width:0;min-height:58px;padding:13px 7px;justify-content:center;text-align:center}
.mobile-callbar .mobile-callbar-button{background:#f7b83d!important;color:#061829!important}
.mobile-callbar .mobile-callbar-email{background:#179857!important;color:#fff!important}
.mobile-callbar .mobile-callbar-button svg,.mobile-callbar .mobile-callbar-email svg{flex-shrink:0}}
@media(max-width:370px){.mobile-callbar a{font-size:11px!important;gap:7px}}
/* Simplified gallery headings still retain meaningful, original service captions. */