/* roomsmebel.kz — точечные фиксы багов Aspro */

/* Фон всего сайта */
body {
    background-color: var(--rm-bg-secondary);
}

/* Скрываем единицу измерения у цены везде */
.price_measure {
    display: none !important;
}

/* --- Стикер "Новинка" — новый цвет и border-radius --- */
.stickers .sticker_novinka {
    background-color: var(--rm-success);
}
.stickers:not(.custom-font) .sticker_novinka {
    border-radius: 4px;
}

/* Redesign container system — повторяет логику mebel.kz:
   max-width: calc(content + gap * 2), box-sizing: border-box, padding: 0 gap.
   Контент всегда 1780px, на экранах < 1860px появляется 40px воздух по краям.
   Tablet/mobile (<1024px) — Aspro gutters по умолчанию. */
@media (min-width: 1024px) {
  html {
    --theme-page-width-padding: 0px; /* отключаем Aspro-паддинг на wrapper_inner */
  }

  /* Обнуляем Aspro-padding на wrapper_inner явно (inline var не перебить через :root) */
  body .wrapper_inner {
    padding-left: 0;
    padding-right: 0;
  }

  /* Контейнер по формуле mebel.kz:
     width:100% → всегда растягивается до max-width.
     max-width = 1780px контент + 70px gap * 2 = 1920px.
     На Full HD (1920px): padding 70px = 70px от края до контента.
     На 2560px: margin auto центрирует 1920px блок + padding 70px внутри. */
  body .maxwidth-theme {
    box-sizing: border-box;
    width: 100%;
    max-width: calc(var(--rm-container-width) + var(--rm-container-gap) * 2); /* 1780 + 140 = 1920px */
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--rm-container-gap);
    padding-right: var(--rm-container-gap);
  }

  .maxwidth-theme > .inner-theme {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  /* Aspro добавляет padding 30px через высокоспецифичный селектор — перебиваем нашим gap */
  .wrapper_inner.front .drag-block.container .content_wrapper_block > .maxwidth-theme,
  .wrapper_inner.front .drag-block.container > .maxwidth-theme,
  .wraps .wrapper_inner.front .drag-block.container > .grey_block > .maxwidth-theme {
    padding-left: var(--rm-container-gap);
    padding-right: var(--rm-container-gap);
  }
}

@media (max-width: 1023px) {
  body .wrapper_inner {
    padding-left: 0;
    padding-right: 0;
  }

  body .maxwidth-theme {
    box-sizing: border-box;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrapper_inner.front .drag-block.container .content_wrapper_block > .maxwidth-theme,
  .wrapper_inner.front .drag-block.container > .maxwidth-theme,
  .wraps .wrapper_inner.front .drag-block.container > .grey_block > .maxwidth-theme {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* custom.css ставит height:auto для Swiper-слайдеров с background-image → 0px на десктопе.
   Swiper использует background-image на <tr>, у которых нет intrinsic-высоты. */
@media (min-width: 992px) {
  .top_big_banners.only_banner .top_slider_wrapp .main-slider,
  .top_big_banners.only_banner .top_slider_wrapp .main-slider__item,
  .top_big_banners.only_banner .top_slider_wrapp .main-slider__item td {
    height: 450px;
  }
}

/* --- Зачёркнутая старая цена (свойство OLD_PRICE) --- */
.rm-old-price {
    margin-top: 2px;
}
.rm-old-price .values_wrapper {
    text-decoration: line-through;
    color: var(--rm-text-muted);
    font-size: 0.85em;
    opacity: 0.8;
}

/* Обёртка: старая цена + бейдж скидки в одну строку */
.rm-old-price-wrap {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

/* Бейдж процента скидки: -15% */
.rm-discount-pct {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 4px;
    background: var(--rm-badge-discount);
    color: var(--rm-bg);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}