/* ================================================================
   СОЛЯРИС — 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 { 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); }
}

/* ── 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: 7px 0; }
  .s-breadcrumb .breadcrumb { font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex-wrap: nowrap; }

  /* Main */
  .s-main { padding: 14px 0 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-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; }

  /* Footer mobile */
  .s-mob-footer { margin-bottom: 58px; }
}