/* Shared header/footer readability, loaded after page-specific styles. */
.topbar,.home-page .topbar{background:#071a34;color:#fff;border-bottom-color:#24446b}
.topbar .topbar-inner{height:36px;font-size:11px;color:#fff}
.topbar a{color:#fff}
.topbar a:hover{color:#fff2c5;text-decoration:underline;text-underline-offset:3px}
.topbar .top-divider{border-left-color:#ffffff70}
.site-header .desktop-nav{font-size:14px;gap:20px;line-height:1.5}
.site-header .desktop-nav a{padding-top:31px;padding-bottom:31px}
@media(min-width:1200px){
    .site-header .brand-mark{width:150px}
    .site-header .brand-text{font-size:17px;font-weight:500;letter-spacing:.01em}
}
@media(min-width:768px) and (max-width:1199px){
    .site-header .brand-mark{width:130px}
    .site-header .brand-text{font-size:15px;font-weight:500;letter-spacing:.01em}
}
.site-header .header-socials{display:flex;gap:6px;align-items:center;flex-shrink:0}
.site-header .header-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #acbbc9;border-radius:50%;color:#294862;background:transparent;transition:background .2s,color .2s,border-color .2s}
.site-header .social-icon{display:block;width:19px;height:19px;flex-shrink:0}
.home-page .site-header .header-social-link{color:#fff;border-color:#4d6b8c;background:#163557}
.site-header .header-social-link:hover{color:#fff;border-color:transparent}
.site-header .social-instagram:hover{background:#ad2d65}
.site-header .social-facebook:hover{background:#1763c5}
.site-header .social-youtube:hover{background:#c8273e}
.site-header .social-whatsapp:hover{background:#137d54}
.site-footer .footer-grid{grid-template-columns:1.12fr .65fr 1.08fr 1.25fr;gap:38px}
.site-footer .footer-grid h3{font-size:16px;font-weight:500;line-height:1.45;letter-spacing:0;margin:4px 0 22px}
.site-footer .footer-wordmark{font-size:22px;line-height:1.5}
.site-footer .footer-wordmark span{font-size:12.5px;line-height:1.8;margin-top:8px}
.site-footer .footer-company>p{font-size:13.5px;line-height:1.9;max-width:320px;margin-top:20px;margin-bottom:18px}
.site-footer .footer-gst{font-size:12px;line-height:1.8}
.site-footer .footer-grid>div:not(:first-child)>a{font-size:13.5px;line-height:1.7;margin-bottom:12px}
.site-footer .footer-grid .footer-phone{font-size:18px!important;font-weight:500;line-height:1.6;margin-bottom:16px}
.site-footer .footer-contact p{font-size:13px;line-height:1.85;margin-bottom:18px}
.site-footer .footer-bottom{font-size:11px;line-height:1.8;gap:15px}
.whatsapp-float{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:1024;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid #fff;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 5px 20px #0004;transition:background .2s,transform .2s}
.whatsapp-float .social-icon{display:block;width:30px;height:30px}
.whatsapp-float:hover{background:#25d366;color:#fff;transform:translateY(-2px)}
.whatsapp-float:focus-visible{outline:3px solid #ffdc42;outline-offset:4px}
@media(min-width:1200px) and (max-width:1279px){
    .site-header .header-inner{gap:22px}
    .site-header .desktop-nav{font-size:13px;gap:16px}
}
@media(max-width:1199px){.site-footer .footer-grid{gap:32px 28px}}
@media(max-width:991px){.site-footer .footer-grid{grid-template-columns:1.2fr 1fr;gap:38px}}
@media(max-width:767.98px){
    .whatsapp-float{width:52px;height:52px;right:max(14px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom))}
    .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(4px,1.5vw,10px);min-height:86px;padding:10px clamp(6px,2vw,12px)}
    .site-header .brand{grid-column:1;grid-row:1;min-width:0;gap:clamp(6px,2vw,10px)}
    .site-header .brand-mark{width:clamp(80px,24vw,114px)}
    .site-header .brand-text{font-size:clamp(13px,4.1vw,18px);font-weight:600;line-height:1.25;letter-spacing:-.02em;white-space:nowrap}
    .site-header .header-actions{display:contents}
    .site-header .mobile-menu{grid-column:2;grid-row:1;justify-self:end;width:44px;min-width:44px;height:44px;padding:8px}
    .site-header .mobile-menu .icon{width:26px;height:26px}
    .site-header .header-socials{display:none}
    .home-page :is(#machinery,#machine-families,#home-highlight){scroll-margin-top:100px}
    .topbar .topbar-inner{height:32px;font-size:10px}
    .site-footer .footer-grid{gap:32px 24px}
    .site-footer .footer-grid h3{font-size:16px;margin-bottom:18px}
    .site-footer .footer-wordmark{font-size:21px}
    .site-footer .footer-company>p{font-size:13px;max-width:100%}
    .site-footer .footer-grid>div:not(:first-child)>a{font-size:13px}
    .site-footer .footer-contact p{font-size:13px}
    .site-footer .footer-bottom{font-size:11px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}