/* =============================================================
 * MOBILE (≤767px) — Figma «Главная 360» (1:2860, 360×15003)
 *
 * Точные размеры из MCP get_design_context:
 *   Hero       (1:2862) — 360×806, header h94, body w328
 *   Catalog    (1:2878) — w328, card 328×~301, gutter 16
 *   Calc       (1:3006) — w328, padding 20, map h364
 *   Partner    (1:3041) — padding 40 16, title 26 tracking -.52
 *   About      (1:3069) — title 26, features stacked, slider 328×227 + 4 dots
 *   Services   (1:3174) — 8 tiles 328×280, gap 20
 *   FAQ        (1:3245) — w328, title 26 + 6 questions
 *   Contacts   (1:3305) — 360×1516, padding 40 16
 *   Footer     (1:3669) — 360×1108, 4 nav stacked + orange bar vertical
 *
 * Этот файл грузится ПОСЛЕДНИМ — потому все правила без !important и
 * специфичность достаточна, чтобы перебить десктоп-правила.
 * Только там, где Aspro-тема перебивает, оставлен !important.
 * ============================================================= */

@media (max-width: 767px) {

/* ===== HEADER — Figma 360 (1:2860): вверху без полосы, при скролле только серый фон ===== */
/* Главная вверху: лого+кнопки поверх hero, без серой плашки */
body.is-index .fg-header:not(.is-scrolled)::before,
body.is-services-figma .fg-header:not(.is-scrolled)::before {
    opacity: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}
/* Внутренние — матовое серое стекло */
body.is-inner:not(.is-services-figma) .fg-header:not(.is-scrolled)::before {
    opacity: 1 !important;
    background: var(--fg-header-glass-bg) !important;
    backdrop-filter: var(--fg-header-glass-blur) !important;
    -webkit-backdrop-filter: var(--fg-header-glass-blur) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.28) !important;
    border-bottom: var(--border-glass);
}
/* Скролл — то же */
body.is-scrolled .fg-header::before,
.fg-header.is-scrolled::before {
    opacity: 1 !important;
    background: var(--fg-header-glass-bg) !important;
    backdrop-filter: var(--fg-header-glass-blur) !important;
    -webkit-backdrop-filter: var(--fg-header-glass-blur) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.28) !important;
    border-bottom: var(--border-glass);
}
@supports not (backdrop-filter: blur(1px)) {
    body.is-inner .fg-header:not(.is-scrolled)::before,
    body.is-scrolled .fg-header::before,
    .fg-header.is-scrolled::before {
        background: rgba(48, 52, 58, 0.94) !important;
    }
}
.fg-header__container {
    padding: 16px 16px !important;
    box-sizing: border-box;
}
.fg-topbar {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    grid-template-rows: auto !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-height: 40px !important;
}
.fg-logo {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    order: 0 !important;
}
.fg-logo img { width: 165px !important; height: 38px !important; max-height: none !important; }
/* Город скрыт на мобилке (по запросу). Если решишь вернуть — раскомментировать
   блок и убрать display:none. Был оверрайд глобального fg-feat-city-off флага. */
