/* Balanced premium spacing for tablet/mobile only. Desktop >= 992px remains untouched. */
@media (max-width:991.98px){
:root{--mp-pad:18px;--mp-section:68px;--mp-gap:16px;--mp-radius:20px;--mp-line:rgba(15,33,55,.08)}

/* Global rhythm */
.addon-homepage section{scroll-margin-top:78px}
.addon-homepage .container,.site-footer .container{padding-left:var(--mp-pad)!important;padding-right:var(--mp-pad)!important}
.company-about,.products-marquee,.compliance-ecosystem,.why-addon,.manufacturing-reference,.infra-premium,.addon-services,.colleagues-section,.home-news-journal,.homepage-faq,.homepage-cta{padding-top:var(--mp-section)!important;padding-bottom:var(--mp-section)!important}

/* Consistent title-to-content spacing */
.company-about__intro,.products-marquee__header,.why-addon__header,.infra-premium__heading,.addon-services__header,.colleagues-header,.home-news-journal__header,.homepage-faq .section-header{margin-bottom:28px!important}
.company-about__intro h2,.compliance-ecosystem h2,.why-addon__header h2,.infra-premium__heading h2,.addon-services__header h2,.colleagues-title,.home-news-journal__header h2,.homepage-faq .h2,.homepage-cta__copy h2{margin-bottom:12px!important;line-height:1.12!important}
.company-about__intro p,.why-addon__header p,.addon-services__header p,.homepage-cta__copy p{margin-top:10px!important;margin-bottom:0!important;line-height:1.68!important}

/* Navbar/offcanvas */
.addon-navbar{padding:9px 0!important}
.addon-navbar .container{padding-left:16px!important;padding-right:16px!important}
.navbar-grid{gap:14px!important}
.navbar-toggler{width:44px!important;height:44px!important;border-radius:13px!important}
#mobileMenu .offcanvas-header{padding:20px 18px 16px!important}
#mobileMenu .offcanvas-body{padding:14px 16px 22px!important}
#mobileMenu .navbar-nav{gap:6px!important}
#mobileMenu .nav-link{min-height:48px!important;padding:12px 14px!important}
#mobileMenu .addon-products-menu__mobile-content{margin:10px 0 12px!important;padding:13px!important}
#mobileMenu .addon-products-menu__group+.addon-products-menu__group{margin-top:16px!important}
#mobileMenu .addon-products-menu__item+.addon-products-menu__item{margin-top:8px!important}

/* Hero */
.addon-homepage .smart-hero__intro{padding-top:72px!important;padding-bottom:72px!important}
.smart-hero__tagline{margin-top:22px!important;margin-bottom:0!important;max-width:560px!important;line-height:1.65!important}
.addon-homepage .smart-hero__actions{margin-top:30px!important;gap:12px!important}
.addon-homepage .smart-hero__button{min-height:50px!important;padding:12px 20px!important}

/* About */
.company-about__layout{gap:32px!important}
.company-about__direction{display:grid!important;grid-template-columns:1fr!important;border-radius:22px!important;overflow:hidden!important;margin-top:24px!important;border:none!important;box-shadow:0 14px 36px rgba(15,33,55,.12)!important}
.company-about__vision,.company-about__mission{min-height:auto!important;padding:30px 22px!important}
.company-about__vision h3{font-size:1.6rem!important}
.company-about__mission-list{margin-top:24px!important;gap:18px!important}


/* Products */
.products-marquee__brand{margin-top:0!important;margin-bottom:24px!important}
.products-marquee__lane+.products-marquee__lane{margin-top:36px!important}
.products-marquee__category{margin-bottom:16px!important}
.products-marquee__set{gap:16px!important}
.products-marquee__card--stacked{margin:0!important}

/* Compliance */
.compliance-ecosystem__line{margin:14px auto 24px!important}
.compliance-ecosystem__network{margin-top:18px!important;margin-bottom:24px!important}
.compliance-ecosystem__description{margin-top:22px!important;margin-bottom:0!important;line-height:1.7!important}

/* Why AddOn */
.why-addon__layout{gap:24px!important}
.why-addon__open-list{display:grid!important;gap:14px!important}
.why-addon__open-card{margin:0!important;padding:19px!important;gap:14px!important}
.why-addon__open-copy h3{margin-bottom:8px!important}
.why-addon__open-copy p{margin-bottom:0!important;line-height:1.65!important}

/* Manufacturing */
.manufacturing-reference__local-lang{margin-bottom:20px!important}
.manufacturing-reference__hero{gap:28px!important}
.manufacturing-reference__hero-copy>p{margin-top:12px!important;margin-bottom:22px!important;line-height:1.65!important}
.manufacturing-reference__stats{gap:12px!important;margin-top:0!important;margin-bottom:24px!important}
.manufacturing-reference__stats article{padding:15px!important}
.manufacturing-reference__hero-actions{margin-top:0!important}
.manufacturing-reference__about{gap:22px!important;margin-top:30px!important}
.manufacturing-reference__about-copy h3{margin-bottom:10px!important}
.manufacturing-reference__about-copy p{margin-top:10px!important;margin-bottom:0!important;line-height:1.68!important}
.manufacturing-reference__cards{gap:16px!important;margin-top:24px!important}
.manufacturing-reference__card{padding:20px!important;margin:0!important}
.manufacturing-reference__card header{margin-bottom:16px!important}
.manufacturing-reference__benefit-grid,.manufacturing-reference__product-grid{gap:12px!important}
.manufacturing-reference__cta{gap:18px!important;margin-top:22px!important;padding:22px!important}
.manufacturing-reference__contacts{gap:10px!important;margin-top:18px!important}

/* Infrastructure */
.infra-premium__heading{margin-bottom:26px!important}
.infra-premium__panel{padding:18px!important}
.infra-premium__top{gap:18px!important}
.infra-premium__services{padding:20px!important}
.infra-premium__services header{margin-bottom:16px!important}
.infra-premium__service-list{display:grid!important;gap:12px!important}
.infra-premium__service{margin:0!important}
.infra-premium__noc{margin:0!important}
.infra-premium__noc figcaption{padding:16px 18px!important;gap:10px!important}
.infra-premium__locations{gap:16px!important;margin-top:18px!important}
.infra-premium__location{margin:0!important}
.infra-premium__location-copy{padding:16px 18px 18px!important}

/* Services/facts */
.addon-services__header{gap:14px!important}
.addon-services__grid{gap:16px!important}
.addon-services__card{padding:22px!important;margin:0!important}
.addon-services__card h3{margin:14px 0 9px!important}
.addon-services__card p{margin:0!important;line-height:1.65!important}
.addon-facts{padding-top:42px!important;padding-bottom:42px!important}
.addon-facts__container header{margin-bottom:22px!important}
.addon-facts__grid{gap:12px!important}
.addon-facts__grid article{padding:20px 14px!important}

/* Clients */
.addon-clients__hero{padding-top:68px!important;padding-bottom:52px!important}
.addon-clients__heading>p{margin-top:12px!important;margin-bottom:14px!important;line-height:1.65!important}
.addon-clients__areas{gap:14px!important;margin-top:20px!important}
.addon-clients__area-card{padding:18px!important}
.addon-clients__area-items{gap:8px!important;margin-top:12px!important}
.addon-clients__showcase{padding-top:52px!important;padding-bottom:60px!important}
.addon-clients__showcase-heading{margin-bottom:24px!important}
/* Homepage Featured Customers: static, balanced logo grid with centered CTA */
.addon-homepage #clients .addon-clients__grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 14px 20px !important;
    width: 100% !important;
    max-width: 1140px !important;
    margin-inline: auto !important;
    padding: 8px 0 16px !important;
    overflow: visible !important;
}

