/* CanalSERV V6: targeted adjustments to approved V5 design, 03 Nov 2026. */
/* Header: transparent at document top, navy and readable after sticky scrolling. */
@media (min-width:1020px) {
 body.page-home,body.page-location,body.page-hydro{background:#000919}
 body.page-home .site-header:not(.is-scrolled),body.page-location .site-header:not(.is-scrolled),body.page-hydro .site-header:not(.is-scrolled){background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 .site-header.is-scrolled{background:rgba(0,9,25,.97)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
 .site-header .logo-link{width:247px;flex-shrink:0}
}
@media (min-width:1020px) and (max-width:1370px){.site-header .logo-link{width:197px}}
@media (min-width:1020px) and (max-width:1150px){.site-header .logo-link{width:157px}}

/* Slightly larger homepage display typography. Preserve both lines on one line in RO. */
.page-home .v4-hero-first,.page-home .v4-hero-second{font-size:clamp(39px,5vw,74px);letter-spacing:-.052em;line-height:1.045}
@media(max-width:760px){.page-home .v4-hero-first,.page-home .v4-hero-second{font-size:clamp(28px,9.9vw,56px);letter-spacing:-.058em}}
@media(max-width:370px){.page-home .v4-hero-first,.page-home .v4-hero-second{font-size:clamp(26px,9.7vw,34px);letter-spacing:-.064em}}
html[lang="ru"] .page-home .v4-hero-first,html[lang="ru"] .page-home .v4-hero-second{font-size:clamp(35px,3.55vw,54px);letter-spacing:-.056em}
@media(max-width:760px){html[lang="ru"] .page-home .v4-hero-first,html[lang="ru"] .page-home .v4-hero-second{font-size:clamp(21px,7.0vw,39px);letter-spacing:-.06em}}

/* Confirmed contact colors. */
.v2-btn.v6-call-gold,.page-home .v2-btn.v6-call-gold,.page-hydro .v6-call-gold{background:#f7b83d!important;border-color:#f7b83d!important;color:#001226!important;box-shadow:0 12px 26px -13px rgba(247,184,61,.65)}
.v2-btn.v6-call-gold:hover,.page-hydro .v6-call-gold:hover{background:#ffc95d!important}
.v6-viber,.v6-region-viber{background:#7360f2!important;border:1px solid #7360f2!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;border-radius:8px;padding:14px 19px;text-align:center;font-weight:800;font-size:12px;line-height:1.15;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 9px 25px -14px rgba(115,96,242,.55);transition:transform .2s,background .2s}
.v6-viber:hover,.v6-region-viber:hover{background:#6653e7!important;transform:translateY(-2px)}
.v6-telegram{background:#229ed9!important;border-color:#229ed9!important;color:#fff!important;box-shadow:0 9px 25px -14px rgba(34,158,217,.58)}
.v6-telegram:hover{background:#198cc5!important}
.v6-viber svg,.v6-telegram svg,.v6-region-viber svg{flex-shrink:0}

/* Compact contact stripe: three choices, no accidental squashing at tablet widths. */
.v2-cta-slim .v6-cta-trio{display:grid;grid-template-columns:repeat(3,max-content);gap:9px;align-items:stretch}
.v2-cta-slim .v6-cta-trio>a{min-height:52px}
@media(max-width:1290px){.v2-cta-slim .v2-cta-slim-card{flex-wrap:wrap}.v2-cta-slim .v6-cta-trio{width:100%;margin:14px 0 0;grid-template-columns:repeat(3,minmax(0,1fr))}.v2-cta-slim .v6-cta-trio>a{width:100%;padding-inline:9px}}
@media(max-width:540px){.v2-cta-slim .v6-cta-trio{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v2-cta-slim .v6-cta-trio>a{font-size:10.5px;min-height:49px}.v2-cta-slim .v6-cta-trio>a:last-child{grid-column:span 2}}

/* Final CTA: four brand-color ways to contact us, two-by-two on mobile. */
.page-home .v2-final-actions.v6-final-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;width:min(100%,960px);margin:27px auto 0}
.page-home .v6-final-actions>a{width:100%;min-width:0;min-height:54px;white-space:normal;padding:13px 10px}
@media(max-width:840px){.page-home .v2-final-actions.v6-final-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:570px}}
@media(max-width:370px){.page-home .v6-final-actions>a{font-size:10px;padding:11px 6px;gap:5px}.page-home .v6-final-actions>a svg{width:15px;height:15px}}

/* Google: avoid repeating 'Google Reviews' in the mobile caption. */
.v4-google-copy .v6-google-mobile-description{display:none}
@media(max-width:640px){.v4-google-copy .v6-google-mobile-description{display:block}.v4-google-copy .v6-google-desktop-description{display:none}}

/* Regional CTA: three choices in a row on wide screens, 2 + 1 on phones. */
.page-location .v5-region-actions.v6-region-actions{grid-template-columns:repeat(3,minmax(0,1fr));flex:0 1 585px;gap:11px}
.page-location .v6-region-actions>a,.page-hydro .v6-hydro-actions>a{width:100%;height:auto;min-width:0;min-height:54px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:normal;padding:12px 10px;font-size:12px}
@media(max-width:960px){.page-location .v5-region-actions.v6-region-actions{flex:0 1 auto;width:100%}}
@media(max-width:600px){.page-location .v5-region-actions.v6-region-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.page-location .v6-region-actions>a{font-size:11px}.page-location .v6-region-actions>a:last-child{grid-column:1/-1}}

/* Hydro CTA: match regional palette, including Viber. */
.page-hydro .v3-hydro-actions.v6-hydro-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:0 1 585px;min-width:0}
.page-hydro .v6-hydro-actions .v3-local-whatsapp{background:#25d366!important;border-color:#25d366!important;color:#052919!important}
@media(max-width:960px){.page-hydro .v3-hydro-actions.v6-hydro-actions{width:100%;flex:0 1 auto}}
@media(max-width:600px){.page-hydro .v3-hydro-actions.v6-hydro-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.page-hydro .v6-hydro-actions>a{font-size:11px}.page-hydro .v6-hydro-actions>a:last-child{grid-column:1/-1}}

/* Hydro: remove duplicate aside only on mobile, four use-case cards on desktop. */
@media(max-width:767px){.page-hydro .v6-hydro-aside{display:none!important}}
@media(min-width:1060px){.page-hydro .v6-hydro-cases{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.page-hydro .v6-hydro-cases .usecase-card{padding:22px}}
@media(min-width:768px) and (max-width:1059px){.page-hydro .v6-hydro-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Uploaded genuine Rothenberger R600 photo: square and never stretched. */
.page-hydro .local-method-section .method-visual{aspect-ratio:1/1;max-width:530px;justify-self:end;align-self:center}
.page-hydro .local-method-section .method-visual img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-height:none!important;object-fit:contain!important;object-position:center;display:block}
@media(max-width:767px){.page-hydro .local-method-section .method-visual{width:100%;max-width:100%;aspect-ratio:1/1;justify-self:stretch}}

/* Regional method image: original 4:3 ratio on mobile instead of stretching vertically. */
.page-location .local-method-section .method-visual{width:100%;height:auto!important;max-height:none!important;aspect-ratio:4/3;align-self:center}
.page-location .local-method-section .method-visual img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:4/3!important;object-fit:contain!important;object-position:center}
@media(max-width:767px){.page-location .local-method-section .method-visual{aspect-ratio:4/3;align-self:start}}

/* Three accessible, expanding service categories, with natural SEO text. */
.v6-services-accordions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:17px}
.v6-services-accordion{border:1px solid #d8e6f0;border-radius:18px;background:#fff;min-width:0;overflow:hidden;box-shadow:0 2px 6px rgba(0,18,38,.025);transition:box-shadow .22s,border-color .22s,transform .22s}
.v6-services-accordion:hover{transform:translateY(-3px);border-color:#92dce7;box-shadow:0 14px 30px -17px rgba(0,49,89,.23)}
.v6-services-accordion[open]{border-color:#9adce6;box-shadow:0 14px 30px -16px rgba(0,49,89,.18)}
.v6-services-accordion summary{cursor:pointer;list-style:none;padding:28px 23px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:15px;position:relative;padding-right:50px;min-height:218px}
.v6-services-accordion summary::-webkit-details-marker{display:none}
.v6-services-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e4f9fc;color:#0479a2;flex:none}
.v6-services-heading{display:grid;gap:10px}
.v6-services-heading strong{color:#061f38;font:800 19px/1.24 Manrope,Inter,sans-serif;letter-spacing:-.025em}
.v6-services-heading>span{font-size:13px;line-height:1.55;color:#52697b}
.v6-accordion-toggle{position:absolute;right:20px;top:36px;color:#006ec5;transition:transform .2s}
.v6-services-accordion[open] .v6-accordion-toggle{transform:rotate(45deg)}
.v6-services-accordion ul{list-style:none;padding:0 22px 3px;margin:0;display:grid;gap:12px}
.v6-services-accordion li{display:flex;gap:10px;align-items:flex-start;color:#314d65;font-size:12px;line-height:1.58}
.v6-services-accordion li svg{flex:none;margin-top:1px;color:#008eae}
.v6-accordion-contact{margin:16px 22px 23px;display:inline-flex;gap:6px;align-items:center;color:#006ab8;font-weight:800;font-size:12px}
@media(max-width:1050px){.v6-services-accordions{grid-template-columns:1fr 1fr}.v6-services-accordion summary{min-height:190px}}
@media(max-width:700px){.v6-services-accordions{grid-template-columns:1fr;gap:13px}.v6-services-accordion summary{min-height:0;padding:21px 50px 21px 20px;gap:11px}.v6-services-heading strong{font-size:18px}.v6-services-accordion ul{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.v6-services-accordion,.v6-accordion-toggle{transition:none}}