/* ================================================================
   СОЛЯРИС — Adaptive CSS (tablet + mobile)
   Подключается после solaris.css
   ================================================================ */

/* ── TABLET 768–1024px ───────────────────────────────────────── */
@media (max-width: 1024px) {
  .s-header__search { max-width: 340px; }
  .s-hact__label { display: none; }
  .s-hact__ico   { font-size: 24px; }
  .s-nav .moduletable ul li a,
  .s-nav__inner > ul.mod-menu > li > a { padding: 0 10px; font-size: 12px; }
  .s-footer__cols { grid-template-columns: 1fr 1fr; gap: 20px; }
  .s-footer__col--brand { grid-column: 1/-1; }
  .s-content-grid--has-left  { grid-template-columns: 210px 1fr; }
  .s-content-grid--has-right { grid-template-columns: 1fr 210px; }
  .s-product-grid--4 { grid-template-columns: repeat(3, 1fr); }
  .s-hero__slide { padding: 32px 40px; min-height: 280px; }
  .s-hero__title { font-size: 28px; }
  .s-advantages__grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }


}

/* ── MOBILE < 768px ──────────────────────────────────────────── */
@media (max-width: 767px) {

  /* Скрываем десктопные элементы */
  .s-topbar   { display: none !important; }
  .s-header   { display: none !important; }
  .s-nav      { display: none !important; }
  .s-footer   { display: none !important; }

  /* Показываем мобильные */
  .s-mob-header     { display: flex !important; }
  .s-mob-footer     { display: block !important; }
  .s-mob-bottom-bar { display: block !important; }

  /* Breadcrumb */
  .s-breadcrumb { padding: 12px 16px; }
  .s-breadcrumb .breadcrumb { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex-wrap: nowrap; }

  /* Main */
  .s-main { padding: 0 0 16px; }
  /* Запас снизу — только если на странице есть фиксированная нижняя панель */
  body:has(.s-mob-bottom-bar) .s-main { padding-bottom: 80px; }
  .s-container { padding: 0 12px; }

  /* Sidebar → под контентом */
  .s-content-grid,
  .s-content-grid--has-left,
  .s-content-grid--has-right { grid-template-columns: 1fr; }
  .s-sidebar--left { order: 2; }
  .s-sidebar--right { order: 2; }
  .s-content-main { order: 1; }

  /* Карточки товаров */
  .s-catalog .s-product-grid,
  .s-product-grid--4,
  .s-product-grid--3 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .s-product-card__actions { opacity: 1; }
  .s-product-card__body { padding: 8px 10px; }
  .s-product-card__name { font-size: 12px; }
  .s-product-card__price-cur { font-size: 14px; }
  .s-product-card__price-old { font-size: 11px; margin-left: 4px; }
  .s-product-card__price-cur,
  .s-product-card__price-old { white-space: nowrap; }
  .s-product-card__cart-btn { padding: 9px 10px; font-size: 12px; }

  /* Footer mobile */
  .s-mob-footer { margin-bottom: 58px; }
  .s-hero { padding: 12px 0; }
  .s-hero__slider { min-height: 260px; }
  .s-hero__slide { padding: 24px 20px; min-height: 260px; }
  .s-hero__title { font-size: 22px; max-width: 100%; }
  .s-hero__text { font-size: 13px; max-width: 100%; }
  .s-hero__arrow { display: none; }
  .s-hero__dots { left: 20px; bottom: 12px; }
  .s-advantages { padding: 14px 0; margin-bottom: 12px; }
  .s-advantages__grid { grid-template-columns: 1fr; gap: 12px; }
  .s-advantage__icon { width: 36px; height: 36px; }

  /* Популярные категории: строчками в один столбец, цвет чередуется */
  .s-categories__grid { grid-template-columns: 1fr; gap: 8px; }
  .s-category-card { min-height: 0; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; }
  .s-category-card__name { margin-bottom: 0; font-size: 14px; }
  .s-category-card__count { font-size: 12px; white-space: nowrap; }


}