.addon-homepage #clients .addon-clients__grid > .addon-client-grid-logo {
    grid-column: auto !important;
}

.addon-homepage #clients .addon-client-grid-logo,
.addon-homepage #clients .addon-client-grid-logo__visual {
    display: flex !important;
    min-width: 0 !important;
    height: 104px !important;
    align-items: center !important;
    justify-content: center !important;
}

.addon-homepage #clients .addon-client-grid-logo {
    padding: 8px 12px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: transform .25s ease !important;
}

.addon-homepage #clients .addon-client-grid-logo:hover {
    transform: translateY(-3px) !important;
}

.addon-homepage #clients .addon-client-grid-logo__visual {
    width: 100% !important;
    text-align: center !important;
}

.addon-homepage #clients .addon-client-grid-logo__visual img,
.addon-homepage #clients .addon-client-grid-logo--standard .addon-client-grid-logo__visual img,
.addon-homepage #clients .addon-client-grid-logo--wide .addon-client-grid-logo__visual img,
.addon-homepage #clients .addon-client-grid-logo--large .addon-client-grid-logo__visual img {
    display: block !important;
    width: auto !important;
    max-width: 155px !important;
    height: auto !important;
    max-height: 70px !important;
    margin: auto !important;
    object-fit: contain !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    transition: transform .25s ease !important;
}

.addon-homepage #clients .addon-client-grid-logo:hover .addon-client-grid-logo__visual img {
    transform: scale(1.05) !important;
}

.addon-homepage #clients .addon-clients__footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 36px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

.addon-homepage #clients .addon-clients__footer a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-inline: auto !important;
}

@media (max-width: 991.98px) {
    .addon-homepage #clients .addon-clients__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px 16px !important;
        max-width: 860px !important;
    }

    .addon-homepage #clients .addon-client-grid-logo,
    .addon-homepage #clients .addon-client-grid-logo__visual {
        height: 94px !important;
    }

    .addon-homepage #clients .addon-client-grid-logo__visual img,
    .addon-homepage #clients .addon-client-grid-logo--standard .addon-client-grid-logo__visual img,
    .addon-homepage #clients .addon-client-grid-logo--wide .addon-client-grid-logo__visual img,
    .addon-homepage #clients .addon-client-grid-logo--large .addon-client-grid-logo__visual img {
        max-width: 135px !important;
        max-height: 64px !important;
    }
}

