/* Shared compact navigation, including tablets. */
.mobile-menu-toggle{display:none}
@media(max-width:1100px){
 html{scroll-padding-top:100px}
 .header .navwrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;min-height:76px;padding-block:6px}
 .header .brand{min-width:0;flex-shrink:1}
 .header .res-brand{display:none}
 .header .brand .logo-crop{width:150px;height:65px;flex:0 0 150px}
 .header .brand .logo-crop img{width:208.15px;height:208.15px;left:-29.27px;top:-71.94px}
 .header .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:88px;min-height:44px;padding:9px 12px;margin:0;border:1px solid #d4d8cc;border-radius:5px;background:#fff;color:#242a25;font:inherit;font-size:14px;cursor:pointer;flex-shrink:0}
 .mobile-menu-toggle svg{width:20px;height:20px;flex-shrink:0}
 .mobile-menu-toggle:focus-visible{outline:2px solid #ed302e;outline-offset:3px}
 .header nav#site-navigation{display:none!important;position:absolute;inset:100% 0 auto;width:100%;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;flex-flow:column nowrap;align-items:stretch;gap:0;padding:12px max(19px,calc((100vw - 1200px)/2));background:#fff;border-top:1px solid #e0e3d8;box-shadow:0 12px 22px #14201718}
 .header.mobile-menu-open nav#site-navigation{display:flex!important}
 .header nav#site-navigation>a:not(.button){display:flex;align-items:center;min-height:46px;padding:10px 8px;font-size:15px;line-height:1.5;border-bottom:1px solid #eceee7}
 .header nav#site-navigation>.button{display:flex;margin-top:12px;min-height:46px;padding:12px 16px;font-size:14px;justify-content:center}
 .topline .wrap .header-region{width:100%;font-size:10px;line-height:1.6;justify-content:space-between;column-gap:12px;row-gap:4px;flex-wrap:wrap}
 .topline .wrap .header-region .sector-link{font-size:10px;padding-left:12px;white-space:nowrap}
 .topline .wrap .header-region .sector-link svg{width:12px;height:12px}
 .topline .wrap>span:first-child{display:none}
}
@media(max-width:750px){
 .wrap{max-width:calc(100% - 38px)}
 .res-form,.home-tool,.home-product-copy,.res-split>*,.home-about-story>*{min-width:0}
 .res-form input:not([type=checkbox]),.res-form select,.res-form textarea,.home-tool input[type=number],.home-faq-tools input{font-size:16px}
 .res-form .form-fields{grid-template-columns:minmax(0,1fr)}
 .res-form label{overflow-wrap:anywhere}
 .home-product p,.product-specs dd,.res-agro-footer a,.energy-page-content p{overflow-wrap:anywhere}
 .button{white-space:normal;text-align:center}
 .home-backup .backup-product-image{float:none;margin:10px auto 24px}
 .project-viewer{max-width:calc(100vw - 24px);width:calc(100vw - 24px);padding:50px 12px 16px}
 .project-viewer img{max-height:58vh;width:100%;height:58vh}
 .project-viewer-nav{gap:12px}
 .project-viewer-nav button{min-height:44px}
 .realisation-filters button,.home-faq-topics button,.product-jumps a{min-height:44px;display:inline-flex;align-items:center}
 .home-knowledge-nav a,.legal-nav a{min-height:40px;display:inline-flex;align-items:center}
 .battery-sizing-grid>*{min-width:0}
 .res-hero h1{font-size:clamp(34px,9.7vw,44px)}
 .home-reviews-heading h2,.home-about-heading h2,.home-faq-aside h2{overflow-wrap:normal}
}
@media(max-width:380px){
 .topline .wrap .header-region{font-size:9px;column-gap:8px}
 .topline .wrap .header-region .sector-link{font-size:9px;padding-left:8px}
 .res-hero .actions .button{font-size:13px}
 .res-grid{grid-template-columns:minmax(0,1fr)}
 .home-tool{padding:20px}
 .tool-option{grid-template-columns:minmax(0,1fr) 90px}
 .home-track-record{padding:24px}
 .home-review figcaption{grid-template-columns:minmax(0,1fr)}
 .review-topic{grid-column:1;grid-row:3;justify-self:start}
}

@media(max-width:750px){.home-about-portrait{position:relative}.home-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-values-grid article{min-width:0;overflow-wrap:anywhere}.agro-chart svg{min-width:0!important;width:100%;height:auto}}@media(max-width:380px){.home-values-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:750px){.energy-page-hero h1{font-size:clamp(30px,8.5vw,40px);overflow-wrap:anywhere;letter-spacing:-.8px}.energy-page-content h2,.home-knowledge-card h2{overflow-wrap:anywhere}.energy-page-content>*,.energy-service-grid>*{min-width:0}}

@media(max-width:750px){
 .res-agro-footer .footer-top.footer-main-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px 16px;padding:25px 0 18px}
 .res-agro-footer .footer-identity{grid-column:1;grid-row:1;min-width:0}
 .res-agro-footer .footer-contact-right{grid-column:2;grid-row:1;justify-self:start;min-width:0}
 .res-agro-footer .footer-intro{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
 .res-agro-footer .footer-intro>p{font-size:11px;line-height:1.6;margin:0}
 .res-agro-footer .footer-intro .footer-vat{font-size:10px;margin:0}
 .res-agro-footer .footer-intro .text-link{font-size:10px;margin:0}
 .res-agro-footer .brand{gap:0}
 .res-agro-footer .brand .logo-crop{width:110px;height:48px;flex:0 0 110px}
 .res-agro-footer .brand .logo-crop img{width:152.64px;height:152.64px;left:-21.46px;top:-52.76px}
 .res-agro-footer .brand .res-brand{display:none}
 .res-agro-footer .installer-badge{gap:7px;margin-top:12px}
 .res-agro-footer .installer-badge>svg{width:22px;height:27px}
 .res-agro-footer .installer-badge strong{font-size:10px;line-height:1.5}
 .res-agro-footer .installer-badge span{gap:4px;font-size:9px;margin-top:4px}
 .res-agro-footer .installer-badge span svg{width:17px;height:12px}
 .res-agro-footer .footer-about-link{font-size:11px;margin-top:12px;min-height:32px;display:inline-flex;align-items:center}
 .res-agro-footer .footer-contact-right h3{font-size:12px;margin-bottom:8px}
 .res-agro-footer .footer-contact-right address{font-size:12px;line-height:1.6;gap:4px}
 .res-agro-footer .footer-contact-right address a{padding-block:3px}
 .res-agro-footer .footer-bottom{display:flex;flex-direction:column;gap:8px;padding:14px 0;font-size:9px;line-height:1.6}
 .res-agro-footer .footer-bottom>div{display:flex;gap:8px 20px;margin-top:0}
 .res-agro-footer .footer-bottom>div a{min-height:32px;display:inline-flex;align-items:center}
 .res-agro-footer .site-legal-links{padding-bottom:15px}
 .res-agro-footer .legal-nav{gap:4px 16px;font-size:10px;line-height:1.5}
 .res-agro-footer .legal-nav a{min-height:32px}
}