/* ==========================================================================
   my_salecat — подгонка под julytheme.
   Грузится ПОВЕРХ default/stylesheet/my_salecat.css, поэтому здесь только
   отличия: фирменный акцент темы и правки под её сетку.
   ========================================================================== */

.msc {
  --msc-accent: #c9016d;
  --msc-accent-dark: #a10157;
  --msc-accent-soft: rgba(201, 1, 109, .07);
  --msc-accent-text: #fff;
  --msc-radius: 12px;
}

/* --------------------------------------------------------------------------
   Боковой список
   -------------------------------------------------------------------------- */

/* Тема задаёт .list-group > ul.box-category{padding:0;border:none} и
   ul.box-category{border:1px solid;padding:5px} — рамку внутри карточки
   убираем, её роль играет рамка самой карточки. */
.msc-list .msc-body ul.box-category {
  border: none;
  padding: 4px 0;
}

/* Пункты первого уровня тема делает 38px высотой — выравниваем по ним
   отступы значков, чтобы строка не «прыгала». */
.msc-list ul.box-category > li > a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.msc-list ul.box-category > li > a .msc-name { flex: 1 1 auto; min-width: 0; }

/* Правила активного и наведённого пункта (включая перебивание инлайновых
   цветов julytheme) живут в базовом my_salecat.css — здесь не дублируем,
   меняется только значение --msc-accent выше. */

/* На ≤992px тема красит .list-group в rgb(0 0 0 / 11%) — внутри нашей
   карточки это выглядит грязно. */
@media (max-width: 992px) {
  #column-left .msc-list .msc-body,
  #column-right .msc-list .msc-body {
    background: #fff;
  }
}

/* --------------------------------------------------------------------------
   Лента чипсов
   -------------------------------------------------------------------------- */

/* В content_top лента лежит внутри .container с боковыми паддингами 15px —
   на мобильном она должна доезжать до края экрана. */
@media (max-width: 767px) {
  .msc-chips--card .msc-chips-box,
  .msc-chips--segmented .msc-chips-box {
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin-left: -15px;
    margin-right: -15px;
  }

  .msc-chips--tabs .msc-chips-box {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Тема даёт .product-filter отступ сверху — лента идёт прямо над ним,
   поэтому свой нижний отступ уменьшаем. */
.msc-chips { margin-bottom: 14px; }