@media (max-width: 767.98px) {
    .addon-homepage #clients .addon-clients__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px 12px !important;
        max-width: 100% !important;
        padding-bottom: 12px !important;
    }

    .addon-homepage #clients .addon-client-grid-logo,
    .addon-homepage #clients .addon-client-grid-logo__visual {
        height: 84px !important;
    }

    .addon-homepage #clients .addon-client-grid-logo__visual img,
    .addon-homepage #clients .addon-client-grid-logo--standard .addon-client-grid-logo__visual img,
    .addon-homepage #clients .addon-client-grid-logo--wide .addon-client-grid-logo__visual img,
    .addon-homepage #clients .addon-client-grid-logo--large .addon-client-grid-logo__visual img {
        max-width: 120px !important;
        max-height: 56px !important;
    }

    .addon-homepage #clients .addon-clients__footer {
        margin-top: 28px !important;
    }
}

/* Team */
.colleagues-header{margin-bottom:24px!important}
.colleagues-carousel-stage{margin-top:0!important}
.colleagues-dots-pagination{margin-top:18px!important}

/* News */
.home-news-journal__header{margin-bottom:24px!important}
.home-news-list{display:grid!important;gap:0!important}
.home-news-row{padding:18px 0!important;margin:0!important}
.home-news-row:first-child{padding-top:0!important}
.home-news-row+.home-news-row{border-top:1px solid var(--mp-line)!important}
.home-news-row__copy>span{display:block;margin-bottom:6px!important}
.home-news-row h3{margin-bottom:8px!important}
.home-news-row__copy p{margin-bottom:10px!important;line-height:1.55!important}

/* FAQ */
.homepage-faq .accordion{display:grid!important;gap:12px!important}
.homepage-faq .accordion-item{margin:0!important}
.homepage-faq .accordion-button{padding:18px!important}
.homepage-faq .accordion-body{padding:0 18px 18px!important;line-height:1.65!important}

/* CTA */
.homepage-cta__panel{gap:22px!important;padding:28px 24px!important}
.homepage-cta__copy p{margin-top:12px!important}
.homepage-cta__button{min-height:52px!important;padding:13px 18px!important}

/* Footer */
.site-footer{margin-top:38px!important;padding-top:48px!important;padding-bottom:22px!important}
.site-footer .row{--bs-gutter-x:24px;--bs-gutter-y:30px}
.site-footer .footer-logo{margin-bottom:16px!important}
.site-footer p{margin-bottom:0!important;line-height:1.72!important}
.footer-socials{margin-top:20px!important}
.footer-title{margin-bottom:14px!important}
.site-footer li+li{margin-top:10px!important}
.site-footer .footer-contact{gap:12px!important;padding:16px!important}
.site-footer .footer-bottom{margin-top:32px!important;padding-top:18px!important}
}

@media (max-width:767.98px){
:root{--mp-pad:17px;--mp-section:64px}
.company-about__layout,.why-addon__layout,.addon-services__grid{gap:18px!important}
.manufacturing-reference__hero{gap:24px!important}
.manufacturing-reference__about{gap:20px!important;margin-top:26px!important}
.infra-premium__panel{padding:16px!important}
.addon-clients__showcase{padding-top:48px!important;padding-bottom:56px!important}
.home-news-row{padding:16px 0!important}
}

@media (max-width:479.98px){
:root{--mp-pad:16px;--mp-section:58px}
.addon-homepage .smart-hero__intro{padding-top:64px!important;padding-bottom:64px!important}
.addon-homepage .smart-hero__actions{margin-top:28px!important}
.company-about__intro,.products-marquee__header,.why-addon__header,.infra-premium__heading,.addon-services__header,.colleagues-header,.home-news-journal__header,.homepage-faq .section-header{margin-bottom:24px!important}
.company-about__vision,.company-about__mission,.addon-services__card,.manufacturing-reference__card{padding:19px!important}
.products-marquee__lane+.products-marquee__lane{margin-top:30px!important}
.why-addon__open-list{gap:12px!important}
.why-addon__open-card{padding:17px!important}
.manufacturing-reference__cards{gap:14px!important;margin-top:20px!important}
.infra-premium__panel{padding:14px!important}
.infra-premium__services{padding:18px!important}
.addon-facts{padding-top:36px!important;padding-bottom:36px!important}
.addon-clients__hero{padding-top:58px!important;padding-bottom:46px!important}
.addon-clients__showcase{padding-top:44px!important;padding-bottom:50px!important}
.homepage-cta__panel{padding:24px 20px!important}
.site-footer{margin-top:32px!important;padding-top:42px!important}
}