.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}
.language{display:flex;align-items:center;gap:9px;flex-shrink:0}
.language button{appearance:none;background:none;border:0;border-bottom:1px solid transparent;border-radius:0;color:#748794;font:inherit;font-size:12px;font-weight:500;letter-spacing:.02em;min-width:36px;min-height:44px;padding:8px 0;cursor:pointer;touch-action:manipulation}
.language button[aria-pressed=true]{color:#183c50;border-bottom-color:#183c50}
.language button:hover{color:#183c50}
.language button:focus-visible{outline:2px solid #2184af;outline-offset:3px}
html[lang=uk] .hero h1{font-size:clamp(43px,5.3vw,72px);overflow-wrap:normal}
html[lang=uk] .water-options h3{font-size:clamp(12px,1.4vw,18px);overflow-wrap:anywhere}
html[lang=uk] .model-caption{letter-spacing:.025em}
html[lang=uk] .panel-heading{align-items:flex-start;flex-wrap:wrap;row-gap:6px}
html[lang=uk] .hero-facts{gap:18px}
@media(max-width:1000px){.header-actions{gap:12px}.page-nav a{padding:10px;font-size:12px}}
@media(max-width:760px){.header-actions{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:12px}.header-actions .page-nav{width:auto;flex:1;min-width:0}.language{gap:7px}.language button{min-width:32px}html[lang=uk] .hero h1{font-size:clamp(43px,10vw,62px)}}
@media(max-width:400px){.header-actions{gap:8px}.header-actions .page-nav{gap:5px}.header-actions .page-nav a{padding:9px 6px;font-size:11px;text-align:center}.language{gap:4px}.language button{min-width:29px}html[lang=uk] .water-options{grid-template-columns:1fr 1fr;row-gap:18px}html[lang=uk] .water-options>div:nth-child(2){border-right:0}html[lang=uk] .order{flex-wrap:wrap;gap:8px}html[lang=uk] .model-caption{font-size:8px}}