/* Start:/bitrix/templates/megamart_default/components/bitrix/catalog.element/catalog/style.css?179256610783003*/
.product-detail-slider-images-container .product-detail-slider-image {
  white-space: nowrap; }
  .product-detail-slider-images-container .product-detail-slider-image:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
    width: 0; }
  .product-detail-slider-images-container .product-detail-slider-image > img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    white-space: normal; }

.sale-banner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: linear-gradient(-51deg, #634197 0%, #863875 100%);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  padding: 1rem 0 0.5rem;
  position: relative; }
  @media (min-width: 576px) {
    .sale-banner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .sale-banner-icon {
    font-size: 3rem;
    margin-right: 1.5rem; }
    @media (min-width: 576px) {
      .sale-banner-icon {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .sale-banner-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 75%;
    margin-bottom: 1rem;
    padding: 0 1rem;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .sale-banner-head {
        font-size: 1.15rem; } }
  .sale-banner-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1; }
  .sale-banner-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem; }
    .sale-banner-timer-item {
      margin-right: 1.25rem;
      text-align: center; }
    .sale-banner-timer-item:last-child {
      margin-right: 0; }
    .sale-banner-timer-item:last-child .sale-banner-timer-item-cell:after {
      display: none; }
    .sale-banner-timer-item-cell {
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 0.375rem;
      font-size: 1.75rem;
      margin-bottom: -0.25rem;
      padding: 0.625rem 0.875rem;
      position: relative; }
      .sale-banner-timer-item-cell:before {
        background-color: rgba(255, 255, 255, 0.2);
        border-top-left-radius: 0.375rem;
        border-top-right-radius: 0.375rem;
        bottom: 45%;
        content: '';
        left: 0.0625rem;
        position: absolute;
        right: 0.0625rem;
        top: 9.52381%; }
      .sale-banner-timer-item-cell:after {
        content: ':';
        display: inline-block;
        left: 100%;
        position: absolute;
        width: 1.25rem; }
  .sale-banner-bg, .sale-banner-bg-1, .sale-banner-bg-2, .sale-banner-bg-3, .sale-banner-bg-4 {
    background-image: linear-gradient(80deg, #000 0%, #fff 100%);
    bottom: 0;
    margin: auto;
    opacity: 0.2;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(28deg);
        -ms-transform: rotate(28deg);
            transform: rotate(28deg); }
  .sale-banner-bg-1 {
    height: 183.63636%;
    left: 14.19019%;
    width: 10.84695%; }
  .sale-banner-bg-2 {
    height: 144.54545%;
    left: 26.07726%;
    width: 4.53195%; }
  .sale-banner-bg-3 {
    height: 183.63636%;
    right: 3.34324%;
    width: 10.84695%; }
  .sale-banner-bg-4 {
    height: 144.54545%;
    right: -2.22883%;
    width: 4.53195%; }
  @media (min-width: 576px) {
    .sale-banner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .sale-banner-head, .sale-banner-timer {
        padding: 0 0.5rem;
        margin-bottom: 0; } }

.fancybox-content .product-detail {
  max-width: 100%;
  width: 992px; }

.product-detail .l-main__title {
  margin-bottom: 2rem !important; }

@supports (position: sticky) {
  .product-detail-slider-container {
    position: sticky;
    top: 5.25rem;
    z-index: 890; } }

@media (min-width: 768px) {
  .product-detail-slider-container--wide {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    overflow: hidden; } }

@media (min-width: 768px) {
  .product-detail-slider-wrap {
    width: 100%;
 } }

.product-detail-slider-block {
  position: relative;
  margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .product-detail-slider-block {
      margin-bottom: 1rem; } }
  .product-detail-slider-block .product-cat-deals {
    left: 0;
    top: 0; }
  .product-detail-slider-block .product-cat-image-action {
    display: block; }

.product-detail-slider-images-container {
  overflow: hidden; }
  .product-detail-slider-images-container.owl-loaded {
    overflow: visible; }

.product-detail-slider-images-container .product-detail-slider-image {
  /* TODO need set height */
  display: block;
  height: 300px;
  text-align: center; }
  .product-detail-slider-images-container .product-detail-slider-image > img {
    max-height: 300px;
    max-width: 100%;
    width: auto; }
  @media (min-width: 768px) {
    .product-detail-slider-images-container .product-detail-slider-image {
      height: 450px; }
      .product-detail-slider-images-container .product-detail-slider-image > img {
        max-height: 450px; } }

.product-detail-slider-images-container.owl-loaded .product-detail-slider-image {
  cursor: pointer; }

.product-detail-slider-dots > .slider-dots {
  display: block;
  text-align: center; }

.product-detail-slider-dots .owl-preview {
  display: none; }

@media (min-width: 768px) {
  .product-detail-slider-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto;
    margin: auto auto 1rem;
    max-width: 336px;
    max-width: 21rem; }
    .product-detail-slider-dots:after {
      content: '';
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      max-width: 5.75rem;
      width: 33.33333%; }
    .product-detail-slider-dots.slider-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .product-detail-slider-dots .owl-dot {
      background: transparent;
      border: 2px solid transparent;
      display: inline-block;
      height: auto;
      margin: 0.5rem;
      padding: 1px;
      position: relative;
      width: auto; }
      .product-detail-slider-dots .owl-dot:focus, .product-detail-slider-dots .owl-dot:active {
        border: 2px solid transparent; }
      .product-detail-slider-dots .owl-dot.active {
        background: transparent;
        border: 2px solid #ff5605;
        width: auto; }
    .product-detail-slider-dots .owl-preview {
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center center;
      border: none;
      cursor: pointer;
      display: block;
      height: 4.375rem;
      margin: auto;
      outline: 0;
      width: 4.375rem; }
    .product-detail-slider-dots--wide {
      max-width: 76px;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      margin-top: 0;
      background-color: #ffffff;
      z-index: 2 !important; }
      .product-detail-slider-dots--wide .slider-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        overflow-y: auto;
        max-height: 480px; }
        .product-detail-slider-dots--wide .slider-dots::-webkit-scrollbar {
          width: 0;
          height: 0; }
      .product-detail-slider-dots--wide .owl-dot {
        height: 60px;
        min-height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: none !important;
        background: transparent;
        outline: 1px solid #DEE1E6; }
        .product-detail-slider-dots--wide .owl-dot.active::after {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 3px;
          background-color: #ff5605; }
        .product-detail-slider-dots--wide .owl-dot:focus::after, .product-detail-slider-dots--wide .owl-dot:active::after {
          content: ""; }
        .product-detail-slider-dots--wide .owl-dot.active::after {
          content: ""; }
      .product-detail-slider-dots--wide .owl-preview {
        width: 100%;
        height: 100%;
        background-size: contain; } }

.product-detail-price-current.product-cat-price-current {
  font-size: 1.5rem; }

.product-detail-price-old.product-cat-price-old {
  font-size: 1.25rem; }

.product-detail-price-economy.product-cat-price-economy {
  font-size: 0.875rem; }

.product-detail-properties {
  font-size: 0.875rem; }

.product-detail-properties .product-cat-properties dd:after {
  height: 0.5rem; }

.product-detail-properties .product-cat-properties dd:last-of-type:after {
  height: 0; }

.product-detail .product-detail-price-ranges {
  margin-bottom: 0; }
  .product-detail .product-detail-price-ranges::after {
    display: block;
    clear: both;
    content: ""; }
  .product-detail .product-detail-price-ranges > dt {
    color: #7d8698;
    font-weight: normal; }
  .product-detail .product-detail-price-ranges > dt,
  .product-detail .product-detail-price-ranges > dd,
  .product-detail .product-detail-price-ranges > dt:last-of-type,
  .product-detail .product-detail-price-ranges > dd:last-of-type {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem; }

.product-detail-sale {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff6e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  margin: 0 0 0.5rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem; }
  .product-detail-sale:last-child {
    margin-bottom: 0; }

.product-detail-sale-title {
  display: block; }

.product-detail-sale-icon {
  display: inline-block;
  height: 2rem;
  margin-right: 0.5rem;
  vertical-align: middle; }

@media (min-width: 768px) {
  .product-detail-sale-title {
    display: inline; }
  .product-detail-sale-body {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: nowrap; } }

.product-detail-share {
  margin-bottom: 0.5rem;
  text-align: center; }
  @media (min-width: 768px) {
    .product-detail-share {
      margin-bottom: 1rem; } }

.product-detail-info-container {
  border-bottom: 1px solid #e5e6ea;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  padding-top: 1rem; }
  @media (min-width: 768px) {
    .product-detail-info-container {
      border-top: 1px solid #e5e6ea;
      margin-bottom: 1rem; } }

.product-detail-size-table-icon {
  font-size: 1.33334em; }

.product-detail .print-link {
  position: relative; }
  .product-detail .print-link:before {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 2px;
    left: -20px;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjAgNjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwIDYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNNTAsMzJjMi43NTcsMCw1LTIuMjQzLDUtNXMtMi4yNDMtNS01LTVzLTUsMi4yNDMtNSw1UzQ3LjI0MywzMiw1MCwzMnogTTUwLDI0YzEuNjU0LDAsMywxLjM0NiwzLDNzLTEuMzQ2LDMtMywzDQoJCXMtMy0xLjM0Ni0zLTNTNDguMzQ2LDI0LDUwLDI0eiIvPg0KCTxwYXRoIGQ9Ik00Miw0M0gxOGMtMC41NTMsMC0xLDAuNDQ3LTEsMXMwLjQ0NywxLDEsMWgyNGMwLjU1MywwLDEtMC40NDcsMS0xUzQyLjU1Myw0Myw0Miw0M3oiLz4NCgk8cGF0aCBkPSJNNDIsNDhIMThjLTAuNTUzLDAtMSwwLjQ0Ny0xLDFzMC40NDcsMSwxLDFoMjRjMC41NTMsMCwxLTAuNDQ3LDEtMVM0Mi41NTMsNDgsNDIsNDh6Ii8+DQoJPHBhdGggZD0iTTUxLDE3VjBIOXYxN0gwdjM0aDZ2M2gzdjZoNDJ2LTZoM3YtM2g2VjE3SDUxeiBNMTEsMmgzOHYxNUgxMVYyeiBNOSwxOWg0Mmg3djE2SDJWMTlIOXogTTgsNTJ2LTJ2LTF2LTQNCgkJYzAtMC41NTMtMC40NDctMS0xLTFzLTEsMC40NDctMSwxdjRIMlYzN2g3djE1SDh6IE00OSw1OEgxMXYtNFYzN2gzOHYxN1Y1OHogTTU0LDQ5di00YzAtMC41NTMtMC40NDctMS0xLTFzLTEsMC40NDctMSwxdjR2MXYyaC0xDQoJCVYzN2g3djEySDU0eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=); }

.product-detail-artnumber {
  display: inline-block; }
  .product-detail-artnumber:empty {
    display: none; }

/*# sourceMappingURL=style.css.map */
.car-detail-price-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 32px;
    flex-wrap: nowrap;
}

.car-detail-price-main {
    flex: 0 0 auto;
    width: auto;
}

.car-detail-price-main .product-detail-price {
    display: inline-block;
}

/* крупная текущая цена */
.car-detail-price-row .product-detail-price-current.product-cat-price-current {
    font-size: 2rem;
    font-weight: 700;
    color: #1a2238;
    line-height: 1.1;
}

