/* =========================================================
   ZIPTEH — единая ширина модулей по сетке новой шапки.
   Шапка использует .zt-shell: max-width 2048px и адаптивные
   боковые отступы 28 / 20 / 14 px.
   ========================================================= */

:root {
    --zt-site-shell-max: 2048px;
    --zt-site-shell-gutter: 28px;
}

/* Все секции главной выходят из старого узкого .container/.block. */
:where(
    .zip-home-hero,
    .zip-category-strip,
    .zip-brands,
    #ztSaleProducts,
    #ztCompanyAdvantages,
    .home-media,
    #ziptehLeadModule,
    #ziptehSiteFooter
) {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;
}

/* Внутренние контейнеры получают ровно ту же сетку, что шапка. */
:where(
    .zip-home-hero__shell,
    .zip-category-strip__shell,
    .zip-brands__shell,
    #ztSaleProducts > .zt-sale-products__shell,
    #ztCompanyAdvantages > .zt-company-advantages__shell,
    .home-media > .container,
    #ziptehLeadModule > .zl-shell,
    #ziptehSiteFooter > .footer-2__inner,
    #ziptehSiteFooter .footer-2__copyright-inner
) {
    width: 100% !important;
    max-width: var(--zt-site-shell-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: var(--zt-site-shell-gutter) !important;
    padding-left: var(--zt-site-shell-gutter) !important;
}

/* Старый блок новостей использует .container — убираем его узкое ограничение. */
.home-media > .container {
    min-width: 0 !important;
}

/* Не даём старым классам .block/.container снова сузить футер и секции. */
#ziptehSiteFooter.block,
.home-media.block {
    max-width: none !important;
}

@media (max-width: 1480px) {
    :root {
        --zt-site-shell-gutter: 20px;
    }
}

@media (max-width: 680px) {
    :root {
        --zt-site-shell-gutter: 14px;
    }
}