/* ==========================================================================
   ПлАЦДАРМ — мобильная адаптация (слой поверх всех стилей)
   Подключается последним в <head>. Десктоп (≥769px) не затрагивается.
   ========================================================================== */

@media (max-width: 768px) {
  html {
    --index-news-btn-width: min(6.4cm, 100%);
    --site-fund-btn-width: min(240px, 100%);
    --site-btn-len: min(6.4cm, 100%);
    --site-action-width: min(240px, 100%);
    --m-modal-gap: 12px;
  }

  html,
  html body {
    overflow-x: clip !important;
    max-width: 100vw !important;
  }

  html body :is(img, video, iframe, embed, object, svg) {
    max-width: 100% !important;
  }

  html body :is(
    main.container,
    .container,
    .site-stack,
    .social-page-stack,
    .positions-page-stack,
    .lab-content-scope,
    .lab-detail-scope,
    .school-content-scope
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* ── Шапка ── */
  html body .site-header {
    padding-left: clamp(8px, 2vw, 14px) !important;
    padding-right: clamp(8px, 2vw, 14px) !important;
  }

  html body .site-header .header-inner {
    padding-left: clamp(10px, 2.5vw, 16px) !important;
    padding-right: clamp(10px, 2.5vw, 16px) !important;
    gap: 8px !important;
  }

  html body .site-header .header-actions {
    gap: 6px !important;
  }

  html body .site-header .header-inner .header-actions > .home-link.top-news-btn,
  html body .site-header .header-inner .header-actions > a.home-link.top-news-btn,
  html body[class*="page-"] .site-header .header-inner .header-actions > .home-link.top-news-btn,
  html body[class*="page-"] .site-header .header-inner .header-actions > a.home-link.top-news-btn {
    flex: 1 1 0 !important;
    flex-basis: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    inline-size: auto !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    block-size: 48px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  html body:not(.page-index) .site-header .header-actions .home-link.top-news-btn:first-child {
    display: inline-flex !important;
  }

  /* index.html — одна кнопка «НОВОСТИ», не растягивать */
  html body.page-index .site-header .header-inner .header-actions > .home-link.top-news-btn,
  html body.page-index .site-header .header-inner .header-actions > a.home-link.top-news-btn {
    flex: 0 0 auto !important;
    flex-basis: auto !important;
  }

  html body .site-header .header-actions .top-btn,
  html body .site-header .header-actions a:not(.logo-link):not(.top-news-btn),
  html body .site-header .header-actions button:not(.burger) {
    padding: 0 10px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.05em !important;
  }

  html body .site-header .burger {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    block-size: 48px !important;
    flex: 0 0 48px !important;
    padding: 0 !important;
  }

  /* ── Hero-блоки внутренних страниц: авто-высота и перенос длинных заголовков ── */
  html body:not(.page-index) section.modern-hero:not(:has(.lab-detail-hero-cards)),
  html body:not(.page-index) .lab-content-scope section.modern-hero:not(:has(.lab-detail-hero-cards)),
  html body:not(.page-index) .school-content-scope section.modern-hero,
  html.site-blocks body.page-laboratory .lab-content-scope section.modern-hero:not(:has(.lab-detail-hero-cards)),
  html.site-blocks body.page-school .school-content-scope section.modern-hero,
  html.site-blocks body.page-font section.modern-hero,
  html.site-blocks body.page-social section.modern-hero,
  html.site-blocks body.page-positions section.modern-hero,
  html.site-blocks body.page-otzyvy section.modern-hero,
  html.site-blocks body.page-novosti-sayta section.modern-hero {
    height: auto !important;
    min-height: clamp(88px, 22vw, 120px) !important;
    max-height: none !important;
    padding-top: clamp(14px, 3vw, 20px) !important;
    padding-bottom: clamp(14px, 3vw, 20px) !important;
    padding-left: clamp(16px, 4vw, 24px) !important;
    padding-right: clamp(16px, 4vw, 24px) !important;
    overflow: visible !important;
  }

  html body:not(.page-index) section.modern-hero .modern-hero-inner {
    max-width: 100% !important;
    width: 100% !important;
  }

  html body:not(.page-index) section.modern-hero .modern-hero-brand-stack {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body:not(.page-index) section.modern-hero .modern-hero-title .modern-hero-brand,
  html body:not(.page-index) section.modern-hero .modern-hero-brand,
  html.site-blocks body.page-laboratory .lab-content-scope section.modern-hero .modern-hero-brand,
  html.site-blocks body.page-school .school-content-scope section.modern-hero .modern-hero-brand,
  html.site-blocks body.page-school section.modern-hero .modern-hero-brand {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    text-align: left !important;
    font-size: clamp(0.82rem, 3.8vw, 1.15rem) !important;
    line-height: 1.2 !important;
  }

  html body section.hero .hero-content {
    padding: clamp(24px, 5vw, 36px) clamp(16px, 4vw, 24px) !important;
  }

  html body section.hero .hero-content h1,
  html body section.hero .hero-main-title {
    font-size: clamp(1.35rem, 5.5vw, 2rem) !important;
    line-height: 1.15 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  /* ── Сетки → одна колонка ── */
  html body :is(
    .hero-cards,
    .hero-action-grid,
    .hero-services-cards,
    .hero-info-grid,
    .info-grid,
    .about-grid,
    .about-grid--with-feedback,
    .content-flex,
    .content-grid,
    .docs-grid,
    .intro-cards,
    .font-fund-pl-cards,
    .home-activities-grid,
    .positions-division-cards,
    .social-guarantees-index-cards,
    .feedback-benefits,
    .news-grid,
    .reviews-grid
  ) {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .content-flex {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body .content-flex .text-part,
  html body .content-flex .video-part {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .fund-action-row-desktop,
  html body .history-action-row-desktop,
  html body .positions-divisions-actions.fund-action-row-desktop {
    display: none !important;
  }

  html body:not(.page-index) :is(
    .fund-action-row-mobile,
    .history-action-row-mobile,
    .home-activity-card-actions-mob,
    .positions-divisions-actions--mobile
  ) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 10px !important;
  }

  /* ── Кнопки с фиксированной шириной (cm / px) ── */
  html body:not(.page-index) :is(
    .contract-btn,
    .contract-button,
    .history-action-btn,
    .donation-btn,
    .download-btn,
    .doc-btn,
    .submit-btn,
    .social-legal-submit-btn,
    .office-feedback-btn,
    .fund-choice-link,
    .top-news-btn,
    .lab-request-file-trigger,
    .positions-divisions-actions .contract-btn,
    .positions-divisions-actions .history-action-btn
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    inline-size: 100% !important;
    flex: 1 1 auto !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  html body .fund-action-row-desktop :is(.contract-btn, .history-action-btn),
  html body .fund-action-row-mobile :is(.contract-btn, .history-action-btn) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  /* ── Карточки на всю ширину ── */
  html body :is(
    .hero-card,
    .hero-action-card,
    .hero-service-card,
    .info-card,
    .intro-card,
    .about-card,
    .home-activity-card,
    .font-fund-pl-main-card,
    .combat-unit-card
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .home-activity-card-wide-inner {
    flex-direction: column !important;
  }

  html body .home-activity-card--wide .home-activity-card-media,
  html body .home-activity-card--flip .home-activity-card-media {
    order: -1 !important;
    width: 100% !important;
    flex: none !important;
    min-height: 180px !important;
  }

  /* ── Блоки контента ── */
  html body .site-block,
  html body .about-section,
  html body .history-section,
  html body .key-directions-section,
  html body .social-block-inner,
  html body .positions-block-inner,
  html body .fund-photo-section {
    padding: clamp(18px, 4vw, 28px) clamp(14px, 3.5vw, 20px) !important;
  }

  html body:not(.page-index) .modern-hero {
    margin-left: clamp(8px, 2vw, 12px) !important;
    margin-right: clamp(8px, 2vw, 12px) !important;
    width: calc(100% - clamp(16px, 4vw, 24px)) !important;
    max-width: calc(100% - clamp(16px, 4vw, 24px)) !important;
  }

  html body.page-index .modern-hero {
    margin-left: clamp(8px, 2vw, 12px) !important;
    margin-right: clamp(8px, 2vw, 12px) !important;
    width: calc(100% - clamp(16px, 4vw, 24px)) !important;
    max-width: calc(100% - clamp(16px, 4vw, 24px)) !important;
  }

  /* ── Модальные окна ── */
  html body .modal.active,
  html body .social-legal-modal.active {
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: calc(var(--site-header-height, 68px) + 8px) 12px 12px !important;
    box-sizing: border-box !important;
  }

  html body :is(
    .modal-content,
    .contract-modal-content,
    .fund-contract-like-modal,
    .social-legal-modal-dialog,
    .benefit-modal-content,
    .service-modal-content,
    .calc-modal-content,
    .help-choice-modal-content
  ) {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 0 auto !important;
    max-height: calc(100dvh - var(--site-header-height, 68px) - 24px) !important;
    border-radius: 18px !important;
  }

  html body .modal-form-footer,
  html body .benefit-modal-action,
  html body .help-choice-modal-action {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  html body .modal-form-footer :is(.submit-btn, .contract-btn),
  html body .help-choice-grid .contract-btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ── Таблицы ── */
  html body :is(
    .table-responsive,
    .table-wrap,
    .risk-table-wrapper,
    .download-box,
    .doc-frame-wrap
  ) {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    max-width: 100% !important;
  }

  html body table {
    min-width: 0 !important;
  }

  /* ── Футер ── */
  html body .footer-container {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 0 clamp(12px, 3vw, 20px) !important;
  }

  html body .site-footer {
    padding: clamp(24px, 5vw, 36px) clamp(12px, 3vw, 16px) !important;
  }

  /* ── Combat unit ── */
  html body[class*="page-combat"] .division-intro-block {
    padding: clamp(14px, 4vw, 20px) !important;
  }

  html body[class*="page-combat"] .division-intro-text {
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
  }

  /* ── Формы ── */
  html body :is(input, select, textarea, .form-control) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .form-row,
  html body .social-legal-form-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body .form-row > *,
  html body .social-legal-form-row > * {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  html {
    --site-header-height: 64px;
    --m-header-h: 64px;
  }

  html body:not(.page-index) .site-header .header-inner .header-actions > .home-link.top-news-btn,
  html body:not(.page-index) .site-header .header-inner .header-actions > a.home-link.top-news-btn {
    display: inline-flex !important;
    flex: 1 1 0 !important;
    flex-basis: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    block-size: 48px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    border-radius: 14px !important;
  }

  html body:not(.page-index) section.modern-hero .modern-hero-title .modern-hero-brand,
  html body:not(.page-index) section.modern-hero .modern-hero-brand {
    font-size: clamp(0.78rem, 4.2vw, 1rem) !important;
  }

  html body .modal.active,
  html body .social-legal-modal.active {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body :is(
    .modal-content,
    .contract-modal-content,
    .fund-contract-like-modal,
    .social-legal-modal-dialog
  ) {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
  html body .home-activity-card:hover,
  html body .hero-card:hover,
  html body .intro-card:hover {
    transform: none !important;
  }
}

/* Шапка: «НОВОСТИ» — высота как у кнопки меню (48px, все экраны) */
html body .site-header .header-inner .header-actions > .home-link.top-news-btn,
html body .site-header .header-inner .header-actions > a.home-link.top-news-btn,
html body[class*="page-"] .site-header .header-inner .header-actions > .home-link.top-news-btn,
html body[class*="page-"] .site-header .header-inner .header-actions > a.home-link.top-news-btn {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  block-size: 48px !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   Site-wide mobile fixes (все страницы кроме index-only hero/карточек index)
   ========================================================================== */

@media (max-width: 768px) {
  html {
    --site-header-capsule-gutter: clamp(12px, 2vw, 20px);
    --site-header-capsule-width: min(var(--m-content-w, 1220px), calc(100vw - (var(--site-header-capsule-gutter) * 2)));
    --index-header-capsule-gutter: var(--site-header-capsule-gutter);
    --index-header-capsule-width: var(--site-header-capsule-width);
    --index-news-btn-width: 100%;
    --site-fund-btn-width: 100%;
    --site-btn-len: 100%;
    --site-action-width: 100%;
    --oai-education-btn-width: 100%;
  }

  /* Меню навигации — сброс legacy right:-380px */
  html body #sideMenu.side-menu,
  html body #sideMenu {
    right: 0 !important;
    left: auto !important;
    width: var(--nav-w, min(calc(380px / 1.5), calc(100vw / 1.5))) !important;
    max-width: calc(100vw / 1.5) !important;
  }

  /* «ГЛАВНАЯ» и «НОВОСТИ» — одинаковая ширина, высота = бургер */
  html body[class*="page-"]:not(.page-index) .site-header .header-inner .header-actions > .home-link.top-news-btn,
  html body[class*="page-"]:not(.page-index) .site-header .header-inner .header-actions > a.home-link.top-news-btn {
    flex: 1 1 0 !important;
    flex-basis: 0 !important;
    inline-size: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    block-size: 48px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    border-radius: 14px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html body[class*="page-"]:not(.page-index) .site-header .header-actions .home-link.top-news-btn:first-child {
    display: inline-flex !important;
  }

  /* index.html — одна кнопка «НОВОСТИ», не растягивать */
  html body.page-index .site-header .header-inner .header-actions > .home-link.top-news-btn,
  html body.page-index .site-header .header-inner .header-actions > a.home-link.top-news-btn {
    flex: 0 0 auto !important;
    flex-basis: auto !important;
  }

  /* Ширина контента = ширина шапки */
  html body:not(.page-index) :is(
    .social-page-stack,
    .positions-page-stack,
    .fund-documents-page-stack,
    .privacy-policy-page-stack,
    .personal-data-consent-page-stack,
    .payment-acceptance-terms-page-stack,
    .lab-content-scope,
    .school-content-scope,
    main.container
  ) {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: var(--site-header-capsule-gutter) !important;
    padding-right: var(--site-header-capsule-gutter) !important;
    box-sizing: border-box !important;
  }

  html body:not(.page-index) :is(
    .social-page-stack > section.modern-hero,
    .social-page-stack > .social-block,
    .positions-page-stack > section.modern-hero,
    .positions-page-stack > .positions-block,
    .positions-page-stack > main.container,
    .fund-documents-page-stack > section.modern-hero,
    .fund-documents-page-stack > .fund-documents-block,
    .lab-content-scope section.modern-hero,
    .school-content-scope section.modern-hero
  ) {
    width: var(--site-header-capsule-width) !important;
    max-width: var(--site-header-capsule-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Hero-кнопки и pills — колонка на всю ширину (если есть) */
  html body:not(.page-index) .modern-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }

  html body:not(.page-index) .modern-hero-actions .modern-hero-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    inline-size: 100% !important;
  }

  html body:not(.page-index) .modern-hero-pills {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }

  html body:not(.page-index) .modern-hero-pills li {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body:not(.page-index) .modern-hero-pills .modern-hero-pill-link {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Карточки: отступы до нижних кнопок как на index */
  html body :is(
    .fund-action-row-mobile,
    .home-activity-card-actions-mob.fund-action-row-mobile,
    .history-action-row-mobile
  ) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 18px 18px !important;
    box-sizing: border-box !important;
  }

  html body :is(
    .fund-action-row-mobile .contract-btn,
    .home-activity-card-actions-mob .contract-btn,
    .history-action-row-mobile .history-action-btn,
    .about-card-action .contract-btn
  ) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
  }

  html body .about-card-action {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 12px !important;
  }

  html body.page-laboratory .lab-content-scope main.container .about-section.about-section-laboratory .about-card-action,
  html body.page-font main.container .about-card-action,
  html body.page-school .school-content-scope .about-card-action {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 12px !important;
  }

  html body.page-laboratory .lab-content-scope main.container .about-section.about-section-laboratory .about-card-action .contract-btn,
  html body.page-laboratory .lab-content-scope main.container .about-section.about-section-laboratory #openLabAboutFinancialBtn,
  html body.page-laboratory .lab-content-scope main.container .about-section.about-section-laboratory #openLabAboutMaterialBtn,
  html body.page-font main.container .about-card-action .contract-btn,
  html body.page-laboratory main.container #labDirections .home-activity-card-actions-mob.fund-action-row-mobile .contract-btn,
  html body.page-font main.container .home-activity-card-actions-mob.fund-action-row-mobile .contract-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
  }

  /* Длинные заголовки карточек — перенос без обрезки */
  html body:not(.page-index) .home-activity-card-title,
  html body:not(.page-index) .home-activity-card-title-line,
  html body:not(.page-index) .home-activity-card-title .section-logo-link,
  html body:not(.page-index) .home-activity-card-title .section-logo-brand {
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    text-overflow: clip !important;
    max-width: 100% !important;
  }

  /* social.html — кнопки модалок на всю ширину (перебивает social-modal-buttons.css) */
  html body.page-social :is(
    #benefitModal[data-benefit-key="contract"] #benefitModalLink.contract-btn,
    #benefitModal[data-benefit-key="contract"] #benefitModalDetailsLink.contract-btn,
    #benefitModal[data-benefit-key="contract"] .benefit-modal-action > .benefit-details-btn,
    #benefitModal[data-real-estate-flow="true"] #benefitModalLink.contract-btn,
    #benefitModal[data-real-estate-flow="true"] #benefitModalDetailsLink.contract-btn,
    #benefitModal[data-real-estate-flow="true"] .benefit-modal-action > .benefit-details-btn,
    #calcModal .calc-tabs > .calc-tab-btn,
    #calcModal .calc-tabs > button.calc-tab-btn,
    #calcModal button#moneyCalcReset.money-reset-btn,
    #calcModal #moneyCalcReset
  ) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    flex: 1 1 auto !important;
  }

  /* font/laboratory — submit-кнопки модалок */
  html body[class*="page-"] :is(
    .modal-form-footer .submit-btn,
    .modal-form-footer .contract-btn,
    .social-legal-modal .social-legal-submit-btn,
    .office-feedback-btn,
    .benefit-modal-action .contract-btn,
    .benefit-modal-action .benefit-details-btn
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    inline-size: 100% !important;
    flex: 1 1 auto !important;
  }
}

/* Футер — «ОФИСЫ ФОНДА» в одной вертикали с «КОНТАКТЫ "ПлАЦДАРМ"» (все страницы) */
@media (max-width: 980px) {
  html body .site-footer .footer-col.footer-col--offices,
  html body[class*="page-"] .site-footer .footer-col.footer-col--offices {
    position: static !important;
    left: auto !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    transform: none !important;
    justify-self: start !important;
  }

  html body .site-footer .footer-col.footer-col--offices h3,
  html body .site-footer .footer-col.footer-col--offices ul,
  html body .site-footer .footer-col.footer-col--offices li,
  html body[class*="page-"] .site-footer .footer-col.footer-col--offices h3,
  html body[class*="page-"] .site-footer .footer-col.footer-col--offices ul,
  html body[class*="page-"] .site-footer .footer-col.footer-col--offices li {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

@import url('site-footer-font-scale.css');
@import url('site-footer-columns-shift.css');