/* зачёркнутая старая цена под текущей */
.car-detail-price-row .product-detail-price-old.product-cat-price-old {
    display: block;
    font-size: 1rem;
    color: #aaa;
    text-decoration: line-through;
    margin-top: 4px;
}

/* блок ставки по кредиту справа от цены */
.car-detail-credit {
    flex: 0 0 auto;
    text-align: left;
    align-self: center;
}

.car-detail-credit .cars-single-price__title {
    font-size: 12px !important;
    color: #6b7280;
    margin-bottom: 2px;
}

.car-detail-credit .cars-single-price__price {
    font-size: 22px !important;
    font-weight: 700;
    color: #e2261c;
    font-family: inherit !important;
}

/* ===== Кнопки действий (Зарезервировать / Персональное предложение) ===== */
.car-detail-buttons {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex-wrap: wrap;
}

.car-detail-btn {
    flex: 1 1 auto;
    min-width: 220px;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    text-align: center;
    transition: background .2s, color .2s, border-color .2s;
}

.car-detail-btn--reserve {
    border: none;
    background: #e2261c;
    color: #fff;
}

.car-detail-btn--reserve:hover {
    background: #c41f17;
}

.car-detail-btn--offer {
    border: 1px solid #e2261c;
    background: #fff;
    color: #e2261c;
}

.car-detail-btn--offer:hover {
    background: #fff5f5;
}

@media (max-width: 767px) {
    .car-detail-price-row {
        gap: 12px;
    }
    .car-detail-credit {
        text-align: left;
    }
    .car-detail-btn {
        min-width: 100%;
    }
}

/* Характеристики во всю ширину под фото */
.product-detail-main .specs {
    max-width: none;
    width: 100%;
    margin-top: 8px;
}

/* Две таблицы в ряд под фото */
.product-detail-tables .specs {
    margin-top: 0;
}
@media (max-width: 991px) {
    .product-detail-tables .col-12:first-child .specs {
        margin-bottom: 24px;
    }
    .mod_detail_tickets > div {
        margin-bottom: 10px !important;
    }
}

.detail__block > div {
    width: 100%;
}
.btn-new-cnt .btn-outline-primary {
    background: #e2261c !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: background 0.2s !important;
    margin-top: 12px;
    margin: 5px;
    width: 140px;
    min-height: 62px;
}
.btn-new-cnt {
    display:flex;
    justify-content: space-between;
}
@media (max-width: 767px) {
	.car-detail-actions .btn-new-cnt {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 10px;
	}
    .btn-new-cnt {
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .btn-new-cnt .btn-outline-primary {
        background: #e2261c !important;
        color: #fff !important;
        border: none !important;
        padding: 10px 24px !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        transition: background 0.2s !important;
        margin-top: 12px;
        margin: 5px;
        width: 160px;
        min-height: 62px;
    }
}
body .product-cat-parent {
    display: none !important;
}
.product-cat-info-container {
    margin-top: -60px !important;
}
/*
.product-cat-image-wrapper {
    width: 100%;
}
*/
/* Область изображения: фиксированная высота + центрирование содержимого */
.product-cat-image-canvas {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px; /* подбери под макет */
    overflow: hidden;
    margin-bottom: 16px; /* зазор до заголовка, чтобы не наезжало */
}

/* Картинка заполняет область по ширине, сохраняя пропорции */
.product-cat-image,
.product-cat-image-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product-cat-image, .product-cat-image-slide img {
    /*height: 90%;*/
}

.product-cat-image-slider-control-container {
    height: 98%;
}
.car-detail-garant {
    display: flex;
    gap: 12px;
    /* одинаковое расстояние между кнопками */
    margin: 17px 0;
}

.car-detail-garant__link {
    position: relative;
    display: flex;
    flex: 1;
    /* кнопки занимают равную ширину */
    justify-content: center;
    align-items: center;
    border: 1px solid #e2261c;
    /*padding: 10px 40px 10px 30px; /* справа запас под стрелку */
    padding: 10px 22px 10px 15px;
    color: #111827;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
    text-align: center;
}

.car-detail-garant__link:hover, .car-detail-garant__link:focus, .car-detail-garant__link:active {
    text-decoration: none;
    color: #111827;
}

.car-detail-garant__icon {
    width: 30px;
    padding-right: 10px;
    flex-shrink: 0;
    /* иконка не сжимается */
}
.car-specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 64px;
    margin-top: 8px;
}

.car-specs__title {
    grid-column: 1 / -1;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 18px;
    color: #111827;
}

.car-specs__row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 5px 0;
    min-width: 0;
}

.car-specs__name {
    font-size: 0.82rem;
    font-weight: 500;
    color: #9ca3af;
    white-space: nowrap;
}

.car-specs__dots {
    flex: 1 1 auto;
    border-bottom: 1px dotted #d8dade;
    transform: translateY(-3px);
    min-width: 12px;
}

.car-specs__value {
    font-size: 0.82rem;
    font-weight: 500;
    color: #111827;
    text-align: right;
}