.fg-topbar__city,
html.fg-feat-city-off .fg-topbar__city { display: none !important; }
/* Поскольку второго ряда больше нет — topbar в один ряд */
.fg-topbar { grid-template-rows: auto !important; row-gap: 0 !important; }
.fg-topbar__contact--email,
.fg-topbar__contact--phones { display: none !important; }
.fg-topbar__spacer { display: none !important; }
/* В Figma на моб: 2 круглые кнопки — call (телефон) + burger. MAX только в drawer. */
/* MAX в topbar на ≤767 скрыт */
.fg-topbar > .fg-topbar__round { display: none !important; }
.fg-mobile-menu__max.fg-topbar__round {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 0 !important;
    margin-right: auto !important;
    align-self: flex-start !important;
}
.fg-topbar__call {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    order: 0 !important;
    display: inline-flex !important;
    align-items: center; justify-content: center;
    width: 40px !important; height: 40px !important;
    margin: 0 !important;
    padding: 12px !important;
    background: var(--c-orange, #E65100) !important;
    border-radius: 50% !important;
    color: #fff;
}
.fg-topbar__call svg { width: 16px !important; height: 16px !important; }
/* Десктопный navbar на мобилке не показываем никогда (ни вверху, ни при скролле) */
.fg-navbar,
.fg-header.is-scrolled .fg-navbar,
body.is-scrolled .fg-header .fg-navbar {
    display: none !important;
}
.fg-navbar__burger--sticky {
    display: none !important;
}
.fg-navbar__burger--topbar {
    grid-column: 3 / 4 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    order: 0 !important;
    display: inline-flex !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
}

/* При скролле — тот же topbar (лого + звонок + бургер), перебиваем desktop sticky */
.fg-header.is-scrolled .fg-topbar,
body.is-scrolled .fg-header .fg-topbar {
    display: grid !important;
}
.fg-header.is-scrolled .fg-navbar__burger--topbar,
body.is-scrolled .fg-header .fg-navbar__burger--topbar {
    display: inline-flex !important;
}
.fg-header.is-scrolled .fg-header__container,
body.is-scrolled .fg-header .fg-header__container {
    padding: 16px 16px !important;
}

:root {
    --header-h: 72px;
}

/* ===== HERO (1:2862, 360×806) — высота кадра Figma, без 100svh ===== */
.fg-hero {
    min-height: 806px !important;
    height: 806px !important;
}
.fg-hero__container {
    min-height: 806px !important;
    height: 806px !important;
    max-height: 806px !important;
    padding: calc(var(--header-h, 72px) + 116px) 16px 0 !important;
    /* gap 129px = Figma 1:2862 от кнопок до minorder; auto на minorder — к низу кадра */
    gap: 129px !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    overflow: hidden;
}
.fg-hero__inner {
    margin: 0 !important;
    gap: 20px;
}
.fg-hero__title {
    font-size: 30px !important;   /* Figma: 30 Bold tracking -0.6 */
    letter-spacing: -0.6px !important;
    line-height: 1.1 !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}
.fg-hero__subtitle {
    font-size: 16px !important;
    line-height: 1.3 !important;
    max-width: 100% !important;
}
.fg-hero__actions {
    flex-direction: column !important;
    gap: 20px !important;
    margin-top: 40px !important;
}
.fg-hero__btn {
    width: 100% !important;
    height: 60px !important;
    padding: 20px 40px !important;
    font-size: 16px !important;
}
/* Min-order: прижат к низу кадра 806px (Figma 1:2862), ≥129px от кнопок через gap */
.fg-hero__minorder {
    position: static !important;
    width: 100% !important;
    align-self: stretch !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding: 16px 20px !important;
    border-radius: 16px 16px 0 0 !important;
    border-bottom: 0 !important;
    text-align: center !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    max-width: none !important;
    flex-shrink: 0;
}

/* Inner (разводящие каталога): компактный hero — текст и minorder без обрезания */
body.is-inner .fg-hero {
    min-height: 0 !important;
    height: auto !important;
}
body.is-inner .fg-hero__container {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: calc(var(--header-h, 72px) + 16px) 16px 0 !important;
    gap: 24px !important;
    overflow: visible !important;
}
body.is-inner .fg-hero__inner {
    gap: 12px !important;
}
body.is-inner .fg-hero__title {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto !important;
}
body.is-inner .fg-hero__subtitle {
    line-height: 1.35 !important;
}
body.is-inner .fg-hero__actions {
    margin-top: 20px !important;
    gap: 12px !important;
}
body.is-inner .fg-hero__btn {
    height: 52px !important;
    min-height: 52px !important;
    padding: 14px 24px !important;
}
body.is-inner .fg-hero__minorder {
    padding: 12px 16px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    border-radius: 12px 12px 0 0 !important;
}

/* ===== CATALOG (1:2878, 328 wide, cards 328×~301) =====
   header: title 26 + ссылка "Все услуги" inline; description 14/15 ниже */
.fg-catalog__container { padding: 0 16px !important; }
.fg-catalog { padding: 40px 0 !important; }
.fg-catalog__head {
    margin-bottom: 30px !important;
    gap: 12px !important;
}
.fg-catalog__head-row {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}
.fg-catalog__title {
    font-size: 26px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
}
.fg-catalog__more {
    font-size: 15px !important;
    flex-shrink: 0 !important;
}
.fg-catalog__lead { font-size: 14px !important; line-height: 1.3 !important; }
.fg-catalog__grid { grid-template-columns: 1fr !important; gap: 20px !important; }
.fg-section-spacer--catalog-calc { height: 0 !important; }
.fg-cat-tile {
    aspect-ratio: auto !important;
    min-height: 301px !important;  /* Figma: 328×301 */
    padding: 20px !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 16px !important;
}
.fg-cat-tile__body { gap: 12px !important; }
.fg-cat-tile__title { font-size: 22px !important; max-width: 100% !important; }
.fg-cat-tile__desc  { font-size: 14px !important; max-width: 100% !important; line-height: 1.2 !important; }
.fg-cat-tile__price { font-size: 18px !important; }
.fg-cat-tile__btn {
    align-self: stretch !important;
    width: 100% !important;
    height: 47px !important;
    padding: 14px 40px !important;
    font-size: 15px !important;
}

/* ===== CALC (1:3006, 328×1287) =====
   container w328 radius 20; left padding 20; map 328×364 ниже */
.fg-calc { padding: 40px 0 !important; }
.fg-calc__outer { padding: 0 16px !important; }
.fg-calc__container {
    min-height: 0 !important;
    border-radius: 20px !important;
}
.fg-calc__left {
    position: static !important;
    width: 100% !important;
    padding: 20px !important;
    gap: 40px !important;
}
.fg-calc__title { font-size: 26px !important; line-height: 1.1 !important; letter-spacing: -0.5px !important; }
.fg-calc__lead  { font-size: 15px !important; line-height: 1.2 !important; }
.fg-calc__form  { gap: 16px !important; }
.fg-calc__row--2 { grid-template-columns: 1fr !important; gap: 20px !important; }
.fg-calc__row--2[data-fg="converter"] { gap: 10px !important; }
.fg-calc__input { height: 51px !important; padding: 16px !important; font-size: 16px !important; }
.fg-calc__submit {
    height: 64px !important; padding: 20px 40px !important;
    font-size: 20px !important; line-height: 1.2 !important;
    white-space: nowrap !important; margin-top: 16px !important;
}
.fg-calc__right {
    position: static !important;
    width: 100% !important;
    height: 364px !important;          /* Figma: 328×364 */
    padding: 0 !important;
    border-radius: 0 0 20px 20px !important;
}

/* ===== PARTNER (1:3041) ===== */
.fg-partner { padding: 40px 16px !important; min-height: 0 !important; }
.fg-partner__inner { gap: 30px !important; }
.fg-partner__title {
    font-size: 26px !important;       /* Figma: 26 Medium */
    letter-spacing: -0.52px !important;
    line-height: 1.1 !important;
}
.fg-partner__grid { grid-template-columns: 1fr !important; gap: 16px !important; }
.fg-partner__col { gap: 20px !important; padding-top: 20px !important; }
.fg-partner__num { font-size: 20px !important; }
.fg-partner__copy { gap: 20px !important; }
.fg-partner__col-title { font-size: 20px !important; line-height: 1 !important; }
.fg-partner__col-desc { font-size: 15px !important; line-height: 1.2 !important; }

/* ===== ABOUT (1:3069, 328×1379) ===== */
.fg-about { padding: 40px 0 !important; }
.fg-about__container { padding: 0 16px !important; }
.fg-about__title { font-size: 26px !important; letter-spacing: -0.5px !important; margin-bottom: 30px !important; }
.fg-about__grid { grid-template-columns: 1fr !important; gap: 30px !important; }
.fg-about__subtitle { font-size: 20px !important; line-height: 1.2 !important; margin-bottom: 20px !important; }
.fg-about--nerudnye .fg-about__subtitle--stacked > span {
    display: block !important;
    white-space: nowrap !important;
}
.fg-about--nerudnye .fg-about__subtitle--stacked {
    width: 328px !important;
    max-width: calc(100vw - 32px) !important;
}
.fg-about__body { font-size: 15px !important; line-height: 1.2 !important; margin-bottom: 30px !important; }
.fg-about__features-heading { font-size: 16px !important; margin-bottom: 30px !important; }
.fg-about__features { grid-template-columns: 1fr !important; gap: 30px !important; margin-bottom: 30px !important; }
.fg-about__feature { padding-left: 20px !important; border-left: 1px solid rgba(0,0,0,.3) !important; gap: 20px !important; flex-direction: column !important; align-items: flex-start !important; }
.fg-about__feature-title { font-size: 20px !important; line-height: 1.2 !important; }
.fg-about__feature-desc { font-size: 16px !important; line-height: 1.2 !important; }
/* Nerudnye about features — Figma 117:15124 */
.fg-about--nerudnye .fg-about__features {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    margin: 0 !important;
}
.fg-about--nerudnye .fg-about__feature {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
    padding: 0 0 0 20px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.3) !important;
}
.fg-about--nerudnye .fg-about__feature-icon {
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
}
.fg-about--nerudnye .fg-about__feature-icon img {
    width: 48px !important;
    height: 48px !important;
    display: block !important;
}
.fg-about--nerudnye .fg-about__feature-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
}
.fg-about--nerudnye .fg-about__feature-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #E65100 !important;
    margin: 0 !important;
}
.fg-about--nerudnye .fg-about__feature-desc {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
}
.fg-about--nerudnye .fg-about__feature-desc--stacked {
    width: 100% !important;
    max-width: 308px !important;
}
.fg-about--nerudnye .fg-about__feature-desc--stacked > span {
    display: block !important;
    white-space: nowrap !important;
}
.fg-about__final { font-size: 15px !important; line-height: 1.5 !important; }
/* Nerudnye about carousel — Figma 117:15198 */
.fg-about--nerudnye .fg-about__col--gallery-desktop {
    display: none !important;
}
.fg-about--nerudnye .fg-about__col--gallery-mobile {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
}
.fg-about--nerudnye .fg-about__carousel-viewport {
    width: 100% !important;
    overflow: hidden !important;
}
.fg-about--nerudnye .fg-about__carousel-track {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}
.fg-about--nerudnye .fg-about__carousel-track::-webkit-scrollbar { display: none !important; }
.fg-about--nerudnye .fg-about__carousel-slide {
    flex: 0 0 328px !important;
    width: 328px !important;
    max-width: calc(100vw - 32px) !important;
    aspect-ratio: 328 / 227 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid transparent !important;
    scroll-snap-align: start !important;
}
.fg-about--nerudnye .fg-about__carousel-slide.is-active {
    border-color: #e65100 !important;
}
.fg-about--nerudnye .fg-about__carousel-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.fg-about--nerudnye .fg-about__carousel-dots {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.fg-about--nerudnye .fg-about__carousel-dot {
    width: 6px !important;
    height: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #e5b89f !important;
}
.fg-about--nerudnye .fg-about__carousel-dot.is-active {
    background: #e65100 !important;
}
/* Слайдер главной (не nerudnye) */
.fg-about__main {
    aspect-ratio: 328 / 227 !important;
    border-radius: 20px !important;
}
.fg-about__thumbs {
    grid-template-columns: repeat(4, 6px) !important;
    gap: 10px !important;
    justify-content: center !important;
    margin-top: 20px !important;
}
.fg-about__thumb {
    width: 6px !important; height: 6px !important;
    aspect-ratio: auto !important;
    border-radius: 50% !important;
    background-color: rgba(0,0,0,.3) !important;
    background-image: none !important;     /* убираем inline style="background-image:url()" */
    border: 0 !important;
}
.fg-about__thumb.is-active { background-color: var(--c-orange, #E65100) !important; }
/* Стрелки на моб помельче */
.fg-about__nav { width: 32px !important; height: 32px !important; }

/* ===== SERVICES (1:3174, 328×2557) =====
   header 328×147 (title 26 + lead 15); 8 tiles 328×280 stacked, gap 20 */
.fg-services__container { padding: 0 16px !important; }
.fg-services { padding: 40px 0 !important; }
.fg-services__head { margin-bottom: 30px !important; gap: 20px !important; }
.fg-services__title { font-size: 26px !important; letter-spacing: -0.5px !important; line-height: 1.1 !important; }
.fg-services__lead  { font-size: 15px !important; line-height: 1.3 !important; }
.fg-services__row--2,
.fg-services__row--3 {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    grid-template-columns: none !important;
}
.fg-svc-tile,
.fg-svc-tile--wide {
    aspect-ratio: auto !important;
    width: 100% !important;
    height: 280px !important;            /* Figma: 328×280 */
    min-height: 0 !important;
    padding: 20px !important;
}
/* Figma 1:3181 — 01-arenda-samosvalov.webp 1740×640: техника справа, не обрезать на 480–767 */
.fg-svc-tile--wide {
    background-size: auto 82% !important;
    background-position: 94% 58% !important;
}
/* Узкие плитки — субъект чаще справа в кадре */
.fg-svc-tile:not(.fg-svc-tile--wide) {
    background-position: 78% center !important;
}
.fg-svc-tile__title { font-size: 22px !important; }
.fg-svc-tile__desc  { font-size: 14px !important; line-height: 1.2 !important; }
.fg-svc-tile__btn   { width: 100% !important; padding: 14px 40px !important; font-size: 15px !important; }

/* ===== FAQ (1:3245, 328×673) =====
   title 26; вопросы 14-16 Medium, ответ 14 Regular */
.fg-faq { padding: 40px 0 !important; }
.fg-faq__container { padding: 0 16px !important; }
.fg-faq__head { margin-bottom: 30px !important; }
.fg-faq__title { font-size: 26px !important; text-align: left !important; letter-spacing: -0.5px !important; }
.fg-faq__list { gap: 0 !important; }
.fg-faq__item { padding: 0 !important; }
.fg-faq__item[open] { padding-bottom: 16px !important; }
.fg-faq__q { font-size: 15px !important; gap: 16px !important; padding: 16px 0 0 !important; line-height: 1.2 !important; }
.fg-faq__a { font-size: 14px !important; padding: 8px 0 0 24px !important; }

/* ===== CONTACTS (1:3305, 360×1516) ===== */
.fg-contacts { padding: 40px 16px !important; }
.fg-contacts__inner { flex-direction: column !important; gap: 30px !important; }
.fg-contacts__left { gap: 30px !important; }
.fg-contacts__cols { flex-direction: column !important; gap: 30px !important; }
.fg-contacts__col { gap: 30px !important; }
.fg-contacts__col-title { font-size: 24px !important; }
.fg-contacts__people { flex-direction: column !important; gap: 30px !important; }
.fg-contacts__person { gap: 16px !important; min-width: 0 !important; }
.fg-contacts__btn { width: 100% !important; height: 47px !important; padding: 14px 40px !important; font-size: 15px !important; }
.fg-contacts__agree-text { max-width: none !important; }
.fg-contacts__map {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 240px !important;
    min-height: 0 !important;
    border-radius: 0 !important;
}

/* ===== FOOTER (1:3669, 360×1108) =====
   layout: 1 col stacked — Brand, Каталог, Услуги, Аренда техники, Контакты;
   bottom-bar — vertical 5 links centered, padding 16 */
.fg-footer__container { padding: 40px 16px 0 !important; }
.fg-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    padding-bottom: 30px !important;
}
.fg-footer__col,
.fg-footer__col--brand,
.fg-footer__col--menu,
.fg-footer__col--contacts {
    grid-column: span 1 !important;
    align-items: flex-start !important;
    text-align: left !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.fg-footer__logo img { width: 175px !important; height: 40px !important; }
.fg-footer__tagline { font-size: 14px !important; }
.fg-footer__col-title { font-size: 16px !important; }
.fg-footer__col--menu a { font-size: 14px !important; }
/* Контакты в моб — выровнены влево, не вправо */
.fg-footer__col--contacts {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
}
.fg-footer__phones { align-items: flex-start !important; gap: 4px !important; }
.fg-footer__phones a,
.fg-footer__email,
.fg-footer__col--contacts > a[href^="mailto:"] { font-size: 17px !important; }
.fg-footer__col--contacts .fg-topbar__round.fg-footer__max { margin-top: 10px !important; }
/* Bottom-bar — вертикальный список */
.fg-footer__bar {
    height: auto !important;
    padding: 16px !important;
}
.fg-footer__legal {
    flex-direction: column !important;
    gap: 12px !important;
    text-align: center !important;
}
.fg-footer__legal a { font-size: 16px !important; }


/* ===== CATALOG INNER (/catalog/) — тест ===== */
.fg-cat2__page-head--root .fg-cat2__lead {
    text-align: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    font-size: 15px !important;
    font-style: italic !important;
    line-height: 1 !important;
    color: rgba(0, 0, 0, 0.7) !important;
}
.fg-cat2__page-head--root .fg-cat2__lead p {
    margin: 0 !important;
    font: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
}

/* ===== CATALOG HUB — единая вертикальная линия контента (gutter 16px) ===== */
body.fg-catalog-hub .fg-cat-hub .fg-cat2__container {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

body.fg-catalog-hub .fg-cat-hub .fg-cat2-group__title {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.fg-catalog-hub .fg-cat-hub .fg-cat2-product {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

} /* end @media */