@media (max-width: 767.98px) {
    .car-specs {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

/* --- 0. кириллица в Montserrat (31.08) --- */
    /* Файлы темы /bitrix/fonts/Montserrat-*.woff2 были латинскими: русские буквы
       браузер подставлял системным шрифтом и «л.с.» выглядело иначе латиницы.
       30.08 добавляли вариативные кириллические face, но у заказчика браузер
       не применяет ось wght — вся кириллица рендерилась дефолтным Thin.
       Теперь файлы темы заменены на полные (латиница + кириллица), вариативные
       face убраны: все веса берутся из статиков и выглядят одинаково везде.
       Те же четыре face объявляем ещё раз с ?v= — файлы отдаются с кешом на 10
       лет, без смены адреса браузеры навсегда держали бы старые латинские. */
    @font-face { font-family: 'Montserrat'; src: url('/bitrix/fonts/Montserrat-Light.woff2?v=3108') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
    @font-face { font-family: 'Montserrat'; src: url('/bitrix/fonts/Montserrat-Regular.woff2?v=3108') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
    @font-face { font-family: 'Montserrat'; src: url('/bitrix/fonts/Montserrat-SemiBold.woff2?v=3108') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
    @font-face { font-family: 'Montserrat'; src: url('/bitrix/fonts/Montserrat-Bold.woff2?v=3108') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

    /* --- 1. карточка каталога: точка отсчёта для меток и кнопок --- */
    .product-cat-image-wrapper { position: relative; }

    /* пока скрипт не перенёс блок, не показываем его у цены */
    .product-cat-price-container > .nn-actions,
    .product-cat-price-container > .nn-labels { display: none; }

    /* Слой темы для переключения фото по наведению стоит z-index:200 и перехватывает
       клики по нашим кнопкам — поднимаемся над ним. Сам ховер темы при этом работает:
       кнопки занимают только угол, остальная площадь фото остаётся за темой. */
    .product-cat-image-wrapper > .nn-actions,
    .product-cat-image-wrapper > .nn-labels { display: flex; z-index: 210; }

    /* Обёртка держит внутренний отступ, а абсолютный блок считается от padding-box:
       без поправки метки и кнопки висят над фотографией, а не на ней. Смещение
       выставляет скрипт по фактическому положению фото — оно разное по брейкпоинтам. */
    .product-cat-image-wrapper > .nn-labels  { top: calc(var(--nn-ovl-y, 0px) + 10px); left: calc(var(--nn-ovl-x, 0px) + 10px); }
    .product-cat-image-wrapper > .nn-actions { top: calc(var(--nn-ovl-y, 0px) + 10px); right: calc(var(--nn-ovl-x, 0px) + 10px); }

    /* штатные кнопки темы прячем: списки живут в cookie, а не в сессии Битрикса */
    .product-cat-image-action { display: none !important; }

    /* --- 3. слайдер карточки авто --- */
    /* position контейнеру НЕ задаём: у темы он `sticky` с `top: 5.25rem`, и подмена на
       relative превращала это смещение в постоянный сдвиг вниз на 84px — лента превью
       уезжала на соседнюю колонку (на телефоне прямо на метку «Новинка» и цену).
       Для абсолютных стрелок sticky-контейнер и так служит точкой отсчёта. */

    /* Стрелки видны всегда, а не по наведению: по макету это основной способ листать.
       !important и min-* здесь не перестраховка: на живом сайте остаточное правило
       темы гасило кнопку в ноль, а флекс-родитель сплющивал её с 44px до 35x29. */
    .nn-slide-nav {
        position: absolute;
        /* Отсчёт идёт от самой фотографии, а не от блока слайдера: блок шире снимка и
           снимок в нём центрован, поэтому от края блока стрелки садились вкривь —
           слева на границе фото, справа на 27px мимо. Края подставляет скрипт. */
        top: var(--nn-slide-c, 150px);
        transform: translateY(-50%);
        z-index: 210;
        flex: 0 0 auto;
        width: var(--nn-nav-size, 44px);
        height: var(--nn-nav-size, 44px);
        min-width: var(--nn-nav-size, 44px);
        min-height: var(--nn-nav-size, 44px);
        padding: 0;
        border: 0;
        /* Кнопки стоят рядом со снимком, на светлом поле страницы, поэтому и вид у них
           светлый: тёмная «пилюля» вне фотографии читалась бы как чужеродная нашлёпка. */
        background: #fff;
        color: #11151b;
        box-shadow: 0 2px 10px rgba(9,12,17,0.14), inset 0 0 0 1px rgba(17,21,27,0.09);
        cursor: pointer;
        opacity: 1 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.18s, box-shadow 0.18s, transform 0.18s, color 0.18s;
    }
    .nn-slide-nav svg { width: 18px; height: 18px; fill: currentColor; pointer-events: none; }

    /* Стрелки лежат поверх снимка, отступив от его края: --nn-ph-* дают край фотографии.
       Раньше они стояли снаружи, но под них приходилось ужимать сам снимок на 108px —
       заказчик просит фотографию во всю ширину, как у Авилона. */
    .nn-slide-nav--prev { left: calc(var(--nn-ph-l, 0px) + 14px); }
    .nn-slide-nav--next { right: calc(var(--nn-ph-r, 0px) + 14px); }
    .nn-slide-nav:hover {
        background: #fff;
        color: #e2261c;
        box-shadow: 0 4px 16px rgba(9,12,17,0.2), inset 0 0 0 1px rgba(226,38,28,0.35);
        transform: translateY(-50%) scale(1.05);
    }
    .nn-slide-nav:active { transform: translateY(-50%) scale(0.97); }
    .nn-slide-nav:focus-visible { outline: 2px solid #e2261c; outline-offset: 3px; }
    .nn-slide-nav[hidden] { display: none; }

    /* Размер кнопок и зазор до края снимка. Переменными, потому что на телефоне они
       меньше, а от них же считается положение стрелок. */
    .product-detail-slider-container {
        --nn-nav-size: 44px;
        --nn-nav-gap: 10px;
    }

    /* Снимок во всю ширину блока — до края ленты превью (26.08.2026, пожелание
       заказчика). Тема держала max-width: calc(100% - 108px) под свои стрелки, а обёртка
       снимка — height: 450px, из-за которой фотография обрезалась снизу на 11px
       (у .owl-stage-outer overflow: hidden).

       Область под фото задаём по пропорции 4:3 — так снята почти вся база (1920x1440
       у 107 снимков из 150), и такой кадр заполняет её целиком. Но в базе есть и
       портретные 563x1000, и панорамные 1920x864: без ограничения высоты портрет при
       ширине 615px вытянул бы блок на 1092px. Поэтому пропорция фиксирована, а снимок
       вписывается внутрь целиком — не обрезается и не искажается. Заодно высота блока
       больше не меняется от кадра к кадру, и лента превью не дёргается при листании. */
    .product-detail-slider-block .product-detail-slider-image {
        display: block;
        width: 100%;
        aspect-ratio: 4 / 3;
        height: auto !important;
    }
    .product-detail-slider-block img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
    }
    .product-detail-slider-block,
    .product-detail-slider-block .owl-stage-outer,
    .product-detail-slider-block .owl-item { height: auto !important; }

    /* Счётчик кадров: у ленты своих стрелок больше нет, и это единственный ориентир,
       сколько ещё фотографий осталось. Клики пропускает сквозь себя. */
    .nn-slide-count {
        position: absolute;
        right: calc(var(--nn-ph-r, 12px) + 12px);
        bottom: calc(var(--nn-ph-b, 12px) + 12px);
        z-index: 210;
        padding: 5px 10px;
        background: rgba(17,21,27,0.44);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.02em;
        font-variant-numeric: tabular-nums;
        pointer-events: none;
    }
    .nn-slide-count[hidden] { display: none; }

    /* превью — одной строкой с горизонтальной прокруткой, без «полотна» в пять рядов */
    .nn-thumbs { position: relative; margin-top: 12px; }
    .nn-thumbs .product-detail-slider-dots {
        max-width: none !important;
        height: auto !important;
        /* Поля под стрелки убраны вместе с самими стрелками: листаем фото, лента
           подъезжает к активному кадру сама. */
        padding: 0 !important;
    }
    .nn-thumbs .owl-dots {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px;
        overflow-x: auto;
        scroll-behavior: smooth;
        scrollbar-width: none;
        padding: 2px 0;
        height: auto !important;
        width: auto !important;
    }
    .nn-thumbs .owl-dots::-webkit-scrollbar { display: none; }
    .nn-thumbs .owl-dot {
        flex: 0 0 auto !important;
        width: 88px !important;
        height: 66px !important;
        margin: 0 !important;
        overflow: hidden;
        border: 2px solid transparent;
        transition: border-color 0.15s;
    }
    /* Фон точки перебиваем: до 768px тема красит её серым, активную — оранжевым,
       и без картинки в ленте видны ровно эти прямоугольники вместо фотографий. */
    .nn-thumbs .owl-dot { background: transparent !important; }
    .nn-thumbs .owl-dot.active { border-color: #e2261c !important; }
    .nn-thumbs .owl-dot .owl-preview {
        /* `display: none` тема ставит базовым правилом, а показывает превью только
           с 768px — на телефоне лента поэтому оставалась пустой. */
        display: block !important;
        box-sizing: border-box;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .nn-thumbs .owl-dot img { width: 100%; height: 100%; object-fit: cover; display: block; }

    /* --- 4. скрытые заголовки не растягивают документ --- */
    /* Заголовок и так невидим (1px + clip), позиция ему не нужна. При фокусе правило
       снимаем: ссылки-переходы для читалок всплывают именно так. */
    .sr-only:not(:focus):not(:active) { top: 0; left: 0; }

    /* --- 5. каталог «Списком»: цена не заезжает на название --- */
    /* Правило шаблона секции задано без оглядки на вид карточки, поэтому отменяем его
       там, где содержимое лежит в отдельной колонке — это и есть список. */
    .col-sm-8 > .product-cat-content .product-cat-info-container { margin-top: 0 !important; }

    /* --- 7. раскрытая карточка каталога: цена не садится на характеристики --- */
    /* Подъём на 60px из style.css шаблона секции рассчитан на закрытую плитку, где блок
       характеристик скрыт. При наведении тема его раскрывает, и цена ложится прямо на
       строки «Коробка передач» и «Привод» — перекрытие 44px. В раскрытой карточке подъём
       не нужен: место под цену освобождают сами характеристики. */
    .product-cat-container.hover .product-cat-popup .product-cat-info-container { margin-top: 0 !important; }

    /* --- 8. плитка каталога по замечаниям заказчика (26.08.2026) --- */
    /* Характеристики тема держит скрытыми до наведения — показываем всегда, включая
       телефон: сравнивать машины «наводя мышку на каждую» заказчику неудобно. */
    article.product-cat .product-cat-info-container.product-cat-hidden,
    .bx-touch article.product-cat .product-cat-info-container.product-cat-touch-hidden { display: block !important; opacity: 1 !important; }

    /* Раз характеристики на месте всегда, подъём цены на 60px не нужен нигде: он
       рассчитан на пустое место под названием в закрытой плитке. */
    article.product-cat .product-cat-info-container { margin-top: 0 !important; }

    /* Кнопки «Подробнее» больше нет — открывается вся карточка (обработчик в скрипте). */
    article.product-cat .product-cat-buttons { display: none !important; }
    article.product-cat { cursor: pointer; }

    /* Фотография не обрезается: область держим по пропорции самих снимков (4:3), а
       картинку вписываем целиком. Раньше область была ровно 200px, а снимок заполнял
       её по `cover` — с боков и сверху уезжало. */
    article.product-cat .product-cat-image-canvas { height: auto !important; padding-bottom: 0 !important; aspect-ratio: 4 / 3; }
    article.product-cat .product-cat-image,
    article.product-cat .product-cat-image-slide img { width: 100% !important; height: 100% !important; object-fit: contain !important; }

    /* Фотография занимает всю ширину карточки: боковой отступ обёртки её сужал на 48px,
       а заказчик просит снимок «по ширине». Метки и кнопки на фото не сдвинутся —
       скрипт считает их смещение по фактическому месту снимка. */
    article.product-cat .product-cat-image-wrapper { padding-left: 0 !important; padding-right: 0 !important; }

    /* Под ценой оставался отступ 24px, рассчитанный на кнопку «Подробнее». Кнопки нет,
       и это была полоса пустоты у нижнего края карточки. */
    article.product-cat .product-cat-price-container { margin-bottom: 0 !important; }

    /* Сравнение и избранное — рядом в углу фотографии, а не столбиком. */
    .product-cat-image-wrapper > .nn-actions { flex-direction: row; gap: 6px; }
    .product-cat-image-wrapper > .nn-actions .nn-act { width: 32px; height: 32px; }
    .product-cat-image-wrapper > .nn-actions .nn-act svg { width: 16px; height: 16px; }

    /* Пустоту между названием и характеристиками давала фиксированная высота блока
       названия (102px под две строки) и растяжка внутренних блоков: свободное место
       доставалось серединe карточки. Высоту отдаём содержимому, а запас уходит вниз. */
    article.product-cat .product-cat-head { height: auto !important; margin-bottom: 0.75rem !important; flex-grow: 0 !important; }
    article.product-cat .product-cat-data { flex-grow: 0 !important; }
    article.product-cat .product-cat-info-container--price { margin-bottom: 0 !important; }

    /* Метки мельче: на узкой карточке две подписи в строку не расходились. */
    .product-cat-image-wrapper > .nn-labels .nn-label { font-size: 0.72rem; padding: 4px 9px; }

    /* Полоски-переключатели кадров прижимаем к нижнему краю самой фотографии: контейнер
       темы на 8% выше снимка, и оранжевая метка активного кадра висела отдельной чертой
       на белом поле под фото. */
    .product-cat-image-slider-control-container { top: 0 !important; height: 100% !important; }

    /* --- 8.0. скруглённые углы у главного фото (28.08) — nn-photo-radius --- */
    /* Ленту превью и панели справа скругление уже имели (6-10px), а главный снимок
       оставался с прямыми углами и выбивался из карточки. */
    .product-detail-slider-container img,

    .product-detail-slider-container .owl-item,
    .product-detail-slider-container .product-detail-slider-block {  overflow: hidden; }

    /* --- 8.1. плитки обеих витрин одного размера (28.08) — nn-plitka-rovno --- */
    /* Заказчик увидел, что каталоги «новые» и «с пробегом» выглядят по-разному.
       Высоту карточки гуляли три вещи: снимок (336px против 300), название в одну
       или две строки и набор характеристик (четыре свойства или три — у части авто
       не заполнен привод). Держим все три постоянными. */
    article.product-cat .product-cat-image-canvas { aspect-ratio: 4 / 3; height: auto !important; }
    article.product-cat .product-cat-image-canvas > span { height: 100% !important; }
    article.product-cat .product-cat-head { min-height: 40px; }
    article.product-cat .product-cat-body .product-cat-info-container { min-height: 72px; }

    /* Метка «Последний в наличии» рядом с «Новинкой» заезжала под кнопки списков:
       на 360px перекрытие 35px, на 320px — 62px. Справа держим полосу под иконки
       (две по 32px, зазор и отступ от края) — метки переносятся строкой ниже. */
    .product-cat-image-wrapper > .nn-labels { max-width: calc(100% - var(--nn-ovl-x, 0px) * 2 - 92px) !important; }

    /* --- 8.2. вид «Списком» во всю ширину (04.09) — nn-list-wide --- */
    /* Тема ужимает строку списка до 768px и центрирует её: на экране 1440 по краям
       оставалось по 288px пустоты, а сама строка выглядела обрезанной. Отдаём строке
       всю ширину колонки — фото слева, характеристики и цена справа разъезжаются
       по своим местам. Правило адресное, плитки (без mw-768px) не касается. */
    article.product-cat.mw-768px {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* --- 8.3. блок складов в карточке (04.09, дополнено 07.09) --- */
    /* Тема всегда печатает наличие по складам, а складского учёта в салоне нет:
       под живой машиной висело «Данного товара нет ни на одном складе». Прячем —
       где стоит автомобиль, показывает блок «Где посмотреть». */
    #catalog_store_amount_div_none { display: none !important; }

    /* Одной надписи мало: обёртка блока (#detail, отступы 48px сверху и снизу)
       оставалась на странице и читалась как пустая полоса под описанием. Убираем
       и её — но только когда список складов скрыт самим компонентом
       (inline display:none). Появятся остатки — компонент снимет этот стиль,
       селектор перестанет совпадать и блок вернётся сам. */
    #detail:has(> #catalog_store_amount_div[style*="display:none"]) {
        display: none !important;
    }

    /* --- 9. карточка авто: цена и кнопки следуют за прокруткой --- */
    /* Заказчик просил как у Авилона: докуда бы ни долистал, цена, главные кнопки и
       иконки списков остаются под рукой. Панель собирается скриптом из того, что уже
       стоит в карточке, поэтому смена набора кнопок доедет до неё сама. */
    .nn-cbar {
        position: fixed;
        top: var(--nn-cbar-top, 0px);
        left: 0;
        right: 0;
        z-index: 880;
        padding: 8px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
        pointer-events: none;
    }
    .nn-cbar.is-on {
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
    }
    .nn-cbar__in {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 14px;
        width: var(--nn-cbar-w, auto);
        margin: 0 auto;
        padding: 10px 16px;
        background: #fff;
        box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.25);
    }
    .nn-cbar__text {
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        gap: 14px;
        min-width: 0;
    }
    .nn-cbar__name {
        overflow: hidden;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.3;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .nn-cbar__price { flex: 0 0 auto; }
    /* Цену копируем блоком, а не текстом: у неё бывает вторая, зачёркнутая строка. */
    .nn-cbar__price .car-detail-price-row {
        margin: 0 !important;
        white-space: nowrap;
    }
    .nn-cbar__btns,
    .nn-cbar__acts {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 8px;
    }
    /* Кнопки — копии со страницы, вид у них свой; правим только размер. */
    .nn-cbar__btns .car-detail-btn {
        width: auto !important;
        min-width: 0 !important;
        height: 42px;
        margin: 0 !important;
        padding: 0 18px;
        font-size: 0.88rem;
        white-space: nowrap;
    }
    .nn-cbar .nn-act { position: relative; }
    .nn-cbar .nn-act--share.is-done::after {
        content: 'Ссылка скопирована';
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        padding: 5px 9px;

        background: #11151b;
        color: #fff;
        font-size: 11px;
        line-height: 1;
        white-space: nowrap;
    }

    /* Ниже 1200px название рядом с двумя кнопками уже не влезает — оставляем цену. */
    @media (max-width: 1199px) {
        .nn-cbar__name { display: none; }
    }

    /* На планшете не хватает места и на цену: иконки вылезали за край панели на 10px.
       Оставляем только кнопки — они растягиваются на всю ширину. */
    @media (max-width: 991px) {
        /* Иконки списков заказчик просил оставить и в панели: ряд слева от кнопок. */
        .nn-cbar__text { display: none; }
        .nn-cbar__acts {
            display: flex;
            flex: 0 0 auto;
            gap: 6px;
            align-items: center;
        }
        .nn-cbar__acts .nn-act {
            width: 34px;
            height: 34px;
        }
        .nn-cbar__btns { flex: 1 1 auto; }
        .nn-cbar__btns .car-detail-btn { flex: 1 1 0; }
    }

    @media (max-width: 767px) {
        /* Кнопку на телефоне не уменьшаем: min-width/min-height выше держат 44px — это
           нижняя граница для пальца, и правило с меньшим размером всё равно не сработало бы. */
        .nn-thumbs .owl-dot { width: 72px !important; height: 54px !important; }

        /* На телефоне кнопки чуть меньше: 36px под палец ещё годятся, а на снимке они
           занимают заметно меньше места. */
        .product-detail-slider-container {
            --nn-nav-size: 36px;
            --nn-nav-gap: 6px;
        }

        /* Слайдер растягиваем до краёв экрана: снимок на телефоне и без того главный
           элемент страницы, а поля темы отнимали у него по 8px с каждой стороны.
           Величину сдвига ставит скрипт — отступы у темы разные по брейкпоинтам,
           а с 768px растягивать уже нечего. */
        /* Лента превью едет вместе со слайдером, но крайние кадры не должны липнуть
           к самому краю экрана — возвращаем им прежний отступ внутренним полем. */

        .nn-slide-count {
            right: calc(var(--nn-ph-r, 0px) + 8px);
            bottom: calc(var(--nn-ph-b, 0px) + 8px);
            padding: 4px 9px;
            font-size: 11px;
        }

        /* --- 9. панель карточки авто: на телефоне снизу, над панелью списков --- */
        .nn-cbar {
            top: auto;
            bottom: calc(var(--nn-cbar-bottom, 56px) + env(safe-area-inset-bottom, 0px));
            padding: 0 8px 8px;
            transform: translateY(10px);
        }
        .nn-cbar__in {
            width: auto;
            gap: 8px;
            padding: 8px 10px;

        }
        /* Название и иконки на телефоне не показываем: у Авилона там те же две кнопки,
           а иконки списков и без того лежат рядом с ценой. */
        /* Иконки списков заказчик просил оставить и в панели: ряд слева от кнопок. */
        .nn-cbar__text { display: none; }
        .nn-cbar__acts {
            display: flex;
            flex: 0 0 auto;
            gap: 6px;
            align-items: center;
        }
        .nn-cbar__acts .nn-act {
            width: 34px;
            height: 34px;
        }
        /* Рядом две кнопки не встают: «Купить в кредит» и «Персональное предложение»
           не переносятся и вылезали за панель на 70px. Ставим в столбик — как в
           референсе заказчика. Кнопка резервирования убрана заказчиком 28.08. */
        .nn-cbar__btns {
            flex: 1 1 auto;
            flex-direction: column;
        }
        .nn-cbar__btns .car-detail-btn {
            /* В столбике растягиваться нельзя: правило планшетной ширины делит между
               кнопками не ширину, а высоту, и они сплющивались до 21px. */
            flex: 0 0 auto;
            width: 100% !important;
            height: 44px;
            padding: 0 8px;
            font-size: 0.85rem;
        }

        /* --- 6. плитка каталога: цена и кнопка ниже названия, а не над ним --- */
        /* Список исключаем по .mw-768px: там подъём работает как задумано. */
        article.product-cat:not(.mw-768px) > .product-cat-info-container,
        article.product-cat:not(.mw-768px) .product-cat-content .product-cat-info-container { margin-top: 0 !important; }
    }
    @media (prefers-reduced-motion: reduce) {
        .nn-slide-nav { transition: none; }
        .nn-slide-nav:hover, .nn-slide-nav:active { transform: translateY(-50%); }
        .nn-thumbs .owl-dots { scroll-behavior: auto; }
    }

    /* --- 9. замечания от 31.08: тень, скругление, жирность названия --- */
    /* Тема даёт панелям карточки тень с альфой 0.75 — на стыке с характеристиками
       она читается как тёмная полоса на всю ширину. Ослабляем до лёгкой. 
    .l-section__wrap-main {
        box-shadow: 0 12px 30px -15px rgba(61, 72, 81, 0.15) !important;
    }*/

    /* Тикеты («Выгодный кредит» и соседи) — серые карточки с radius 12px от темы,
       заказчику скругление показалось тяжёлым. Тема пишет через #id !important,
       поэтому отвечаем тем же. */
    #tickets_main_content .col-12.col-md-6.col-lg-3 > div,


    /* Название в плитке каталога печатается темой жирным (700). Заказчик просил
       всё тонкое: обычный вес по всей строке, без выделения мощности. */
    .product-cat-title a { font-weight: 400; }

    /* Название переносится на столько строк, сколько нужно: тема подрезала его
       на второй строке (max-height 40px + overflow hidden), длинные имена
       теряли хвост «…4WD, 2026». */
    article.product-cat .product-cat-head,
    article.product-cat .product-cat-title {
        max-height: none !important;
        overflow: visible !important;
    }

    /* Цена — над названием (просьба от 31.08: «цену наверх»). Карточка — флекс:
       блок цены переставляем между фотографией и блоком с названием. Список
       (.mw-768px) не трогаем: у него своя вёрстка. */
    article.product-cat:not(.mw-768px) .product-cat-info-container--price { order: 1; margin-bottom: 0.75rem !important; }
    article.product-cat:not(.mw-768px) .product-cat-content { order: 2; }
                               .car-detail-buttons--primary { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
                                .car-detail-buttons--secondary { display: flex; flex-wrap: wrap; gap: 10px; }
                                .car-detail-btn--credit { background: #e2261c; color: #fff; }
                                .car-detail-btn--testdrive { background: #111827; color: #fff; }
                                .car-detail-btn--stock { background: #fff; color: #111827; border: 1px solid #d0d3d8; }
                                .car-detail-buttons--primary .car-detail-btn { flex: 1 1 190px; padding: 13px 18px;border: 0; font-size: 0.9rem; font-weight: 700; cursor: pointer; }
                                .car-detail-buttons--primary .car-detail-btn--stock { border: 1px solid #d0d3d8; }
                                .car-detail-buttons--primary .car-detail-btn:hover { filter: brightness(0.94); }
                                /* Две кнопки столбиком — так просил заказчик 30.08 (тест-драйв снят). */
.car-detail-buttons--primary.nn-btn-row { display: flex; flex-direction: column; gap: 10px; }
/* flex: 0 0 auto обязателен: базовое правило блока задаёт flex-basis 190px, и в колонке это превращалось в высоту кнопки 190px вместо 48. */
.car-detail-buttons--primary.nn-btn-row .car-detail-btn { flex: 0 0 auto; width: 100%; padding: 14px 16px; font-size: 0.92rem; line-height: 1.25; }
@media (max-width: 575.98px) { .car-detail-buttons--primary.nn-btn-row .car-detail-btn { flex: 1 1 100%; } }
.car-detail-btn--offer { background: #fff; color: #111827; border: 1px solid #d0d3d8; }
.car-detail-where { margin-top: 18px; padding: 14px 16px; border: 1px solid #e5e7eb; background: #fafafa; }
.car-detail-where__title { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; color: #9ca3af; margin-bottom: 6px; }
.car-detail-where__value { display: flex; flex-direction: column; gap: 2px; }
.car-detail-where__city { font-weight: 700; color: #111827; }
.car-detail-where__addr { color: #4b5563; font-size: 0.9rem; }
.car-detail-where__map { margin-top: 10px; padding: 0; border: 0; background: none; color: #e2261c; font: inherit; font-size: 0.88rem; cursor: pointer; border-bottom: 1px dashed currentColor; }
.car-detail-where__frame { margin-top: 12px; overflow: hidden; }
.car-detail-where__frame iframe { display: block; width: 100%; height: 260px; border: 0; }
/* Рамку кнопке возвращаем явно: правило блока сбрасывает border у всех кнопок ряда. */
.car-detail-buttons--primary.nn-btn-row .car-detail-btn--offer { background: #fff; color: #111827; border: 1px solid #d0d3d8; }
/* Характеристики отдельной панелью, как в референсе: раньше таблица шла по фону страницы без границ. */
.specs { border: 1px solid #e5e7eb; padding: 16px 18px; background: #fff; }
.specs__title { font-size: 1rem; font-weight: 700; margin: 0 0 10px; }
.specs__table { width: 100%; border-collapse: collapse; }
.specs__table td { padding: 7px 0; vertical-align: top; }
.specs__table td:last-child { text-align: right; }
.specs__table tr + tr td { border-top: 1px solid #f1f2f4; }
.specs .prop__name { color: #6b7280; font-size: 0.9rem; }
.specs .prop__value { font-weight: 600; color: #111827; }
.car-detail-lists { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
                                .nn-actions--inline {     display: flex;
    position: static;
    gap: 7px;
    flex-direction: row; }
                                .car-detail-lists__hint { font-size: 0.82rem; color: #9ca3af; }
/* Контейнер нижних миниатюр */
.product-detail-slider-container .nn-thumbs {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* Обёртка миниатюр не должна растягиваться на ширину всех точек */
.product-detail-slider-container .product-detail-slider-dots {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* Лента миниатюр */
.product-detail-slider-container .product-detail-slider-dots .owl-dots {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

/* Миниатюры не сжимаются */
.product-detail-slider-container .product-detail-slider-dots .owl-dot {
    flex: 0 0 88px;
}
.product-detail-slider-container .nn-thumbs {
    position: relative;
}

.btn-new-cnt {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

.btn-new-cnt .tickets__btn {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
}

.btn-new-cnt .btn-outline-primary {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    padding: 12px 15px!important;
    margin: 0;

    border: 1px solid #e2261c;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;

    box-shadow: none;
    transition: opacity 0.2s ease;
}

.btn-new-cnt .btn-outline-primary:hover {
    opacity: 0.85;
}

@media (max-width: 767px) {
    .btn-new-cnt {
        gap: 6px;
        flex-wrap: wrap; 
    }

    .btn-new-cnt .tickets__btn {
        flex: 0 0 calc(50% - 3px); 
        min-width: unset;
    }

    .btn-new-cnt .btn-outline-primary {
        padding: 9px 5px;
        font-size: 11px;
        white-space: normal;
    }
}

/* ==========================================
   КНОПКИ: ТОЛЬКО ПЕРВАЯ КРАСНАЯ
   ========================================== */

/* Общая сетка */
.car-detail-actions .btn-new-cnt {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

/* Сбрасываем глобальные стили проекта */
.car-detail-actions .btn-new-cnt .tickets__btn .btn.btn-outline-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 12px 10px !important;
    margin: 0;

    border: 1px solid #f0c7c4 !important;


    background: #fff !important;
    background-image: none !important;
    color: #292929 !important;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    white-space: normal;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease;
}

/* Обычные иконки */
.car-detail-actions .btn-new-cnt .tickets__btn .btn-outline-primary svg {
    display: block;
    flex: 0 0 20px;

    width: 20px !important;
    height: 20px !important;
    min-width: 20px;

    color: #e2261c !important;
    font-size: 20px !important;

    opacity: 1;
}

/* Первая кнопка — красный градиент */
.car-detail-actions .btn-new-cnt .tickets__btn:first-child .btn.btn-outline-primary {
    border-color: #e2261c !important;
    background: linear-gradient(135deg, #f04438, #c91810) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(226, 38, 28, 0.18) !important;
}

/* Иконка первой кнопки — белая */
.car-detail-actions .btn-new-cnt .tickets__btn:first-child .btn-outline-primary svg {
    color: #fff !important;
}

/* Если цвет SVG задан через stroke или fill */
.car-detail-actions .btn-new-cnt .tickets__btn:first-child .btn-outline-primary svg [stroke="currentColor"] {
    stroke: currentColor;
}

.car-detail-actions .btn-new-cnt .tickets__btn:first-child .btn-outline-primary svg [fill="currentColor"] {
    fill: currentColor;
}

/* Наведение на красную кнопку */
.car-detail-actions .btn-new-cnt .tickets__btn:first-child .btn-outline-primary:hover {
    background: linear-gradient(135deg, #e2261c, #ad150e) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* Наведение на белые кнопки */
.car-detail-actions .btn-new-cnt .tickets__btn:not(:first-child) .btn-outline-primary:hover {
    background: #fff5f4 !important;
    border-color: #e2261c !important;
    color: #c91e15 !important;
    transform: translateY(-2px);
}


/* ==========================================
   ИКОНКИ ГАРАНТИЙ
   ========================================== */

.car-detail-actions .car-detail-garant__icon {
    display: block;
    flex: 0 0 34px;

    width: 34px;
    max-width: 34px;
    height: 34px;
    padding: 0;

    object-fit: contain;
}


/* ==========================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================== */

@media (max-width: 767px) {
    .car-detail-actions .btn-new-cnt {
        gap: 8px;
    }

    .car-detail-actions .btn-new-cnt .tickets__btn .btn.btn-outline-primary {
        min-height: 48px;
        gap: 6px;
        padding: 9px 6px !important;
        font-size: 12px;
    }

    .car-detail-actions .btn-new-cnt .tickets__btn .btn-outline-primary svg {
        flex-basis: 18px;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px;
    }
}

/* ==========================================
   ГАРАНТИИ — КОМПАКТНЫЕ КАРТОЧКИ
   ========================================== */

.car-detail-garant {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
    margin: 18px 0;
}

.car-detail-garant__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;

    width: 100%;
    min-width: 0;
    min-height: 78px;
    padding: 12px 40px 12px 13px;

    box-sizing: border-box;
    border: 1px solid #f1e2e0;


    background: #fff9f8;
    color: #292929;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

/* Круглая плашка с иконкой */
.car-detail-garant__icon {
    display: block;
    flex: 0 0 46px;

    width: 46px;
    max-width: 46px;
    height: 46px;
    padding: 10px;

    box-sizing: border-box;
    object-fit: contain;

    border: 1px solid #f2d6d2;
    border-radius: 50%;
    background: #fff;
}

/* Стрелка справа */
.car-detail-garant__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;

    width: 8px;
    height: 8px;

    border-top: 2px solid #e2261c;
    border-right: 2px solid #e2261c;

    transform: translateY(-50%) rotate(45deg);
    transition: right 0.2s ease;
}

/* Наведение */
.car-detail-garant__link:hover {
    color: #292929;
    text-decoration: none;

    background: #fff3f1;
    border-color: #e8b7b2;
    box-shadow: 0 5px 14px rgba(226, 38, 28, 0.07);

    transform: translateY(-1px);
}

.car-detail-garant__link:focus,
.car-detail-garant__link:active {
    color: #292929;
    text-decoration: none;
}

.car-detail-garant__link:hover::after {
    right: 12px;
}

/* Мобильная версия */
@media (max-width: 767px) {
    .car-detail-garant {
        gap: 8px;
        margin: 14px 0;
    }

    .car-detail-garant__link {
        min-height: 70px;
        gap: 10px;
        padding: 10px 34px 10px 10px;
        border-radius: 10px;
        font-size: 12px;
    }

    .car-detail-garant__icon {
        flex-basis: 40px;
        width: 40px;
        max-width: 40px;
        height: 40px;
        padding: 8px;
    }

    .car-detail-garant__link::after {
        right: 13px;
        width: 7px;
        height: 7px;
    }
}
.badges-container {
	margin-top: 20px;
    margin-bottom: 20px;
}
.badge-run, .badge-hit, .badge-discount {
  padding: 6px 9px;
  line-height: 1.2;        
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  box-sizing: border-box;    
}

.badge-run {
  background: #fff;
  border: 1px solid #e5e7eb;
  color: #000;
}

.badge-hit {
  background: #e2261c;    
  align-items: center;
  gap: 6px;
}

.badge-discount {
  background: #000;
}
/*.buyback-block {
    border: 1px solid #e0e0e0;
    padding: 20px;
}

.buyback-header {
    border-bottom: 1px solid #f0f0f0;
}
.buyback-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.buyback-header svg {
    color: #d32f2f;
}

.buyback-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    display:flex;
    align-items: center;
    gap: 7px;
}

.buyback-price {
    font-size: 18px;
    font-weight: 700;
    color: #d32f2f;
}

.buyback-description {
    font-size: 13px;
    color: #555;
    margin-bottom: 16px;
    line-height: 1.4;
}

.buyback-conditions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.buyback-condition-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #555;
    line-height: 1.4;
}

.buyback-condition-item svg {
    margin-top: 2px;
    color: #d32f2f;
    flex-shrink: 0;
}

.buyback-footer {
    margin-top: 16px;
    font-size: 12px;
    color: #888;
    padding-top: 12px;
}

@media (max-width: 600px) {
    .buyback-conditions {
        grid-template-columns: 1fr;
    }
}*/
/*
.guarantee-block {
  background-color: #fafafa;
  padding: 16px;
  margin-bottom: 20px;
  margin-top: 10px;
  border: 1px solid #e5e7eb;
  color: #374151;
  font-size: 14px;
  line-height: 1.5;
}

.guarantee-block__header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.guarantee-block__icon {
  flex-shrink: 0;
  stroke: currentColor;
}

.guarantee-block__title {
  font-weight: 500;
}

.guarantee-block__text {
  margin-top: 8px;
  color: #6b7280;
}
.btn-new-cnt-z {
    align-items: stretch;
    gap: 10px;
    width: 100%;
}
.btn-new-cnt-z .btn-outline-primary{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 12px 10px !important;
    margin: 0;
    border: px solid #e2261c !important;
    background: #fff !important;
    background-image: none !important;
    color: #e2261c !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease;
}
.guarantee-block {
  background-color: #FFF5F5;
  border: 1px solid #FFE0E0;
  padding: 20px;
  color: #333;
}

.guarantee-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  flex-wrap: wrap;
  border-bottom: 1px solid #FFE0E0;
}

.guarantee-icon {
  color: #e2261c;
  flex-shrink: 0;
}

.guarantee-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #e2261c;
  line-height: 1.2;
}

.guarantee-badge {
  margin: 0;
  padding: 6px 12px;
  color: #e2261c;
  font-size: 14px;
  font-weight: 700;
  border-radius: 6px;
  white-space: nowrap;
}

.guarantee-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-bottom: 20px;
}

.guarantee-item {
  padding: 6px;
}

.guarantee-label {
  margin: 0 0 6px 0;
  font-size: 13px;
  color: #666;
}

.guarantee-value {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.guarantee-footer {
  display: flex;
  gap: 20px;
  padding-top: 16px;
  border-top: 1px solid #FFE0E0;
}

.guarantee-service {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #e2261c;
  font-weight: 500;
}

@media (max-width: 600px) {
  .guarantee-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .guarantee-footer {
    align-items: flex-start;
  }
  .guarantee-service {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 10px;
  color: #e2261c;
  font-weight: 500;
}
}
@media (min-width: 1118px) {
    .guarantee-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}*/
.guarantee-block {
    --guarantee-accent: var(--primary-color, #c62828);
    --guarantee-text: #20252b;
    --guarantee-muted: #737b84;
    --guarantee-line: #e2e5e8;

    width: 100%;
    box-sizing: border-box;
    color: var(--guarantee-text);
    background: #fff;
    border: 1px solid var(--guarantee-line);
    font-family: inherit;
}

/* Заголовок */

.guarantee-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 26px;
    border-bottom: 1px solid var(--guarantee-line);
}

.guarantee-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    color: var(--guarantee-accent);
    background: #f6f6f6;
}

.guarantee-icon svg {
    display: block;
}

.guarantee-heading {
    min-width: 0;
}

.guarantee-caption {
    display: block;
    margin-bottom: 5px;
    color: var(--guarantee-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.4;
}

.guarantee-title {
    margin: 0;
    color: var(--guarantee-text);
    font-size: 21px;
    font-weight: 750;
    line-height: 1.3;
    text-transform: uppercase;
}

.guarantee-period {
    margin: 6px 0 0;
    color: var(--guarantee-accent);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.guarantee-period span {
    padding: 0 5px;
    color: #a0a5ab;
    font-weight: 400;
}

/* Основные условия */

.guarantee-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.guarantee-item {
    display: flex;
    gap: 13px;
    min-width: 0;
    padding: 22px 20px;
    border-right: 1px solid var(--guarantee-line);
    border-bottom: 1px solid var(--guarantee-line);
    box-sizing: border-box;
}

.guarantee-item:nth-child(3n) {
    border-right: 0;
}

.guarantee-number {
    flex: 0 0 auto;
    padding-top: 2px;
    color: #a2a8ae;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
}

.guarantee-content {
    min-width: 0;
}

.guarantee-label {
    margin: 0 0 9px;
    color: #525a63;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

.guarantee-value {
    margin: 0;
    color: var(--guarantee-accent);
    font-size: 25px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.guarantee-value-text {
    font-size: 20px;
    letter-spacing: -.3px;
}

.guarantee-note {
    margin: 7px 0 0;
    color: var(--guarantee-muted);
    font-size: 12px;
    line-height: 1.5;
}

/* Дополнительные услуги */

.guarantee-footer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: #f7f8f9;
    margin-top: 20px;
}

.guarantee-service {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    padding: 19px 12px;
    color: var(--guarantee-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

.guarantee-service + .guarantee-service {
    border-left: 1px solid var(--guarantee-line);
}

.guarantee-service svg {
    flex: 0 0 auto;
    color: var(--guarantee-accent);
}

/* Планшеты */

@media (max-width: 900px) {
    .guarantee-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .guarantee-item:nth-child(3n) {
        border-right: 1px solid var(--guarantee-line);
    }

    .guarantee-item:nth-child(2n) {
        border-right: 0;
    }

    .guarantee-item:last-child {
        border-bottom: 0;
    }

    .guarantee-item:nth-last-child(2):nth-child(odd) {
        border-bottom: 0;
    }

    .guarantee-value {
        font-size: 23px;
    }
}

/* Телефоны */

@media (max-width: 560px) {
    .guarantee-header {
        gap: 12px;
        padding: 18px 16px;
    }

    .guarantee-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .guarantee-title {
        font-size: 17px;
    }

    .guarantee-caption {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .guarantee-period {
        font-size: 13px;
    }

    .guarantee-item {
        gap: 8px;
        padding: 17px 12px;
    }

    .guarantee-number {
        font-size: 10px;
    }

    .guarantee-label {
        margin-bottom: 7px;
        font-size: 12px;
    }

    .guarantee-value {
        font-size: 20px;
    }

    .guarantee-value-text {
        font-size: 17px;
    }

    .guarantee-note {
        font-size: 11px;
    }

    .guarantee-footer {
        grid-template-columns: 1fr;
    }

    .guarantee-service {
        justify-content: flex-start;
        padding: 13px 16px;
        text-align: left;
    }

    .guarantee-service + .guarantee-service {
        border-top: 1px solid var(--guarantee-line);
        border-left: 0;
    }
}
.buyback-block {
    --buyback-accent: var(--primary-color, #c62828);
    --buyback-text: #20252b;
    --buyback-muted: #737b84;
    --buyback-line: #e2e5e8;

    width: 100%;
    box-sizing: border-box;
    color: var(--buyback-text);
    background: #fff;
    border: 1px solid var(--buyback-line);
    font-family: inherit;
}

/* Шапка и стоимость выкупа */

.buyback-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 26px;
    border-bottom: 1px solid var(--buyback-line);
}

.buyback-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.buyback-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: var(--buyback-accent);
    background: #f6f6f6;
}

.buyback-caption {
    display: block;
    margin-bottom: 5px;
    color: var(--buyback-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1.4;
}

.buyback-title {
    margin: 0;
    color: var(--buyback-text);
    font-size: 21px;
    font-weight: 750;
    line-height: 1.3;
    text-transform: uppercase;
}

.buyback-price-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 auto;
    text-align: right;
}

.buyback-price-label {
    margin-bottom: 4px;
    color: var(--buyback-muted);
    font-size: 12px;
    line-height: 1.4;
}

.buyback-price {
    color: var(--buyback-accent);
    font-size: 29px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.7px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.buyback-price-note {
    margin-top: 5px;
    color: var(--buyback-muted);
    font-size: 12px;
    line-height: 1.4;
}

/* Подзаголовок условий */

.buyback-description {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 19px 26px 15px;
    color: #525a63;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.buyback-description-mark {
    flex: 0 0 3px;
    align-self: stretch;
    min-height: 18px;
    background: var(--buyback-accent);
}

/* Список условий */

.buyback-conditions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 26px 22px;
    column-gap: 30px;
}

.buyback-condition-item {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
    padding: 13px 0;
    border-bottom: 1px solid #edf0f2;
    color: #414951;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
}

.buyback-condition-item:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.buyback-check {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    color: var(--buyback-accent);
    background: #f7f7f7;
}

.buyback-check svg {
    display: block;
}

/* Нижний информационный блок */

.buyback-footer {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 20px 26px;
    background: #f7f8f9;
    border-top: 1px solid var(--buyback-line);
}

.buyback-footer-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    color: var(--buyback-accent);
    background: #fff;
}

.buyback-footer-content {
    min-width: 0;
}

.buyback-footer-title {
    display: block;
    margin-bottom: 4px;
    color: var(--buyback-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.buyback-footer-content p {
    margin: 0;
    color: var(--buyback-muted);
    font-size: 12px;
    line-height: 1.65;
}

/* Планшеты */

@media (max-width: 900px) {
    .buyback-header {
        padding: 21px 20px;
        gap: 16px;
    }

    .buyback-conditions {
        padding-right: 20px;
        padding-left: 20px;
        column-gap: 22px;
    }

    .buyback-description {
        padding-right: 20px;
        padding-left: 20px;
    }

    .buyback-price {
        font-size: 25px;
    }

    .buyback-title {
        font-size: 18px;
    }

    .buyback-footer {
        padding: 18px 20px;
    }
}

/* Телефоны */

@media (max-width: 560px) {
    .buyback-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
        padding: 18px 16px;
    }

    .buyback-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .buyback-caption {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .buyback-title {
        font-size: 17px;
    }

    .buyback-price-wrap {
        align-items: flex-start;
        width: 100%;
        padding-top: 14px;
        border-top: 1px solid var(--buyback-line);
        text-align: left;
    }

    .buyback-price {
        font-size: 28px;
    }

    .buyback-description {
        align-items: flex-start;
        padding: 17px 16px 10px;
        font-size: 11px;
    }

    .buyback-conditions {
        grid-template-columns: minmax(0, 1fr);
        padding: 0 16px 16px;
    }

    .buyback-condition-item {
        padding: 12px 0;
    }

    .buyback-condition-item:nth-last-child(-n + 2) {
        border-bottom: 1px solid #edf0f2;
    }

    .buyback-condition-item:last-child {
        border-bottom: 0;
    }

    .buyback-footer {
        gap: 11px;
        padding: 16px;
    }

    .buyback-footer-icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }
}
.shop-list-items .shop-list-item {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 1rem;
    padding-right: 0;
    border-bottom: 1px solid #f1f1f1;
}

.shop-list-item__name {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    line-height: 1.4;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-cat-title {
    max-height: none!important;
}
.shop-list-item {
    background: #fff;
    border: 1px solid #e7edf3;

    overflow: hidden;
    transition: .25s ease;
}

.shop-list-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.shop-list-item__container{
    display:flex!important;
    gap:18px!important;
    padding:18px!important;
    align-items:flex-start;
	max-width: 100%!important;
}

.shop-list-item__picture{
    flex:0 0 120px!important;
    width:120px!important;
    height:90px!important;
    border-radius:12px;
    overflow:hidden;
    background:#f3f5f7;
}

.shop-list-item__picture img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.shop-list-item__data{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:0;
}

.shop-list-item__name{
    display:flex;
    justify-content:space-between;
    gap:10px;
    font-size:18px;
    font-weight:600;
    color:#172b45;
}

.shop-list-item__prop{
    display:flex;
    align-items:center;
    gap:8px;
    color:#5f6f81;
}

.shop-list-item__name .badge{
    background:#e8f6ed;
    color:#217346;
    border-radius:8px;
    padding:4px 8px;
}

@media(max-width:640px){
    .shop-list-item__container{
        flex-direction:column;
    }

    .shop-list-item__picture{
        width:100%;
        height:170px;
        flex:none;
    }
}
@media (max-width: 767px) {
	.car-detail-actions .btn-new-cnt {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 10px;
	}
}
/* End */


/* Start:/bitrix/templates/megamart_default/assets/styles/catalog-item.min.css?179155958512234*/
.product-cat-scu-item-list::after{display:block;clear:both;content:""}.product-cat-scu-item-color-block{background:#fff;border:2px solid transparent;border-radius:50%;cursor:pointer;display:inline-block;font-weight:400;line-height:1;position:relative;text-align:center;text-decoration:none;-webkit-transition:border .3s ease,color .3s ease;transition:border .3s ease,color .3s ease;vertical-align:middle}.product-cat-scu-item-color{background-size:cover;border:2px solid #e9ecef;border-radius:50%;display:block;width:1.75rem;height:1.75rem;vertical-align:middle}.checked.product-cat-scu-item-color-container .product-cat-scu-item-color-block,.product-cat-scu-item-color-block:active,.product-cat-scu-item-color-block:focus,.product-cat-scu-item-color-container:hover .product-cat-scu-item-color-block,.selected.product-cat-scu-item-color-container .product-cat-scu-item-color-block{border-color:#7d8698}.disabled.product-cat-scu-item-color-container>.product-cat-scu-item-color-block{background:0 0;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;cursor:inherit}.disabled.product-cat-scu-item-color-container>.product-cat-scu-item-color-block:before{position:absolute;bottom:0;right:0;top:0;left:0;content:' ';display:block;z-index:100;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==) no-repeat center;opacity:.7}.disabled.product-cat-scu-item-color-container .product-cat-scu-item-color{opacity:.2}.product-cat-price-old{color:#7d8698;font-size:.875rem;text-decoration:line-through;white-space:nowrap}.product-cat-price-current{font-weight:600;font-size:1.125rem;white-space:nowrap}.product-cat-action{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,.8);border:1px solid rgba(189,189,189,.5);border-radius:50%;color:#bdbdbd;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto}.product-cat-action-container .product-cat-action{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.product-cat-action-container{display:block;height:2.375rem;margin-bottom:.5rem;position:relative;width:2.375rem}.product-cat-action-container:last-child{margin-bottom:0}.product-cat-action input[type=checkbox]{display:none}.product-cat-action>.product-cat-action-icon{display:block}.bx-no-touch .product-cat-action:hover{bottom:-.25rem;left:-.25rem;right:-.25rem;top:-.25rem}.bx-no-touch .product-cat-action:hover,.product-cat-action.checked{background-color:#fff;color:#ff5605}.product-cat-del{color:#bdbdbd;cursor:pointer;font-size:.6875rem;padding:.5rem;position:absolute;right:0;top:0;z-index:210}.product-cat-del:hover{color:#202020}.product-cat-label-text{bottom:0;display:block;position:absolute;right:0;z-index:190}.product-cat-label-text-item{background:#ff5605;clear:both;color:#fff;display:block;float:right;font-size:75%;margin:.125rem auto;padding:.25rem .5rem;text-align:center}.product-cat-label-text-item:before{content:'';display:table;width:0;height:100%;margin:-1px 0 1px}@media (min-width:992px){.product-cat-label-text-item{padding:.5rem 1rem}}.product-cat-deals{background-color:rgba(34,36,40,.8);border-radius:0 0 .5rem .5rem;color:#fff;min-width:3rem;padding:.5rem .25rem 1rem;text-align:center;left:-.5rem;position:absolute;top:-1rem;z-index:190}.product-cat-deals-icon{font-size:1.625rem;margin-bottom:.25rem}.product-cat-deals-name{display:block;font-size:75%;line-height:1.08333;white-space:pre}.product-cat-image-action{position:absolute;right:1rem;top:1rem;z-index:210}.product-cat-image-slider-control-container{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:absolute;right:0;top:0;z-index:200}.bx-touch .product-cat-image-slider-control-container{display:none}.product-cat-image-slider-control{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;position:relative}.product-cat-image-slider-control:after{background-color:rgba(255,255,255,.8);content:'';display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 1px 2px;height:3px;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:4}.product-cat-image-slider-control.active:after{background-color:#ff5605}.product-cat-image-slider-control:first-child:after{margin-left:3px}.product-cat-image-slider-control:last-child:after{margin-right:3px}.product-cat-image-slider-control-container:not(:hover) .product-cat-image-slider-control:after{opacity:0}.product-cat-image-slider-more{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.5);bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;z-index:200}.product-cat-image-slider-more-icon{display:block;font-size:3rem;margin-bottom:.375rem}.product-cat-image-slider-more-text{margin-top:.5rem}.product-cat-gift{background-color:#ffa800;border-radius:50%;bottom:0;color:#fff;left:-.5rem;position:absolute;padding:.5rem;z-index:200}.product-cat-gift .product-cat-gift-icon{display:block;font-size:1.75rem}.product-cat-limit{white-space:nowrap}.product-cat-limit-quantity:before{background-color:#c8c8c8;border:1px solid #bdbdbd;border-radius:50%;content:'';display:inline-block;height:.5em;margin:-.125em .5em 0;vertical-align:middle;width:.5em}.product-cat-limit.is-instock .product-cat-limit-quantity:before{background-color:#78b05c;border:1px solid #5ea13d}.product-cat-limit.is-limited .product-cat-limit-quantity:before{background-color:#ffbb29;border:1px solid #ffae00}.product-cat-limit.is-outofstock .product-cat-limit-quantity:before{background-color:#d43129;border:1px solid #cc0a00}.product-cat-price-current{margin-bottom:-.1875rem;margin-top:-.375rem}.product-cat-price-old{display:inline-block}.product-cat-price-percent{background-color:#e83700;color:#fff;display:inline-block;font-size:75%;padding:0 .25rem}.product-cat-price-economy{background-color:#fff6e5;display:inline-block;font-size:75%;padding:0 .25rem;white-space:nowrap}.product-cat-button-container .btn-rounded{padding:.5rem}.product-cat-button-container .icon-cart{float:left;font-size:1.25rem}.product-cat-button-container .is-incart .btn-primary,.product-cat-button-container .is-incart .btn-primary:not(:disabled):not(.disabled):active,.product-cat-button-container .is-incart .btn-primary:not(:disabled):not(.disabled):hover{background-color:#fff;border-color:#ff5605;color:#212529!important}.product-cat-button-container .is-incart .btn-primary.btn-rounded,.product-cat-button-container .is-incart .btn-primary.btn-rounded:not(:disabled):not(.disabled):active,.product-cat-button-container .is-incart .btn-primary.btn-rounded:not(:disabled):not(.disabled):focus,.product-cat-button-container .is-incart .btn-primary.btn-rounded:not(:disabled):not(.disabled):hover{background-color:#fff;border-color:#e5e6ea;color:#5ea13d}.product-cat-button-container .is-incart .icon-cart{color:#5ea13d}.product-cat-scu-list .dropdown-menu{max-height:24.8rem;overflow-y:auto}.product-cat-scu-item-list{padding-left:0;list-style:none;margin:0}.product-cat-scu-item-text-container.btn-link{background-color:transparent;border-color:transparent;color:#202020;padding-left:.25rem;padding-right:.25rem}.product-cat-scu-item-text-container.btn-link.checked,.product-cat-scu-item-text-container.btn-link:hover{background-color:transparent;border-color:transparent;color:#ff5605}.product-cat-scu-item-text-container.btn-link.checked{text-decoration:none}.product-cat-scu-item-text-container.btn-link.checked:not(:disabled):not(.disabled){cursor:text}.product-cat-scu-item-text-container.disabled{text-decoration:line-through}.product-cat-scu-item-text:after{content:',';display:inline}.product-cat-scu-item-text-container.btn-outline-secondary .product-cat-scu-item-text:after,.product-cat-scu-item-text-container.last-visible .product-cat-scu-item-text:after{display:none}.product-cat-scu-item-color-container,.product-cat-scu-item-text-container.btn-outline-secondary{float:left;margin:0 .5rem .5rem 0}.product-cat-scu-item-text-container.btn-outline-secondary.checked{color:#fff;background-color:#7d8698;border-color:#7d8698}.product-cat-amount-field-btn-minus,.product-cat-amount-field-btn-plus{position:relative;display:inline-block;min-width:22px;height:22px;vertical-align:middle;text-align:center;cursor:pointer;-webkit-transition:background .3s ease,opacity .3s ease;transition:background .3s ease,opacity .3s ease}.product-cat-amount-field-btn-minus:after,.product-cat-amount-field-btn-plus:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.8;-webkit-transition:opacity .3s ease,background .3s ease;transition:opacity .3s ease,background .3s ease}.product-cat-amount-field-btn-disabled.product-cat-amount-field-btn-minus:after,.product-cat-amount-field-btn-disabled.product-cat-amount-field-btn-plus:after{opacity:.3!important;cursor:default}.product-cat-amount-field-btn-disabled.product-cat-amount-field-btn-minus:hover,.product-cat-amount-field-btn-disabled.product-cat-amount-field-btn-plus:hover{background-color:#f2f2f2}.product-cat-amount-field-btn-plus:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;background-size:10px}.product-cat-amount-field-btn-minus:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;background-size:10px}.product-cat-amount-field-btn-minus:hover:after,.product-cat-amount-field-btn-plus:hover:after{opacity:1}.product-cat-amount-field.form-control:focus{border-color:#ced4da;border-right-color:transparent;-webkit-box-shadow:none;box-shadow:none}.product-cat-amount-field::-webkit-inner-spin-button,.product-cat-amount-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-cat-amount .input-group>.product-cat-amount-field{-moz-appearance:textfield;border-right-color:transparent;text-align:center;width:4.25rem}.product-cat-amount .product-cat-amount-field:disabled{background:#fff;color:rgba(73,80,87,.5)}.product-cat-amount-field:disabled+.product-cat-amount-measure{color:rgba(73,80,87,.5)}.product-cat-amount-field:focus{outline:0!important}.product-cat .bx-no-touch input.product-cat-amount-field::-webkit-inner-spin-button,.product-cat .bx-no-touch input.product-cat-amount-field::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.product-cat-amount-description-container{clear:both;display:block;font-size:75%;padding-bottom:.625rem;padding-top:.625rem;vertical-align:middle;white-space:nowrap}.product-cat-amount-description-container:empty{display:none}@media (min-width:576px){.product-cat-amount-description-container{clear:none;display:inline-block;margin-bottom:1rem;margin-left:1rem}}.product-cat-amount-measure .input-group-text{background:#fff;border-left-color:transparent}.product-cat-properties{display:block;margin:0;overflow:hidden}.product-cat-properties dl{clear:both}.product-cat-properties dt{clear:both;color:#7d8698;font-weight:400;display:inline;margin-right:.25rem}.product-cat-properties dd{display:inline}.product-cat-properties dd:after{content:'';display:block;height:0}
/* End */


/* Start:/bitrix/templates/megamart_default/components/bitrix/catalog.store.amount/catalog/style.min.css?1791790883328*/
.shop-list-item.is-outofstock .shop-list-item__icon{color:#7d8698}.shop-list-item.is-outofstock .shop-list-item__amount{background-color:#7d8698}.shop-list-item__amount{background-color:#7d8698}.shop-list-item .product-cat-limit-quantity::before{color:#ff5605;left:0;margin:.5rem;position:absolute}.shop-list-empty{padding:3rem}
/* End */


/* Start:/bitrix/templates/megamart_default/assets/styles/shop-list-items.min.css?17915595852161*/
.shop-list-items{margin:0}.shop-list-item{padding-top:1rem;padding-left:1rem;padding-bottom:1rem;padding-right:1rem;border-bottom:1px solid #f1f1f1}@media (min-width:576px){.shop-list-item{padding-top:3rem;padding-left:3rem;padding-bottom:3rem;padding-right:3rem}}@media (min-width:768px){.l-main--has-outer-sidebar .l-main__inner-content .shop-list-item{padding-top:1rem;padding-left:1rem;padding-bottom:1rem;padding-right:1rem}}@media (min-width:992px){.l-main--has-outer-sidebar .l-main__inner-content .shop-list-item{padding-top:3rem;padding-left:3rem;padding-bottom:3rem;padding-right:3rem}}@media (min-width:992px){.l-main__outer-sidebar .shop-list-item{padding-top:1rem;padding-left:1rem;padding-bottom:1rem;padding-right:1rem}}@media (min-width:1200px){.l-main__inner-sidebar .shop-list-item{padding-top:1rem;padding-left:1rem;padding-bottom:1rem;padding-right:1rem}}.shop-list-item__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:auto;max-width:68rem}.shop-list-item__picture{-webkit-box-flex:0;-ms-flex:0 1;flex:0 1;margin-bottom:1rem}.shop-list-item__picture img{max-width:100%}.shop-list-item__icon{font-size:1.5rem;color:#ff5605}.shop-list-item__data{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:1rem}.shop-list-item__name{margin-bottom:1rem}.shop-list-item__name a{color:#202020;font-weight:700}.shop-list-item__name a:focus,.shop-list-item__name a:hover{color:#202020}.shop-list-item__prop{margin:.38rem 0;position:relative;padding-left:1.63rem}.shop-list-item__prop .icon-svg{margin-right:.56rem;margin-top:.19rem;color:#ff5605;position:absolute;left:0}@media (min-width:992px){.shop-list-item__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shop-list-item__picture{margin-left:auto;margin-right:auto}.shop-list-item__picture{-ms-flex-preferred-size:16.25rem;flex-basis:16.25rem;-ms-flex-negative:0;flex-shrink:0;margin-bottom:0}.shop-list-item__data{padding-left:2rem}}
/* End */


/* Start:/bitrix/templates/megamart_default/components/bitrix/sale.prediction.product.detail/catalog/style.min.css?179155958545*/
.catalog-element-popup-element{color:#3483b8}
/* End */


/* Start:/bitrix/templates/megamart_default/components/bitrix/catalog.section/catalog_popular/style.css?17919843153038*/
.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
  padding: 20px;
  box-sizing: border-box;
}

.product-cat {
  font-family: Arial, sans-serif;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-width: 360px;
  margin: 0 auto;
}

.product-cat-auto .product-image {
  position: relative;
  height: 240px;
  overflow: hidden;
}

.product-cat-auto .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-cat-auto .badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #fff;
  color: #000;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 20px;
  text-transform: uppercase;
}

.product-info {
  padding: 16px;
}

.product-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.product-title h3 {
  margin: 0;
  font-size: 18px;
  color: #1a1a1a;
}

.product-title .year {
  font-size: 16px;
  color: #666;
}

.product-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.product-specs span {
  font-size: 13px;
  color: #555;
}

.product-price {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative;
}

.product-price .old-price {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
  z-index: 1;
}

.product-price .price {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  z-index: 2;
  margin-top: 14px;
}

.product-price .note {
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}

.product-mileage {
  margin-bottom: 16px;
}

.product-mileage span {
  font-size: 14px;
  color: #555;
}

.product-actions {
  display: flex;
  gap: 10px;
}

.btn {
  flex: 1;
  padding: 10px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  transition: opacity 0.2s;
}

.btn:hover {
  opacity: 0.9;
}

.btn-primary {
  background: #d32f2f;
  color: #fff;
}

.btn-outline {
  background: transparent;
  border: 1px solid #ccc;
  color: #333;
}

.btn-outline .icon {
  margin-right: 6px;
}

/* Мобильная адаптация: элементы друг под другом, карточки в одну колонку */
@media (max-width: 480px) {
  .products-grid {
    grid-template-columns: 1fr;
  }

  .product-cat {
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
  }

  .product-cat-auto .product-image {
    height: 200px;
  }

  .product-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .product-title .year {
    font-size: 14px;
  }

  .product-specs {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-specs span {
    font-size: 12px;
  }

  .product-price .price {
    font-size: 20px;
  }

  .product-actions {
    flex-direction: column;
  }

  .btn {
    width: 100%;
    box-sizing: border-box;
  }
}

/* End */


/* Start:/bitrix/templates/megamart_default/components/bitrix/catalog.item/catalog_popular/style.css?179207229614031*/
.product-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  padding: 1rem;
  -webkit-transition: none;
  transition: none;
  /*Image*/
  /*Actions*/ }
  .product-cat-container {
    background-color: #ffffff;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    position: relative; }
  .product-cat-container.hover {
    z-index: 210; }
  .product-cat-container.hover .product-cat-popup {
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 32px 0 rgba(84, 133, 169, 0.3);
            box-shadow: 0 10px 32px 0 rgba(84, 133, 169, 0.3);
    height: auto;
    left: 0;
    margin: -0.5rem -0.5rem auto;
    min-height: calc(100% + 3rem);
    padding: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-property: margin, padding, min-height;
    transition-property: margin, padding, min-height;
    -webkit-transition-duration: .2s;
            transition-duration: .2s; }
  .product-cat-line-card .product-cat-preview,
  .product-cat-line-card .product-cat-properties {
    font-size: 0.875rem; }
  .product-cat-line-card .product-cat-head {
    height: auto; }
  .product-cat-table-card .product-cat {
    padding: 0.5rem 1rem; }
  .product-cat-table-card .product-cat-image-wrapper {
    margin: -0.5rem -0.5rem -0.5rem -1rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem; }
  .product-cat-table-card .product-cat-head {
    height: auto;
    margin-bottom: auto; }
  .product-cat-line-card .product-cat-buttons,
  .product-cat-table-card .product-cat-buttons {
    position: relative;
    -ms-flex-item-align: center;
        align-self: center; }
  .product-cat-info-container.product-cat-hidden {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease; }
  .bx-touch .product-cat-info-container.product-cat-touch-hidden {
    display: none !important; }
  .product-cat-line-card .product-cat-info-container.product-cat-hidden,
  .bx-no-touch .product-cat-container.hover .product-cat-popup .product-cat-info-container.product-cat-hidden {
    display: block;
    opacity: 1; }
  .product-cat-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .product-cat-image-wrapper {
    display: block;
    margin: -1rem -1rem 0;
    padding: 1rem;
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
  .product-cat-image-canvas {
    display: block;
    padding-bottom: 90%;
    position: relative; }
  .product-cat-image-slider {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .product-cat-image-slider {
    overflow: hidden; }
    .bx-touch .product-cat-image-slider > .active,
    .bx-touch .product-cat-image-slider > .next,
    .bx-touch .product-cat-image-slider > .prev {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .bx-touch .product-cat-image-slider > .active {
      left: 0; }
    .bx-touch .product-cat-image-slider > .next,
    .bx-touch .product-cat-image-slider > .prev {
      position: absolute;
      top: 0;
      width: 100%; }
    .bx-touch .product-cat-image-slider > .next {
      left: 100%; }
    .bx-touch .product-cat-image-slider > .prev {
      left: -100%; }
    .bx-touch .product-cat-image-slider > .next.left,
    .bx-touch .product-cat-image-slider > .prev.right {
      left: 0; }
  .product-cat-image-slide {
    display: none;
    height: 100%; }
    .product-cat-image-slide.active {
      display: block; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .bx-touch .product-cat-image-slide {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-perspective: 1000px;
                perspective: 1000px; }
        .bx-touch .product-cat-image-slide.next, .bx-touch .product-cat-image-slide.active.right {
          left: 0;
          -webkit-transform: translate3d(100%, 0, 0);
                  transform: translate3d(100%, 0, 0); }
        .bx-touch .product-cat-image-slide.prev, .bx-touch .product-cat-image-slide.active.left {
          left: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
                  transform: translate3d(-100%, 0, 0); }
        .bx-touch .product-cat-image-slide.next.left, .bx-touch .product-cat-image-slide.prev.right, .bx-touch .product-cat-image-slide.active {
          left: 0;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); } }
  .product-cat-image {
    display: block;
    left: 50%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .product-cat-image-action {
    display: none; }
  .product-cat-container.hover .product-cat-image-action {
    display: block; }
  .product-cat-head {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 1rem; }
    @media (min-width: 576px) {
      .product-cat-head {
        height: 6.375rem; } }
  .product-cat-data {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .product-cat-title {
    font-weight: 700;
    max-height: 2.5rem;
    margin-bottom: 0.25rem;
    overflow: hidden; }
    .product-cat-title > a,
    .product-cat-title > a:hover {
      color: #202020; }
  .product-cat-parent {
    font-size: 75%;
    height: 1.125rem;
    margin-bottom: 0.25rem;
    overflow: hidden; }
    .product-cat-parent > a,
    .product-cat-parent > a:hover {
      color: #ff5605; }
  .product-cat-info-container {
    margin-bottom: 1rem; }
  .product-cat-info-container--price {
    overflow: hidden; }
  .product-cat-preview-container {
    margin-bottom: 1.5rem; }
  .product-cat-price-container {
    min-width: 1px; }
  .product-cat-info-container-title {
    font-size: 0.875rem; }
  @media (min-width: 768px) {
    .product-cat-table-card .product-cat-price-container {
      position: relative;
      top: -1.25rem; }
    .product-cat-table-card .product-cat-content {
      margin-bottom: 1.625rem;
      margin-top: 1.625rem; }
    .product-cat .product-cat-deals {
      top: -1.5rem; } }
  @media (min-width: 992px) {
    .product-cat {
      padding: 1.5rem; }
      .product-cat-container.hover .product-cat-popup {
        margin: -0.5rem -0.5rem auto;
        min-height: calc(100% + 1rem);
        padding: 2rem; }
      .product-cat-image-wrapper {
        margin: -1.5rem -1.5rem 0.5rem;
        padding: 1.5rem; }
      .product-cat-image-action {
        right: 1.5rem;
        top: 1.5rem; }
      .product-cat-head {
        margin-bottom: 1.5rem; }
      .product-cat-table-card .product-cat {
        padding: 1rem 1.5rem; }
      .product-cat-table-card .product-cat-image-wrapper {
        margin: -1rem 0 -1rem -1.5rem;
        padding: 1rem 1rem 1rem 1.5rem; } }

/*# sourceMappingURL=style.css.map */
.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
  padding: 20px;
  box-sizing: border-box;
}

.product-cat {
  font-family: Arial, sans-serif;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-width: 360px;
  margin: 0 auto;
}

.product-cat-auto .product-image {
  position: relative;
  height: 240px;
  overflow: hidden;
}

.product-cat-auto .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-cat-auto .badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #fff;
  color: #000;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 20px;
  text-transform: uppercase;
}

.product-info {
  padding: 16px;
}

.product-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.product-title h3 {
  margin: 0;
  font-size: 18px;
  color: #1a1a1a;
}

.product-title .year {
  font-size: 16px;
  color: #666;
}

.product-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.product-specs span {
  font-size: 13px;
  color: #555;
}

.product-price {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative;
}

.product-price .old-price {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
  z-index: 1;
}

.product-price .price {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  z-index: 2;
  margin-top: 14px;
}

.product-price .note {
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}

.product-mileage {
  margin-bottom: 16px;
}

.product-mileage span {
  font-size: 14px;
  color: #555;
}

.product-actions {
  display: flex;
  gap: 10px;
}

.btn {
  flex: 1;
  padding: 10px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  transition: opacity 0.2s;
}

.btn:hover {
  opacity: 0.9;
}

.btn-primary {
  background: #d32f2f;
  color: #fff;
}

.btn-outline {
  background: transparent;
  border: 1px solid #ccc;
  color: #333;
}

.btn-outline .icon {
  margin-right: 6px;
}

/* Мобильная адаптация: элементы друг под другом, карточки в одну колонку */
@media (max-width: 480px) {
  .products-grid {
    grid-template-columns: 1fr;
  }

  .product-cat {
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
  }

  .product-cat-auto .product-image {
    height: 200px;
  }

  .product-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .product-title .year {
    font-size: 14px;
  }

  .product-specs {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-specs span {
    font-size: 12px;
  }

  .product-price .price {
    font-size: 20px;
  }

  .product-actions {
    flex-direction: column;
  }

  .btn {
    width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
    .b-compact-logo img {
		max-width: 150px;
    }
	.b-compact-logo {
		justify-content: center;
	}
}
.product-cat-image-canvas {
    display: block;
    padding-bottom: 75%;
    position: relative;
}
@media (min-width: 992px) {
    .product-cat-image-wrapper {
        margin: 0;
        padding: 0;
    }
}
.product-block {

  max-width: 480px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
}

.product-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.product-name {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
}

.product-year {
  font-size: 16px;
  color: #666;
}

.product-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 6px;
}

.product-specs span {
  font-size: 13px;
  color: #555;
}

.product-divider {
  height: 1px;
  background-color: #eee;
  margin: 8px 0;
}

.product-main-info {
  margin-bottom: 20px;
}

.product-price {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.2;
}

.product-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.price-note {
  font-size: 13px;
  color: #888;
}

.mileage {
  font-size: 13px;
  color: #555;
}

.product-actions {
  display: flex;
  gap: 12px;
  width: 100%;
}

.btn-n {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border: none;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;
	text-align: center;
}

.btn-n:hover {
  opacity: 0.9;
}

.btn-n-primary {
  background: #d32f2f;
  color: #fff;
}

.btn-n-outline {
  background: transparent;
  border: 1px solid #ccc;
  color: #333;
}

.btn-n-outline .icon {
  margin-right: 8px;
}

/* Мобильная адаптация */
@media (max-width: 480px) {
  .product-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .product-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .product-actions {
    flex-direction: column;
  }

  .btn {
    width: 100%;
    box-sizing: border-box;
  }
}
.row-borders > .col, .row-borders > [class*="col-"] {
    border-bottom: none;
    border-right: none;
    padding: 0;
}
.product-cat-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    position: relative;
    padding: 0.75em;
    border-radius: 0;
    border: none;
}
.row-borders {
    margin: 0;
    margin-top: -1px;
    border-top: none;
}
.product-cat {
    font-family: inherit;
    background: #fff;
    border-radius: 8px;
    box-shadow: none;
    overflow: hidden;
    max-width: 360px;
    margin: 0 auto;
}
.product-cat-container article {
	border: 1px solid #eee;
}
.product-specs {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
}

.product-specs span {
    flex-shrink: 0;
	font-size: 12px;
    color: #595959;
}
.product-cat-title {
    font-weight: 700;
    max-height: 2.5rem;
    margin-bottom: .25rem;
    overflow: hidden;
    font-size: 1.2em;
}
.btn-outline {
	border: 1px solid #eee;
}
@media (max-width: 575px) {
.product-cat-info-container {
    margin-top: 0 !important;
}
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    gap: 15px;
}
/* End */
/* /bitrix/templates/megamart_default/components/bitrix/catalog.element/catalog/style.css?179256610783003 */
/* /bitrix/templates/megamart_default/assets/styles/catalog-item.min.css?179155958512234 */
/* /bitrix/templates/megamart_default/components/bitrix/catalog.store.amount/catalog/style.min.css?1791790883328 */
/* /bitrix/templates/megamart_default/assets/styles/shop-list-items.min.css?17915595852161 */
/* /bitrix/templates/megamart_default/components/bitrix/sale.prediction.product.detail/catalog/style.min.css?179155958545 */
/* /bitrix/templates/megamart_default/components/bitrix/catalog.section/catalog_popular/style.css?17919843153038 */
/* /bitrix/templates/megamart_default/components/bitrix/catalog.item/catalog_popular/style.css?179207229614031 */