/* Start:/local/templates/main/components/bitrix/news.detail/product/style.css?1792083728129636*/
/* ==========================================================================
   Карточка товара (news.detail / product) — единственное место для этих стилей.
   Перенесено из css/style.css («Карточка товара») вместе с блоками, нужными только карточке.
   Файл подключается вместе с шаблоном; в style.css не дублировать.
   ========================================================================== */

/* desk-clean: начало — весь файл карточки товара: размеры ПК заданы руками (плавные clamp() между 992 и 1920 px
   или круглые px) в @media (min-width: 992px) рядом с правилами; кодмод desk-scale этот файл не зеркалит.
   Пороги — только Bootstrap; прежние 1280 / 1536 / 1680 / 1720 оставлены телефону как 991.98. */
/* --- Основная сетка (из общего style.css) --- */
/* -------------------------------------------------------------------------- */
/* Карточка товара                                                             */
/* -------------------------------------------------------------------------- */

.catalog-detail-wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.catalog-detail-wrapper .images {
  width: calc(40% - 36px);
  min-width: calc(40% - 36px);
  margin-right: 36px;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.catalog-detail-wrapper .info {
  max-width: 60%;
}
.catalog-detail-wrapper .detail-bottom {
  width: 100%;
  min-width: 100%;
  margin-left: 0;
  margin-top: 0;
}
.catalog-detail h1,
.catalog-detail .h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 30px;
}
.catalog-detail-wrapper .images {
  padding-bottom: 72px;
}
/* ПК: две колонки от 992 до 1920 px — галерея 40 %, информация 60 %, как на 2048. Зазор плавный 24 → 36 px
   (clamp между 992 и 1920 — плавное изменение без скачков на порогах, не масштаб) */
@media (min-width: 992px) {
  .catalog-detail-wrapper .images {
    width: calc(40% - clamp(24px, calc(11.17px + 1.293vw), 36px));
    min-width: calc(40% - clamp(24px, calc(11.17px + 1.293vw), 36px));
    margin-right: clamp(24px, calc(11.17px + 1.293vw), 36px);
    padding-bottom: 0;
  }
  .catalog-detail .catalog-detail-wrapper > .info {
    flex: 1 1 0;
    min-width: 0;
    max-width: 60%;
    margin-bottom: 0;
  }
  /* Липкая галерея (.scrollstick) не выходит за обёртку. Нижний отступ у .info растягивал обёртку,
     и стрелка миниатюр доезжала до вкладок «Описание». Отступ вынесен наружу — margin обёртки */
  .catalog-detail-wrapper {
    margin-bottom: 24px;
  }
}
.catalog-detail-wrapper .images .main-image {
  min-width: calc(100% - 80px);
  width: calc(100% - 80px);
  aspect-ratio: 1 / 1;
  max-height: none;
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.catalog-detail-wrapper .images .main-image .main-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.catalog-detail-wrapper .images .main-image .slick-init-offers,
.catalog-detail-wrapper .images .main-image .slick-slider {
  height: 100% !important;
  width: 100%;
}
.catalog-detail-wrapper .images .main-image .slick-list,
.catalog-detail-wrapper .images .main-image .slick-track {
  height: 100% !important;
}
.catalog-detail-wrapper .images .main-image .slick-slide,
.catalog-detail-wrapper .images .main-image .img.slick-slide {
  height: 100% !important;
}
.catalog-detail-wrapper .images .main-image .img {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #FFF;
  box-sizing: border-box;
}
.catalog-detail-wrapper .images .main-image .img a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.catalog-detail-wrapper .images .main-image .img img,
.catalog-detail-wrapper .images .main-image .img img.img-fluid {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  display: block !important;
}
.catalog-detail-wrapper .images .thumbs {
  max-width: 80px;
  width: 80px;
  flex-shrink: 0;
  padding-right: 0;
  overflow: hidden;
  height: auto;
  max-height: 640px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
}
.catalog-detail-wrapper .images .thumbs .thumbs-nav {
  width: 72px;
  height: 24px;
  min-height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  border-radius: var(--btn-radius);
  border: none;
  cursor: pointer;
  z-index: 2;
  transition: background .2s, opacity .2s;
  padding: 0;
  outline: none;
}
.catalog-detail-wrapper .images .thumbs .thumbs-nav:hover {
  background: var(--color-orange);
}
.catalog-detail-wrapper .images .thumbs .thumbs-nav.is-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.catalog-detail-wrapper .images .thumbs .thumbs-nav-prev {
  margin-bottom: 6px;
}
.catalog-detail-wrapper .images .thumbs .thumbs-nav-next {
  margin-top: 6px;
}
.catalog-detail-wrapper .images .thumbs .thumbs-nav::before {
  content: '';
  display: block;
  width: 14px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.catalog-detail-wrapper .images .thumbs .thumbs-nav-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L7 1L13 7' stroke='%23423B38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.catalog-detail-wrapper .images .thumbs .thumbs-nav-next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23423B38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.catalog-detail-wrapper .images .actions {
  display: none;
}
.catalog-detail-wrapper .images .main-image .product-toolbar {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.catalog-detail-wrapper .images .main-image .product-toolbar a {
  display: inline-flex;
  line-height: 0;
}
.catalog-detail-wrapper .images .main-image .product-toolbar svg {
  width: 40px;
  height: 40px;
}
.catalog-detail-wrapper .images .thumbs .slick-init-offers,
.catalog-detail-wrapper .images .thumbs .thumbs-list {
  flex: 1 1 auto;
  width: 72px;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.catalog-detail-wrapper .images .thumbs .slick-init-offers::-webkit-scrollbar,
.catalog-detail-wrapper .images .thumbs .thumbs-list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.catalog-detail-wrapper .images .thumbs .thumb {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  background: #FFF;
  border-radius: 8px;
  border: 3px solid transparent;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  transition: border-color .15s;
}
.catalog-detail-wrapper .images .thumbs .thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
  pointer-events: none;
}
.catalog-detail-wrapper .images .thumbs .thumb.is-current {
  border-color: var(--color-orange);
}
.catalog-detail-wrapper .images .thumbs .thumb.slick-current {
  border-color: var(--color-orange);
}
.catalog-detail-wrapper .images .thumbs,
.catalog-detail-wrapper .images .thumbs * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}
.catalog-detail-wrapper .images .thumbs img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}
.catalog-detail-wrapper .images .thumbs *::selection,
.catalog-detail-wrapper .images .thumbs *::-moz-selection {
  background: transparent;
  color: inherit;
}
.catalog-detail .main-image .status {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 12px;
  left: auto;
}
.catalog-detail .main-image .badges {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
}
.catalog-detail .main-image .badges > div {
  width: 72px;
  height: 72px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.catalog-detail .main-image .badges > div + div {
  margin-top: 8px;
}
.catalog-detail .main-image .badges > div.new {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/new.svg)
}
.catalog-detail .main-image .badges > div.credit {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/credit.svg)
}
.catalog-detail .main-image .badges > div.dicsount {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/dicsount.svg)
}
.catalog-detail .main-image .badges > div.gift {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/gift.svg)
}
.catalog-detail .main-image .badges > div.hit {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/hit.svg)
}
.catalog-detail .main-image .badges > div.partialpay {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/partialpay.svg)
}
.catalog-detail .main-image .badges > div.promo {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/promo.svg)
}
.catalog-detail .main-image .badges > div.sale {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/sale.svg)
}
.catalog-detail .main-image .badges > div.ucenka {
background-image: url(/local/templates/main/components/bitrix/news.detail/product/../img/svg/badges/ucenka.svg)
}
.catalog-detail .main-image-nav {
  position: absolute;
  top: calc(50% - 30px);
  display: block;
  width: 12px;
  height: 24px;
  background-size: 12px 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  padding: 24px 16px;
}
.catalog-detail .main-image-nav.nav-next {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 13L1 25' stroke='%23847671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  right: 0;
}
.catalog-detail .main-image-nav.nav-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13L13 25' stroke='%23847671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  left: 0;
}
.catalog-detail-wrapper .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catalog-detail-wrapper .actions .buttons {
  display: flex;
  align-items: center;
}
.catalog-detail-wrapper .actions .buttons .btn {
  height: 60px;
  padding: 0 24px;
}
.catalog-detail-wrapper .actions .buttons .btn + .btn {
  margin-left: 12px;
}
.catalog-detail-wrapper .actions .price {
  font-weight: 400;
  font-size: 42px;
  line-height: 50%;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 0 12px 0 0;
  white-space: nowrap;
}
.catalog-detail-wrapper .actions .price .discount {
  margin-left: 12px;
}
.catalog-detail-wrapper .actions .price .discount span {
  display: block;
}
.catalog-detail-wrapper .info .options {
  overflow: hidden;
  justify-content: flex-start;
}
.catalog-detail-wrapper .info .options.hidden-options {
  display: none;
}
.catalog-detail-wrapper .info .options .slick-track {
  margin-left: 0;
}
.catalog-detail-wrapper .info .options .options-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  color: var(--color-lowgrey);
  margin-bottom: 12px;
}
.catalog-detail-wrapper .info .options .options-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.catalog-detail-wrapper .info .options .options-wrapper > * {
  max-width: calc(100% - 88px);
  width: 100%;
}
.catalog-detail-wrapper .info .options .options-wrapper .options-nav {
  min-width: 36px;
  width: 36px;
  text-align: center;
  cursor: pointer;
  transition: .2s;
  margin-top: 12px;
}
.catalog-detail-wrapper .info .options .options-wrapper .options-nav-next {
  margin-left: 8px;
}
.catalog-detail-wrapper .info .options .options-wrapper .options-nav-prev {
  margin-right: 8px;
  transform: rotate(180deg);
}
.catalog-detail-wrapper .info .options .options-wrapper .options-nav.slick-disabled {
  opacity: .5;
}
.catalog-detail-wrapper .info .options .single-radio {
  margin-right: 8px;
  margin-left: 0;
  padding-bottom: 24px;
}
.catalog-detail-wrapper .info .short-info {
  margin-top: -24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.catalog-detail-wrapper .info .hidden-options + .short-info {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .catalog-detail-wrapper .info .options .single-radio {
      padding-bottom: 0;
  }
  .catalog-detail-wrapper .info .short-info {
      margin-top: 0;
  }
}
.catalog-detail-wrapper .info .short-info .item {
  background: #FFF;
  height: 100%;
  border-radius: 9px;
}
.catalog-detail-wrapper .info .short-info .item.specs {
  min-width: 390px;
  width: 100%;
}
.catalog-detail-wrapper .info .short-info .item.delivery {
  min-width: 252px;
  margin-left: 0;
  width: auto;
  background: rgba(255, 255, 255, 1);
}
.catalog-detail-wrapper .info .short-info .item.item-other {
  min-width: 252px;
  width: 40%;
  margin-left: 12px;
}
@media (max-width: 991.98px) {
  .catalog-detail-wrapper .info .short-info {
      justify-content: flex-start;
  }
  .catalog-detail-wrapper .info .short-info .item.specs {
      width: 100%;
  }
  .catalog-detail-wrapper .info .short-info .item.delivery {
      width: 100%;
      max-width: 100%;
      margin-left: 0px;
  }
}
.catalog-detail-wrapper .info .short-info .item.item-other .content {
  padding: 20px 25px 24px;
}
.catalog-detail-wrapper .info .short-info .item .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 20px 25px;
}
.catalog-detail-wrapper .info .short-info .item .head .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 90%;
  color: var(--color-lowgrey);
}
.catalog-detail-wrapper .info .short-info .item .head .all {
  font-weight: 600;
  font-size: 12px;
  line-height: 50%;
  color: var(--color-lowgrey);
  margin-left: 15px;
}
.catalog-detail-wrapper .info .short-info .item .head .all:hover {
  color: var(--color-red);
}
.catalog-detail-wrapper .info .short-info .item .content {
  padding: 8px 25px 24px;
}
.content dl {
  margin-bottom: 24px;
}
.short-info .item .content dl:last-child {
  margin-bottom: 0;
}
.content dd {
  margin-bottom: 0;
}
.catalog-detail-wrapper .info .short-info .item.specs .content,
.catalog-detail-wrapper .info .short-info .item.delivery .content {
  padding-top: 16px;
}
.catalog-detail .delivery .content dl,
.catalog-detail .specs .content dl {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 0px;
  overflow: hidden;
}
.catalog-detail .delivery .content dt,
.catalog-detail .specs .content dt {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}
.catalog-detail .delivery .content dt:before,
.catalog-detail .specs .content dt:before {
  content: "";
  display: block;
  width: 1920px;
  position: absolute;
  left: 105%;
  top: 15px;
  border-bottom: 1px dotted #d6dbe0;
}
.catalog-detail .pane-content .specs {
    column-count: 2;
    margin-bottom: 24px;
    column-gap: 156px;
}
@media (max-width: 768px) {
  .catalog-detail .pane-content .specs {
      column-count: 1;
  }
}
.catalog-detail .delivery .content dd,
.catalog-detail .specs .content dd {
  background: #FFF;
  padding: 2px 0 2px 10px;
  margin: -2px 0 -2px 0;
  position: relative;
  z-index: 1;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
.catalog-detail .specs .content dl,
.catalog-detail .pane-content .specs dl,
.catalog-detail .content .specs dl {
  break-inside: avoid;
}
.catalog-detail .specs .content dd,
.catalog-detail .pane-content .specs dd {
  line-height: 140%;
  text-align: right;
  white-space: normal;
}
.catalog-detail .delivery .content dt {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 8px;
}
.catalog-detail .delivery .content dd {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
}
.catalog-detail-wrapper .info,
.catalog-detail-wrapper .info .actions,
.catalog-detail-wrapper .info .options,
.catalog-detail-wrapper .info .short-info .item,
.catalog-detail-wrapper .info .short-info .showroom-mini {
  margin-bottom: 36px;
  margin-top: 0;
}
.catalog-detail .detail-bottom {
  padding: 0 72px 12px;
  background: #FFF;
  border-radius: 9px;
}
@media (max-width: 991.98px) {
  .catalog-detail .detail-bottom {
      padding: 0 56px 12px;
  }
}
.catalog-detail .info-toggler {
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 14L18 22L10 14' stroke='%23847671' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
}
.catalog-detail .actions-fixed {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 82px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 36px;
  z-index: 10;
}
.catalog-detail .actions-fixed a {
  border-top: 1px solid #FFFFFF;
}
.catalog-detail .actions-fixed a:not(.btn-add2cart) {
  display: inline-block;
  height: 40px;
  margin: 0 8px 0 0;
  width: 48px;
  background: #E7E5E4;
  backdrop-filter: blur(25px);
  border-radius: var(--btn-radius);
}
.catalog-detail .actions-fixed a:not(.btn-add2cart) svg {
  max-width: 100%;
  max-height: 100%;
}
.catalog-detail .actions-fixed .btn-add2cart {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
}
.catalog-detail .actions-fixed a.active {
  background: var(--color-red);
}
.catalog-detail .actions-fixed a.active svg {
  color: #FFF;
}
.catalog-detail .btn-add2cart .price {
  font-weight: 600;
  font-size: 16px;
  line-height: 90%;
  flex-direction: row-reverse;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px solid var(--color-black);
}
.catalog-detail .btn-add2cart .price .discount {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  margin: 0 0 0 8px;
  text-align: left;
}
.catalog-detail .btn-add2cart .price .discount span {
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  margin: 0;
}
.catalog-detail .main-image-wrapper {
  position: relative;
}
@media (max-width: 991.98px) {
  .catalog-detail-wrapper .detail-bottom {
      width: 100%;
      min-width: 100%;
      margin-left: 0;
      margin-top: 0;
  }
  .catalog-detail-wrapper .images.scrollstick {
      position: relative;
      top: 0;
  }
  .catalog-detail-wrapper .images {
      padding-bottom: 0;
      width: calc(40% - 36px);
      min-width: calc(40% - 36px);
      margin-right: 36px;
  }
  .catalog-detail-wrapper .images .actions {
      display: none;
  }
  .catalog-detail h1, .catalog-detail .h1 {
      font-size: 36px;
      line-height: 110%;
      font-weight: 600;
  }
  .catalog-detail-wrapper .info .actions {
      flex-wrap: wrap;
  }
  .catalog-detail-wrapper .info .actions .price {
      min-width: 100%;
      justify-content: flex-end;
      margin-bottom: 24px;
  }
  .catalog-detail-wrapper .info .short-info .specs {
      min-width: 50%;
  }
  .catalog-detail-wrapper .info .short-info .item,
    .catalog-detail-wrapper .info .short-info .showroom-mini {
      margin-bottom: 12px;
  }
  .catalog-detail-wrapper .info .short-info .showroom-mini {

      min-height: 250px
  }
  .catalog-detail-wrapper .images .thumbs {
      max-width: 72px;
  }
  .catalog-detail-wrapper .images .actions {
      padding-left: 72px;
  }
  .catalog-detail .main-image .badges > div {
      width: 56px;
      height: 56px;
  }
  .catalog-detail-wrapper {
      padding: 0 36px
  }
  .catalog-detail-wrapper .info,
    .catalog-detail-wrapper .images {
      width: 100%;
      min-width: 100%;
      margin-left: 0;
      margin-top: 0;
  }
  .catalog-detail-wrapper .images {
      margin-bottom: 36px;
  }
  .catalog-detail-wrapper .actions .buttons {
      width: 80%;
  }
  .catalog-detail-wrapper .actions .buttons .btn-add2cart {
      width: 65%;
      justify-content: center;
  }
  .catalog-detail-wrapper .info .short-info .item.specs {
      min-width: 100%;
      width: 100%;
  }
  .catalog-detail-wrapper .info .short-info .item.delivery {
      min-width: 272px;
  }
  .catalog-detail-wrapper .info .short-info .showroom-mini {
      min-width: 100%;
      max-width: 100%;
      margin-left: 0;
      min-height: unset;
  }
}
.catalog-detail-wrapper .info .column-wrapper {
    width: calc(60% - 12px);
}
.catalog-detail .thumbs .slick-init-offers,
.catalog-detail .thumbs .thumbs-list {
    touch-action: pan-y;
}
@media (max-width: 991.98px) {
  .catalog-detail .thumbs .slick-init-offers,
      .catalog-detail .thumbs .thumbs-list {
          touch-action: pan-x;
  }
  .catalog-detail-wrapper .info .column-wrapper {
      width: 100%;
  }
  .catalog-detail-wrapper .images.scrollstick {
      position: sticky;
      top: 36px;
  }
  .catalog-detail-wrapper {
      padding: 0;
  }
  .catalog-detail-wrapper .info h1, .catalog-detail-wrapper .info .h1 {
      display: none;
  }
  .catalog-detail-wrapper .images {
      width: calc(50% - 12px);
      min-width: calc(50% - 12px);
      margin-right: 12px;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      flex-direction: column-reverse;
  }
  .catalog-detail-wrapper .info {
      max-width: 50%;
      min-width: 50%;
    margin-left: auto;
  }
  .catalog-detail-wrapper .detail-bottom {
      width: 50%;
      min-width: 50%;
      margin-left: 50%;
      padding: 12px 24px 0px;
  }
  .catalog-detail-wrapper .images .thumbs {
      flex-direction: row;
      max-width: 100%;
      width: 100%;
      overflow: hidden;
      margin-top: 8px;
      max-height: none;
      height: auto;
      align-items: center;
  }
  .catalog-detail-wrapper .images .thumbs .thumbs-nav {
      width: 28px;
      height: 72px;
      min-height: 72px;
      margin: 0;
      flex-shrink: 0;
  }
  .catalog-detail-wrapper .images .thumbs .thumbs-nav-prev {
      margin-right: 6px;
      margin-bottom: 0;
  }
  .catalog-detail-wrapper .images .thumbs .thumbs-nav-next {
      margin-left: 6px;
      margin-top: 0;
  }
  .catalog-detail-wrapper .images .thumbs .thumbs-nav-prev::before {
      background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1L1 7L7 13' stroke='%23423B38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      width: 8px;
      height: 14px;
  }
  .catalog-detail-wrapper .images .thumbs .thumbs-nav-next::before {
      background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%23423B38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      width: 8px;
      height: 14px;
  }
  .catalog-detail-wrapper .images .thumbs .slick-init-offers,
    .catalog-detail-wrapper .images .thumbs .thumbs-list {
      flex-direction: row;
      width: auto;
      max-height: none;
      overflow-x: auto;
      overflow-y: hidden;
      gap: 6px;
  }
  .catalog-detail-wrapper .images .thumbs .thumb {
      min-width: 72px !important;
      width: 72px !important;
      height: 72px !important;
      margin: 0;
      flex-shrink: 0;
  }
  .catalog-detail-wrapper .images .main-image {
      min-width: 100%;
      width: 100%;
      aspect-ratio: 1 / 1;
      max-height: none;
  }
  .catalog-detail-wrapper .images .main-image .main-image-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
  }
  .catalog-detail-wrapper .images .main-image .img {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-height: 0;
  }
  .catalog-detail-wrapper .images .main-image .img img,
    .catalog-detail-wrapper .images .main-image .img img.img-fluid {
      width: auto !important;
      height: auto !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
  }
  .catalog-detail .main-image .badges > div {
      width: 36px;
      height: 36px;
  }
  .catalog-detail-wrapper .info .short-info .item {
      min-width: 100%!important;
      width: 100%;
  }
  .catalog-detail-wrapper .info .short-info .item.specs,
    .catalog-detail-wrapper .info .short-info .showroom-mini {
      display: none;
  }
  .catalog-detail-wrapper .info .short-info .showroom-mini-product {
      display: none;
  }
  .catalog-detail-wrapper .actions {
      display: none;
  }
  .catalog-detail-wrapper .actions

    .catalog-detail-wrapper .info .options .options-wrapper > * {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
  }
  .catalog-detail-wrapper .info .options .options-wrapper .options-nav {
      display: none;
  }
  .catalog-detail-wrapper .info .options .options-wrapper .slick-init {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      max-width: 100%;
  }
  .catalog-detail-wrapper .info .options {
      background: #FFF;

      border-radius: 9px;
  }
  .catalog-detail-wrapper .info .options-wrapper {
      padding: 12px;
  }
  .catalog-detail-wrapper .info .options .single-radio {
      margin-right: 3px;
      margin-bottom: 9px;
  }
  .catalog-detail-wrapper .info .options .single-radio .radio {
      background-color: #F3F2F1;
  }
  .catalog-detail-wrapper .info .options .single-radio .radio:before {
      background-color: #E7E5E4;
      border-color: #E7E5E4;
  }
  .catalog-detail-wrapper .info {
      margin-bottom: 0;
  }
  .catalog-detail-wrapper .info .actions, .catalog-detail-wrapper .info .options, .catalog-detail-wrapper .info .short-info .item, .catalog-detail-wrapper .info .short-info .showroom-mini {
      margin-bottom: 9px;
  }
  .catalog-detail-wrapper .info .short-info .item .head .all {
      display: none;
  }
  .catalog-detail-wrapper .info .short-info .item .content {
      padding: 12px 24px 0;
  }
  .catalog-detail-wrapper .info .options .options-name,
    .catalog-detail-wrapper .info .short-info .item .head .name {
      margin: 0;
  }
  .catalog-detail-wrapper .info .options .options-name,
    .catalog-detail-wrapper .info .short-info .item .head {
      padding: 0;
  }
  .catalog-detail-wrapper .info .short-info .item .head .name,
    .catalog-detail-wrapper .info .options .options-name,
    .catalog-detail .detail-bottom .tab-content>.tab-pane .pane-head {
      display: flex;
      padding: 16px 16px 16px 24px;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      font-weight: 600;
      font-size: 18px;
      line-height: 110%;
  }
  .specs .content dl {
      display: block;
  }
  .specs .content dt:before {
      display: none;
  }
  .specs .content dd {
      padding: 0;
      margin: 0;
      text-align: left;
  }
  .specs .content dl,
    .info .short-info .item .content dl {
      margin-bottom: 16px;
  }
  .specs .content dt,
    .info .short-info .item .content dt {
      font-weight: 600;
      font-size: 10px;
      line-height: 120%;
      margin-bottom: 4px;
  }
  .specs .content dd,
    .info .short-info .item .content dd {
      font-weight: 400;
      font-size: 16px;
      line-height: 120%;
  }
  .catalog-detail .detail-bottom .nav-tabs {
      display: none;
  }
  .catalog-detail .detail-bottom .tab-content>.tab-pane {
      display: block;
      opacity: 1;
      background: #FFF;
      padding: 0px;
      border-radius: 9px;
  }
  .catalog-detail .detail-bottom .tab-content>.tab-pane + .tab-pane {
      margin-top: 9px;
  }
  .catalog-detail .detail-bottom {
      background: transparent;
      padding: 0;

  }
  /* Раскрытие панели — плавная высота. Конечную высоту в пикселях на время анимации
     ставит script.js (bindProductAccordions); без скрипта панель просто открывается.
     Прежний max-height: 0 → 8000px открывался почти мгновенно, а закрывался с паузой
     и щелчком (анимировались тысячи пикселей, которых нет). */
  .catalog-detail .detail-bottom .tab-content>.tab-pane .pane-content {
      display: block;
      height: 0;
      overflow: hidden;
      opacity: 0;
      padding: 0 16px;
      pointer-events: none;
      transition: height .32s ease, opacity .22s ease, padding .32s ease;
  }
  .catalog-detail .detail-bottom .tab-content>.tab-pane.visible .pane-content {
      height: auto;
      opacity: 1;
      padding: 8px 16px 16px;
      pointer-events: auto;
  }
  .catalog-detail-wrapper .info .short-info .item.delivery {
      width: 100%;
  }
  .catalog-detail-wrapper .info .short-info .item.item-other {
      width: 100%;
      margin-left: 0px;
  }
}
@media (max-width: 767.98px) {
  .catalog-detail-wrapper .images.scrollstick {
      position: relative;
      top: 0;
      margin-bottom: 24px;
  }
  .catalog-detail-wrapper .images,
    .catalog-detail-wrapper .info,
    .catalog-detail-wrapper .detail-bottom {
      min-width: 100%;
      width: 100%;
      max-width: 100%;
      margin-left: 0;
  }
  .catalog-detail .actions-fixed {
      padding: 4px 12px;
  }
  .catalog-detail-wrapper .info {
      display: flex;
      flex-direction: column;
  }
  .catalog-detail-wrapper .info > * {
      order: 5;
  }
  .catalog-detail-wrapper .info .options {
      order: 1;
  }
  .catalog-detail-wrapper .info .specs.specs-mob {
      order: 2;
  }
}
.catalog-detail .detail-bottom .content h1,
.catalog-detail .detail-bottom .content .h1,
.catalog-detail .detail-bottom .content h2,
.catalog-detail .detail-bottom .content .h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 120%;
  margin-bottom: 72px;
}
.catalog-detail .detail-bottom .content h3,
.catalog-detail .detail-bottom .content .h3,
.catalog-detail .detail-bottom .content h4,
.catalog-detail .detail-bottom .content .h4 {
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;
  margin-bottom: 16px;
}
.catalog-detail .detail-bottom .content p {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  /* Описание на ПК: обычное начертание 16/26, строка не шире 880 px */
  .catalog-detail .detail-bottom .content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    max-width: 880px;
  }
  /* «О бренде»: правило выше (400, 880 px) сюда не относится — у бренда свои карточки
     во всю ширину; вес 600, как было до c18c304 (у Matahari нет 500, 400 выглядит тонким) */
  .catalog-detail .detail-bottom #detail-brand .content p {
    font-weight: 600;
    max-width: none;
  }
  /* Строка «Вы можете купить…» под описанием — как текст описания над ней:
     во всю ширину, 14 px, тот же шрифт и цвет */
  .catalog-detail .detail-bottom .content--seo p {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 22.4px;
    color: #161414;
    max-width: none;
  }
}
.catalog-detail .detail-bottom .content .row {
  margin: 0 0 72px 0;
}
.catalog-detail .detail-bottom .content .row .col {
  padding: 0;
}
.catalog-detail .detail-bottom .content .row .col:nth-child(2) {
  margin-left: 48px;
}
.catalog-detail .detail-bottom .content img {
  border-radius: 9px;
}
@media (max-width: 991.98px) {
  .catalog-detail .detail-bottom .content h1,
    .catalog-detail .detail-bottom .content .h1,
    .catalog-detail .detail-bottom .content h2,
    .catalog-detail .detail-bottom .content .h2 {
      font-weight: 400;
      font-size: 24px;
      line-height: 120%;
      margin-bottom: 48px;
  }
  .catalog-detail .detail-bottom .content h3,
    .catalog-detail .detail-bottom .content .h3,
    .catalog-detail .detail-bottom .content h4,
    .catalog-detail .detail-bottom .content .h4 {
      font-weight: 600;
      font-size: 20px;
      line-height: 120%;
      margin-bottom: 16px;
  }
  .catalog-detail .detail-bottom .content p {
      font-weight: 400;
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 18px;
  }
  .catalog-detail .detail-bottom .content .row {
      margin: 0 0 24px 0;
  }
  .catalog-detail .detail-bottom .content .row .col {
      padding: 0;
      min-width: 100%;
      margin: 0!important;
  }
}

/* --- Документы и отзывы (вкладки карточки) --- */
/* 31/07/23 */

.catalog-detail .docs {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -12px;
  padding-bottom: 36px;
}
.catalog-detail .docs-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 30px 16px 30px;
  border-radius: 9px;
  background: var(--color-grey);
  width: calc(33.33% - 24px);
  margin: 0 12px 12px;
}
.catalog-detail .docs-item .name {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.catalog-detail .docs-item .img {
  height: 215px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.catalog-detail .docs-item .file-type {
  color: var(--color-lowgrey);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.catalog-detail .docs-item .img.img-pdf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='134' height='133' viewBox='0 0 134 133' fill='none'%3E%3Cpath d='M9.32895 132.998C14.1038 132.998 22.2356 129.765 37.8566 102.108C46.8586 97.9791 56.7383 94.2796 66.5057 91.385C73.6036 89.2832 80.7075 87.6318 87.6486 86.4743C99.0921 93.4983 112.391 97.9947 121.859 97.9947C132.327 97.9947 133.408 92.0735 133.49 90.2604C133.604 87.7761 132.719 85.4763 130.93 83.6053C127.135 79.6314 119.395 77.6175 107.93 77.6175C102.225 77.6175 95.9207 78.1318 89.1715 79.1451C82.3429 74.6406 76.702 69.3327 72.8077 63.7396C69.1475 58.4887 65.9007 52.7449 63.1406 46.6475C70.6135 24.7604 72.0684 10.384 67.4627 3.91083C65.6409 1.35338 62.9415 0 59.6546 0C55.9841 0 52.9838 1.62249 50.9783 4.6922C45.022 13.8066 49.6493 32.8412 55.6243 46.9434C52.8405 54.8001 49.3669 63.2683 45.5407 71.524C41.2246 80.8385 36.957 89.3077 32.8516 96.7182C21.1214 102.268 2.41817 112.586 0.644425 122.626C0.131993 125.536 0.9888 128.203 3.12513 130.338C4.86659 132.079 7.01231 133 9.33217 133L9.32895 132.998ZM107.927 84.6171C121.182 84.6171 125.007 87.5415 125.865 88.4382C126.451 89.0515 126.512 89.5422 126.487 90.0205C126.354 90.2277 125.182 90.9915 121.857 90.9915C116.659 90.9915 108.443 89.0928 99.5995 84.9685C102.507 84.7356 105.289 84.617 107.927 84.617L107.927 84.6171ZM56.8372 8.51961C57.5332 7.45374 58.3756 6.99916 59.652 6.99916C60.8243 6.99916 61.3398 7.38676 61.7543 7.96711C63.8071 10.8535 63.9453 19.7616 59.0747 36.3325C54.572 22.834 54.3442 12.3331 56.8373 8.51863L56.8372 8.51961ZM51.8903 74.4653C54.7093 68.3824 57.3435 62.1821 59.6623 56.1797L59.7551 56.3879L59.9025 55.9612C62.078 60.0876 64.4712 64.0272 67.0579 67.7403C70.2522 72.3275 74.4475 76.7178 79.4029 80.6904L78.7007 80.7997L79.0007 80.9914C74.2 82.0078 69.3531 83.2406 64.5154 84.6745C57.4487 86.7681 50.32 89.2719 43.4829 92.052L43.7035 91.6572L43.4251 91.7871C46.2101 86.4093 49.0422 80.6151 51.89 74.4652L51.8903 74.4653ZM7.5362 123.841C8.11565 120.563 14.1215 114.735 26.1911 107.99C15.3826 125.006 10.3459 125.998 9.32816 125.998C8.99307 125.998 8.60847 125.924 8.07131 125.389C7.49803 124.813 7.44031 124.387 7.5362 123.841V123.841Z' fill='%23E7E5E4'/%3E%3C/svg%3E");
}
@media (max-width: 991.98px) {
  .catalog-detail .docs-item {
      width: 100%;
  }
  .catalog-detail .docs-item .name {
      margin-bottom: 16px;
      font-size: 16px;
  }
  .catalog-detail .docs-item .img {
      display: none;
  }
}
/* ---------- Вкладка «Отзывы» ----------
   Разметка — template.php и include/review_item.php, поведение — script.js.
   Поля формы, «!» и подсветка ошибок — общие правила модальных форм в style.css сайта (.reviews-form в их списках).
   Звёзды .tm-stars (сводка, отзыв) — общий блок style.css сайта, тот же, что в карточках каталога. */
.reviews {
  padding: 8px 0 24px;
}
/* Сводка: средняя, звёзды, число отзывов, полосы 5…1; справа — «Написать отзыв» */
.reviews-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 48px;
  flex-wrap: wrap;
  padding: 24px 0 32px;
  border-bottom: 1px solid var(--color-darkgrey);
}
.reviews-summary {
  display: flex;
  align-items: center;
  gap: 24px 48px;
  flex-wrap: wrap;
}
.reviews-summary__score {
  display: flex;
  align-items: center;
  gap: 16px;
}
.reviews-summary__avg {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  color: var(--color-black);
}
.reviews-summary__cnt {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-lowgrey);
}
.reviews-summary__bars {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 240px;
}
.reviews-summary__bars li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  line-height: 18px;
  color: var(--color-lowgrey);
}
.reviews-summary__star {
  width: 22px;
  white-space: nowrap;
}
.reviews-summary__star::after {
  content: '★';
  margin-left: 2px;
  color: #F5A97F;
}
.reviews-summary__bar {
  flex: 1 1 auto;
  height: 6px;
  border-radius: 3px;
  background: var(--color-grey);
  overflow: hidden;
}
.reviews-summary__bar > span {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: #F5A97F;
}
.reviews-summary__num {
  width: 24px;
  text-align: right;
}
.reviews .reviews-write {
  min-height: 52px;
  padding: 0 32px;
}
.reviews .reviews-write[hidden] {
  display: none;
}
/* Пока отзывов нет */
.reviews-empty {
  padding: 32px 0;
  border-bottom: 1px solid var(--color-darkgrey);
}
.reviews-empty__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-black);
}
.reviews-empty__text {
  margin: 8px 0 20px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--color-lowgrey);
}

/* Форма: до 760 px, поля серые, в фокусе — белые с обводкой (правило модалок) */
.reviews-form {
  max-width: 760px;
  padding: 32px 0 40px;
  border-bottom: 1px solid var(--color-darkgrey);
}
.reviews-form[hidden] {
  display: none;
}
.reviews-form__title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-black);
}
.reviews-form .form-group {
  margin-bottom: 12px;
}
.reviews-form .form-control {
  background: var(--color-grey);
}
.reviews-form .form-control:focus {
  background: #fff;
}
/* Поле в фокусе не сливается с белой вкладкой: тонкая рамка; поле с ошибкой — красная.
   Сайт гасит box-shadow и outline у .form-control через !important, поэтому здесь тоже !important (селектор сильнее) */
.reviews-form .label-in-input .form-control:focus {
  box-shadow: inset 0 0 0 1.5px var(--color-midgrey) !important;
}
.reviews-form .label-in-input.tm-auth-miss .form-control {
  box-shadow: inset 0 0 0 1.5px var(--color-red) !important;
}
/* Подсказки в полях бледнее введённого текста */
.reviews-form .form-control::placeholder {
  color: #B3A9A5;
  opacity: 1;
}
.reviews-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.reviews-form__row .form-group {
  margin-bottom: 0;
}
.reviews-form__row + .rating-group {
  margin-top: 12px;
}
.reviews-form__opt {
  color: #B3A9A5;
}
/* Комментарий: без ручного растягивания, высоту задаёт script.js по тексту */
.reviews-form textarea.form-control {
  resize: none;
  overflow: hidden;
  min-height: 136px;
  line-height: 1.4;
}
/* Оценка: подписи вплотную к звёздам */
.reviews-form .rating-group {
  padding: 16px 0 20px;
  margin-bottom: 4px;
}
.reviews-form .rating-heading {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-black);
}
.reviews-form .rating-scale {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 1.2;
  color: var(--color-lowgrey);
}
.reviews-form .rating-inpt {
  display: flex;
  gap: 4px;
}
.reviews-form .rating-inpt button {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='-1 0 20 18'%3E%3Cpath d='M8.688.751c.11-.281.514-.281.624 0l2.142 5.47a.33.33 0 0 0 .294.211l5.935.319c.306.016.43.395.193.585l-4.612 3.7a.33.33 0 0 0-.112.341l1.527 5.667c.079.292-.248.526-.505.362l-4.992-3.184a.33.33 0 0 0-.364 0l-4.992 3.184c-.257.164-.584-.07-.505-.362l1.527-5.667a.33.33 0 0 0-.112-.341L.124 7.337c-.237-.19-.112-.569.193-.585l5.935-.319a.33.33 0 0 0 .294-.211z' fill='%23E7E5E4'/%3E%3C/svg%3E") center / 30px 27px no-repeat;
  cursor: pointer;
  transition: transform 0.15s ease;
}
.reviews-form .rating-inpt button.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='-1 0 20 18'%3E%3Cpath d='M8.688.751c.11-.281.514-.281.624 0l2.142 5.47a.33.33 0 0 0 .294.211l5.935.319c.306.016.43.395.193.585l-4.612 3.7a.33.33 0 0 0-.112.341l1.527 5.667c.079.292-.248.526-.505.362l-4.992-3.184a.33.33 0 0 0-.364 0l-4.992 3.184c-.257.164-.584-.07-.505-.362l1.527-5.667a.33.33 0 0 0-.112-.341L.124 7.337c-.237-.19-.112-.569.193-.585l5.935-.319a.33.33 0 0 0 .294-.211z' fill='%23F5A97F'/%3E%3C/svg%3E");
}
.reviews-form .rating-inpt button:hover {
  transform: scale(1.1);
}
.reviews-form .rating-inpt button:focus-visible {
  outline: 2px solid var(--color-black);
  outline-offset: 1px;
}
.reviews-form .rating-group.tm-auth-miss .rating-heading {
  color: var(--color-red);
}
.reviews-form .rating-group.tm-auth-miss .rating-inpt button:not(.active) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='-1 0 20 18'%3E%3Cpath d='M8.688.751c.11-.281.514-.281.624 0l2.142 5.47a.33.33 0 0 0 .294.211l5.935.319c.306.016.43.395.193.585l-4.612 3.7a.33.33 0 0 0-.112.341l1.527 5.667c.079.292-.248.526-.505.362l-4.992-3.184a.33.33 0 0 0-.364 0l-4.992 3.184c-.257.164-.584-.07-.505-.362l1.527-5.667a.33.33 0 0 0-.112-.341L.124 7.337c-.237-.19-.112-.569.193-.585l5.935-.319a.33.33 0 0 0 .294-.211z' fill='%23F2D3D3'/%3E%3C/svg%3E");
}
/* Ловушка для роботов — вне экрана, не display:none (такие поля роботы пропускают) */
.reviews-form__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Согласие: квадрат по первой строке, ссылки — под текстом подписи, край — по полям.
   Селекторы с .tm-pdn-consent: общий блок в style.css сайта подключается позже и с той же силой */
.reviews-form .agree-box.tm-pdn-consent {
  margin: 8px -10px 4px;
}
.reviews-form .agree-box.tm-pdn-consent > label {
  align-items: flex-start;
  padding: 0;
  margin: 0 0 4px !important;
  font-size: 15px;
  line-height: 24px;
}
.reviews-form .agree-box.tm-pdn-consent > label::before {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0 12px 0 0;
}
.reviews-form .agree-box.tm-pdn-consent .tm-agree-links {
  padding-left: 36px;
}
.reviews-form .agree-box.tm-pdn-consent .tm-agree-link {
  font-size: 15px;
  margin-bottom: 2px;
}
.reviews-form .agree-box.tm-pdn-consent .tm-agree-dot {
  margin-left: -0.75em;
}
.reviews-form__error {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-red);
}
.reviews-form__act {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
.reviews-form .btn-reviews {
  min-height: 52px;
  padding: 0 32px;
}
.reviews-form .btn-reviews:disabled {
  opacity: 0.6;
  cursor: progress;
}
/* «Отменить» — второстепенная кнопка сайта (btn-grey), той же высоты, что «Отправить отзыв» */
.reviews-form .reviews-form__cancel {
  min-height: 52px;
  padding: 0 32px;
  background: transparent;
  justify-content: center;
}
.reviews-form__note {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-lowgrey);
}
/* После отправки */
.reviews-done {
  max-width: 760px;
  margin: 24px 0 8px;
  padding: 20px 24px;
  border-radius: 12px;
  background: var(--color-grey);
}
.reviews-done[hidden] {
  display: none;
}
/* Компьютер: форма и благодарность — колонкой до 760px по левому краю вкладки,
   как «Отзывов пока нет» и содержимое остальных вкладок */
@media (min-width: 992px) {
  .reviews-form,
  .reviews-done {
    margin-left: 0;
    margin-right: auto;
  }
}
.reviews-done__title {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-black);
}
.reviews-done p {
  margin: 0;
  font-size: 16px;
  color: var(--color-lowgrey);
}

/* Сортировка */
.reviews-sort {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 24px;
}
.reviews-sort__btn {
  padding: 8px 14px;
  border: 1px solid var(--color-darkgrey);
  border-radius: 20px;
  background: #fff;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-lowgrey);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.reviews-sort__btn:hover {
  color: var(--color-black);
  border-color: var(--color-midgrey);
}
.reviews-sort__btn.is-active {
  background: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-black);
}

/* Список */
.reviews-list {
  padding: 24px 0 0;
}
.reviews-list[hidden],
.reviews-item[hidden],
.reviews .reviews-more[hidden] {
  display: none;
}
.reviews-list .reviews-item {
  padding: 20px 24px;
  border-radius: 12px;
  border: 1px solid var(--color-darkgrey);
  margin-bottom: 16px;
}
.reviews-item--pending {
  border-style: dashed !important;
}
.reviews-item .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 16px;
  color: var(--color-lowgrey);
}
.reviews-item .author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.reviews-item .author .name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-black);
}
.reviews-item .date {
  font-size: 14px;
  line-height: 1.2;
}
.reviews-item__pending {
  display: inline-block;
  margin-right: 12px;
  padding: 3px 8px;
  border-radius: 4px;
  background: var(--color-orange);
  font-size: 12px;
  color: var(--color-black);
}
.reviews-item .review-body,
.reviews-item .review-body p {
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 1.45;
  margin-bottom: 16px;
  color: var(--color-black);
}
.reviews-item .review-body p:last-child {
  margin-bottom: 0;
}
.reviews-item .review-body:last-child {
  margin-bottom: 0;
}
.reviews-item .review-summary {
  font-size: 15px;
  line-height: 1.45;
  color: var(--color-lowgrey);
}
.reviews-item .review-summary span:first-child {
  font-weight: 600;
  color: var(--color-black);
  margin-right: 6px;
}
.reviews-item .review-summary .pros + .cons {
  margin-top: 8px;
}
.reviews .reviews-more {
  min-height: 48px;
  padding: 0 28px;
  margin-top: 8px;
}

@media (max-width: 991.98px) {
  .reviews-head {
    padding: 16px 0 24px;
  }
  .reviews-summary {
    width: 100%;
    gap: 16px 32px;
  }
  .reviews-summary__avg {
    font-size: 40px;
  }
  .reviews-summary__bars {
    flex: 1 1 220px;
  }
  .reviews .reviews-write,
  .reviews .reviews-more,
  .reviews-form .btn-reviews {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .reviews-form {
    padding: 24px 0 32px;
  }
  .reviews-form__title {
    font-size: 18px;
  }
  .reviews-form .rating-inpt button {
    width: 40px;
    height: 40px;
  }
  .reviews-form__act {
    flex-wrap: wrap;
    gap: 16px;
  }
  .reviews-form .btn-reviews {
    width: 100%;
  }
  .reviews-form .reviews-form__cancel {
    width: 100%;
  }
  .reviews-list .reviews-item {
    padding: 16px;
  }
  .reviews-item .top {
    flex-wrap: wrap;
    margin-bottom: 12px;
  }
  .reviews-item .author .name {
    font-size: 16px;
  }
  .reviews-item .review-body,
  .reviews-item .review-body p {
    font-size: 15px;
  }
}
@media (max-width: 575.98px) {
  .reviews-form__row {
    grid-template-columns: 1fr;
  }
  /* Подписи шкалы — под звёздами, по их краям */
  .reviews-form .rating-scale {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 8px;
  }
  .reviews-form .rating-inpt {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .reviews-form .rating-scale__max {
    text-align: right;
  }
  .reviews-form .rating-scale__min,
  .reviews-form .rating-scale__max {
    grid-row: 2;
  }
}

/* --- foundCheaper: ссылка «Войти» + кнопка на карточке --- */
#foundCheaper .auth-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  padding-right: 16px;
  display: flex;
  align-items: center;
  padding: 0;
}
#foundCheaper .auth-link:before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.66675 4H16.3334C17.9903 4 19.3334 5.34315 19.3334 7V17C19.3334 18.6569 17.9903 20 16.3334 20H9.66675' stroke='%23847671' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11.4736 8.6665L14.6666 11.9998M14.6666 11.9998L11.4736 15.3332M14.6666 11.9998H4.33325' stroke='%23847671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  margin-right: 8px;
}
.item-other .found-cheaper {
  width: 100%;
  padding: 20px 10px;
  justify-content: center;
}
.item-other .found-cheaper img {
  width: 20px;
  margin-top: -2px;
  margin-right: 5px;
}
.item-other .content dt {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 8px;
}
.item-other .content dd {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
}
.item-other .content .btn-add2cart {
  width: 100%;
  justify-content: center;
}

/* --- Разрозненные уточнения карточки (из общего файла) --- */
.catalog-detail-wrapper .info .short-info .item.specs {
  margin-bottom: 12px;
}

@media (max-width: 767.98px) {
  .banks-wrapper {
      margin: 0;
  }
}

.catalog-detail-wrapper .info .short-info .price {
  font-weight: 700;
  font-size: var(--font-sm);
}
.catalog-detail-wrapper .info .short-info .cashback .price {
  font-weight: 400;
  font-size: var(--font-18);
}
.catalog-detail-wrapper .info .short-info .auth-code-item .content {
  padding: 8px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catalog-detail-wrapper .info .auth-code-item .item {
  margin-bottom: 12px;
}
.auth-code-item .username,
.auth-code-item .auth-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  padding-right: 16px;
  display: flex;
  align-items: center;
  padding: 0;
}
.auth-code-item .auth-link:before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.66675 4H16.3334C17.9903 4 19.3334 5.34315 19.3334 7V17C19.3334 18.6569 17.9903 20 16.3334 20H9.66675' stroke='%23847671' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11.4736 8.6665L14.6666 11.9998M14.6666 11.9998L11.4736 15.3332M14.6666 11.9998H4.33325' stroke='%23847671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  margin-right: 8px;
}

/* Карточка товара: плотнее служебная полоса на ПК */

@media (min-width: 992px) {
  .catalog-detail-wrapper .info .h1 {
      margin-bottom: 12px;
  }
  .catalog-detail-wrapper .info .short-info {
      margin-top: 0;
  }
  .catalog-detail-wrapper .info .auth-code-item .item {
      margin-bottom: 8px;
  }
  .catalog-detail-wrapper .info .short-info .auth-code-item .content {
    padding: 8px 16px;
  }
  .catalog-detail-wrapper .auth-code-item .username,
  .catalog-detail-wrapper .auth-code-item .auth-link,
  .catalog-detail-wrapper .auth-code-item .article-label,
  .catalog-detail-wrapper .auth-code-item .article-id,
  .catalog-detail-wrapper .auth-code-item .article-sku {
    font-size: 13px;
    line-height: 18px;
  }
  /* Значения кода и артикула — 14/20, подписи остаются 13/18 */
  .catalog-detail-wrapper .auth-code-item .product_offer_code,
  .catalog-detail-wrapper .auth-code-item .tp_article {
    font-size: 14px;
    line-height: 20px;
  }
  .auth-code-item .product_offer_code {
    font-weight: 700;
  }
  .catalog-detail-wrapper .info .short-info .auth-code-item .content {
      padding: 8px clamp(16px, calc(7.45px + 0.862vw), 24px);
  }
}
.catalog-detail-wrapper .specs-mob dl {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 0px;
    overflow: hidden;
}
.catalog-detail-wrapper .specs-mob dt:before {
    content: "";
    display: block;
    width: 1920px;
    position: absolute;
    left: 105%;
    top: 15px;
    border-bottom: 1px dotted #d6dbe0;
}
.catalog-detail-wrapper .specs-mob dt {
    position: relative;
}
.catalog-detail-wrapper .specs-mob dd {
    background: #FFF;
    padding: 2px 0 2px 10px;
    margin: -2px 0 -2px 0;
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
}

.catalog-detail-wrapper .actions .price .discount {
    font-size:15px;
}
.catalog-detail-wrapper .actions .price .discount span {
    font-size:16px;
}

@media (max-width: 991.98px) {
  .catalog-detail-wrapper .detail-bottom {
      padding-bottom: 100px;
  }
}

/* ============================================
   Мобильный блок характеристик (.specs-mob) / 26.07.2026
   ============================================ */

@media (max-width: 991.98px) {
  .screen-mob.specs.content,
    .catalog-detail-wrapper .info .specs.specs-mob {
      padding: 16px 16px 20px 16px;
  }
  .catalog-detail-wrapper .specs-mob dl,
    .screen-mob.specs.content dl {
      width: 100%;
      margin: 0 0 14px 0;
      padding: 0 0 14px 0;
      border-bottom: 1px solid var(--color-darkgrey);
      overflow: visible;
  }
  .catalog-detail-wrapper .specs-mob dl.primary-spec,
    .screen-mob.specs.content dl.primary-spec {
      display: block;
  }
  .catalog-detail-wrapper .specs-mob dl:not(.primary-spec),
    .screen-mob.specs.content dl:not(.primary-spec) {
      display: none;
  }
  .catalog-detail-wrapper .specs-mob.is-open dl,
    .catalog-detail-wrapper .specs-mob.is-open dl:not(.primary-spec),
    .screen-mob.specs.content.is-open dl,
    .screen-mob.specs.content.is-open dl:not(.primary-spec) {
      display: block;
  }
  .catalog-detail-wrapper .specs-mob dl:last-of-type,
    .screen-mob.specs.content dl:last-of-type {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
  }
  .catalog-detail-wrapper .specs-mob dt:before,
    .specs-mob dt:before,
    .screen-mob.specs.content dt:before {
      display: none !important;
      content: none !important;
  }
  .catalog-detail-wrapper .specs-mob dt,
    .screen-mob.specs.content dt {
      position: static;
      width: 100%;
      margin: 0 0 4px 0;
      padding: 0;
      font-weight: 400;
      font-size: 13px;
      line-height: 1.3;
      color: var(--color-lowgrey);
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
  }
  .catalog-detail-wrapper .specs-mob dd,
    .screen-mob.specs.content dd {
      position: static;
      z-index: auto;
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      background: transparent !important;
      font-weight: 600;
      font-size: 16px;
      line-height: 1.35;
      text-align: left;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
      color: var(--color-black);
  }
  .hide-specs,
    .show-specs {
      display: block;
      width: 100%;
      margin-top: 20px;
      padding: 12px 0 4px;
      text-align: center;
      font-weight: 600;
      font-size: 15px;
      color: var(--color-red);
      text-decoration: none;
      border-top: 1px solid var(--color-darkgrey);
  }
  .hide-specs {
      display: none;
  }
  .specs-mob.is-open .show-specs,
    .screen-mob.specs.content.is-open .show-specs {
      display: none;
  }
  .specs-mob.is-open .hide-specs,
    .screen-mob.specs.content.is-open .hide-specs {
      display: block;
  }
}

/* --- Архивные и снятые с производства товары (места в карточке) --- */

.catalog-detail--discontinued .cashback {
  display: none;
}
.product-archive-notice {
  background: #FFF;
  border: 1px solid var(--color-darkgrey);
  border-radius: 3px;
  padding: 16px 20px;
  max-width: 420px;
}
.product-archive-notice__title {
  font-weight: 600;
  font-size: var(--font-18);
  line-height: 120%;
  color: var(--color-black);
  margin-bottom: 6px;
}
.product-archive-notice__text {
  font-weight: 400;
  font-size: var(--font-14);
  line-height: 140%;
  color: var(--color-lowgrey);
  margin-bottom: 12px;
}
.product-archive-notice__link {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: var(--font-14);
  line-height: 120%;
  color: var(--color-red);
  border-bottom: 1px solid transparent;
}
.product-archive-notice__link:hover {
  border-bottom-color: var(--color-red);
}
.catalog-detail-wrapper .images .actions .product-archive-notice,
.catalog-detail-wrapper .info .actions .product-archive-notice {
  margin-right: auto;
}
.catalog-detail-wrapper .info .short-info .item.item-other .product-archive-notice {
  max-width: none;
  border: none;
  padding: 0;
}
.catalog-detail .actions-fixed .product-archive-notice {
  display: none;
}
.catalog-detail--discontinued .info .actions {
  flex-wrap: wrap;
  align-items: flex-end;
}
.catalog-detail--discontinued .info .actions .price-archive-caption {
  width: 100%;
  margin: 0 0 8px;
}

@media (max-width: 991.98px) {
  .product-archive-notice {
      max-width: none;
  }
  .catalog-detail-wrapper .images .actions .product-archive-notice,
    .catalog-detail-wrapper .info .actions .product-archive-notice {
      width: 100%;
      margin: 12px 0 0;
  }
}

/* Характеристики на телефоне (.screen-mob.specs): ширина и скрытие .detail-specs */
.screen-mob.specs.content {
  width: 100%;
  background: #FFF;
  border-radius: 9px;
  padding: 16px 16px 16px 24px;
  margin-bottom: 12px;
}
.screen-mob.specs.content .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  margin-bottom: 12px;
  color: var(--color-lowgrey);
}
.screen-mob.specs.content dl {
  margin-bottom: 8px;
}
@media (max-width: 991.98px) {
  .specs-mob {
  width:50%;
  }
}
@media (max-width: 767.98px) {
  .specs-mob {
  width:100%;
  }
  .catalog-detail .detail-bottom #detail-specs {
  display: none;
  }
}

/* --- Уточнения шаблона карточки (побеждают при конфликте) --- */

.catalog-detail .info .product-title-source {
  display: none !important;
}

@media (max-width: 991.98px) {
  .catalog-detail-wrapper > .product-title-row {
    display: none;
  }
}

@media (min-width: 992px) {
  .catalog-detail .product-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .catalog-detail .product-title-row .h1 {
    flex: 1 1 auto;
    margin-bottom: 0;
  }
  .catalog-detail .product-title-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding-top: 4px;
  }
  .catalog-detail .product-title-tools a {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: var(--btn-radius);
    background: #FFF;
    box-shadow: 0 0 0 1px #E7E5E4;
  }
  .catalog-detail .product-title-tools a:hover {
    background: #F3F2F1;
    box-shadow: 0 0 0 1px #D9D4D1;
  }
  .catalog-detail .product-title-tools svg {
    width: 28px;
    height: 28px;
  }
  .catalog-detail .product-title-tools a.active svg,
.catalog-detail .product-title-tools a.add2compare.active svg {
    color: #A12622;
  }
  .catalog-detail .images .product-toolbar {
    display: none !important;
  }
}

.banks-wrapper{
  display:flex;
  flex-direction: column;
  margin:15px;
}
.bank-item{
  display:flex;
  flex-direction: row;
  padding:10px;
  border-radius:10px;
  background:#fff;
  margin-bottom:10px;
  align-items:center;
  border:1px solid var(--color-grey);
  justify-content: space-between;
}
.bank-item.open{
  border-radius:10px 10px 0px 0px;
}
.bank-item img{
  width:70px;
}
.bank-ig-name{
  font-size:11px;
  font-weight:600;
}
#creditModal .modal-dialog{
  max-width:800px;
}
.bank-ig-desk{
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  align-items:center;
}
.credit-wrap{
 width:100%!important;
}
.bank-srok-toggle{
  width:25px;
  height:25px;
  line-height:25px;
  text-align:center;
  border-radius:50%;
  font-size:12px;
  padding-top:1px;
  box-sizing: border-box;
  background:var(--color-orange);
  margin-right:6px;
  cursor:pointer;
}
.bank-srok-toggle.active,.bank-srok-toggle:hover{
  background:var(--color-red);
  color:#fff;
}
.bank-total-pay .price{
  font-weight:600;
  margin:0;
}
.bank-total-pay .currency,.bank-total-pay .period{
  font-weight:400;
}
.bank-item .single-radio{
  height:25px;
  width:25px;
  margin:0 0 1px 1px;
}
.bank-item .single-radio label{
  padding:calc(25px / 2);
}
.bank-item .single-radio div.radio::before{
  top:0;
  left:0;
  width:25px;
  height:25px;
}
.bank-item .single-radio div.radio{
  width:25px;
  height:25px;
  box-sizing: border-box;
}
.tabs-togglers{
  display:flex;
  flex-direction: row;
}
.tabs-heading{
  font-size:15px;
  font-weight:600;
  margin-right:15px;
  cursor:pointer;
}
.tabs-heading.active{
  text-decoration:underline;
    color:var(--color-red);
}
.tabs-heading:hover{
  text-decoration:underline;
  color:var(--color-red);
}
.bank-item-content{
  padding:15px;
  background:var(--color-grey);
  margin-top:-10px;
  margin-bottom:10px;
  border-radius:0px 0px 10px 10px;
  display:none;
}
.bank-item-content.open{
  display:block;
}
.tabs-content-item{
  padding:10px;
  margin-top:15px;
  display:none;
}
.tabs-content-item.active{
  display:block;
}
.credit-modal .modal-heading{
  padding:5px 10px;
}
.credit-desc{
  padding:15px;
  font-size:15px;
}
.form-wrapper{
  display:none;
}
.btn-credit-submit{
  display:none;
}

#creditModal .form-wrapper input{
  background:var(--color-grey);
}
.thanx-credit{
  display:none;
}
.VD_BUTTON{
  height:60px!important;
  padding:0 24px!important;
  background:var(--color-orange)!important;
  color:#212529!important;
}
.VD_BUTTON:before{
  color:#212529!important;
  font-weight:400!important;
  font-family: 'Matahari', Arial, sans-serif;
}
.VD_BUTTON:hover{
  background:var(--color-red)!important;
  color:#fff!important;
}
.VD_BUTTON:hover:before{
  color:#fff!important;
}
.thumb img{
 margin:0 auto;
}
.thumb{
  width:auto!important;
}
.catalog-detail-wrapper .main-image + .actions{
 display:none;
}

.item-other .auth-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  padding-right: 16px;
  display: flex;
  align-items: center;
  padding: 0;
}
.item-other .auth-link:before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.66675 4H16.3334C17.9903 4 19.3334 5.34315 19.3334 7V17C19.3334 18.6569 17.9903 20 16.3334 20H9.66675' stroke='%23847671' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11.4736 8.6665L14.6666 11.9998M14.6666 11.9998L11.4736 15.3332M14.6666 11.9998H4.33325' stroke='%23847671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  margin-right: 8px;
}
.item-other .content .btn {
    width: 100%;
    justify-content: center;
  height: 60px;
}

.switch.switch-radio {
  background-size: cover;
  background-repeat: no-repeat;
}
.short-info .show-all-wrap a {
    color:#8C0014;
    font-weight:700;
  transition: .2s;
}
.short-info .show-all-wrap a:hover,
.short-info .show-all-wrap a:active,
.short-info .show-all-wrap a:focus {
  color: #000;
}
.short-info .show-all-wrap{
    display:flex;
    justify-content: flex-end;
    padding:0px 24px 10px 25px;
    font-size:14px;
}
#cboxLoadedContent,
#cboxContent {
  border: none!important;
  background: none!important;
}

.auth-code-item .article {
  margin-left: auto;
  text-align: right;
}
.catalog-detail .product-brand-plate {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 120px;
  height: 48px;
  max-width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
.catalog-detail .product-brand-plate img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.auth-code-item .article-id + .article-sku {
  margin-top: 6px;
}
.auth-code-item .article-label {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  color: var(--color-lowgrey);
}
.auth-code-item .product_offer_code {
  display: block;
  font-size: 16px;
  line-height: 120%;
  font-weight: 700;
  color: var(--color-black);
}
.auth-code-item .tp_article {
  display: block;
  font-size: 13px;
  line-height: 120%;
  font-weight: 400;
  color: var(--color-lowgrey);
  opacity: .75;
}
.auth-code-item .tp_article:empty {
  display: none;
}

@media (max-width: 991.98px) {
  .catalog-detail-wrapper .info .short-info .item.delivery .info-toggler,
  .catalog-detail-wrapper .info .options .info-toggler {
    display: none;
  }
  .catalog-detail .pane-head .info-toggler {
    transition: transform .28s ease;
  }
  .catalog-detail .tab-pane.visible .pane-head .info-toggler {
    transform: rotate(180deg);
  }
  .catalog-detail .docs-item .file-type {
    font-size: 13px;
    font-weight: 600;
    color: #847671;
    word-break: normal;
    overflow-wrap: normal;
    white-space: nowrap;
  }
  .catalog-detail {
    padding-bottom: 72px;
  }
  /* Плавающая панель покупки: по умолчанию скрыта. JS (script.js) показывает
     её классом is-shown, когда основной блок покупки .js-product-buy-panel
     ушёл вверх за край экрана. Фона у панели нет — плавают только три
     кнопки со своими непрозрачными фонами. Стоят сразу над нижней панелью
     (высота --tm-mob-footer-h считается в custom.js вместе с safe-area). */
  .catalog-detail .actions-fixed {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: var(--tm-mob-footer-h, 70px);
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 6px 12px;
    gap: 6px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    z-index: 20;
    transform: none;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity .22s ease, visibility 0s linear .22s;
  }
  .catalog-detail .actions-fixed.is-shown {
    opacity: 1;
    pointer-events: none;
    visibility: visible;
    transition: opacity .22s ease, visibility 0s linear 0s;
  }
  /* Касания ловят только кнопки: промежутки между ними прозрачны для пальца. */
  .catalog-detail .actions-fixed.is-shown > * {
    pointer-events: auto;
  }
  body.modal-open .catalog-detail .actions-fixed,
  body.tm-mob-nav-open .catalog-detail .actions-fixed,
  body.tm-filter-open .catalog-detail .actions-fixed,
  body.tm-auth-handoff .catalog-detail .actions-fixed {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity .22s ease, visibility 0s linear .22s;
  }
  .catalog-detail .actions-fixed a:not(.btn-add2cart) {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #E7E5E4;
    border: 0;
    border-top: 0;
    border-radius: var(--btn-radius);
  }
  .catalog-detail .actions-fixed a:not(.btn-add2cart) svg {
    width: 24px;
    height: 24px;
  }
  .catalog-detail .actions-fixed .btn-add2cart,
  .catalog-detail .actions-fixed .btn-add2cart.btn:not(.btn-xl) {
    flex: 0 1 auto;
    width: auto;
    max-width: calc(100% - 96px);
    min-width: 0;
    height: 40px !important;
    margin: 0 0 0 auto;
    padding: 6px 12px !important;
    justify-content: center;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
  .catalog-detail .actions-fixed .btn-add2cart svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
  }
  /* Подложки нет, поэтому у кнопок своя мягкая тень: край кнопки виден
     и на светлом фоне страницы, и поверх фото. У .btn в style.css тень
     снята через !important — здесь так же. */
  .catalog-detail .actions-fixed a:not(.btn-add2cart),
  .catalog-detail .actions-fixed .btn-add2cart,
  .catalog-detail .actions-fixed .btn-add2cart.btn:not(.btn-xl) {
    box-shadow: 0 2px 8px rgba(66, 59, 56, 0.18) !important;
  }

  .catalog-detail .screen-mob .h1,
  .catalog-detail .screen-mob > .h1 {
    font-size: 32px;
    line-height: 1.18;
    font-weight: 600;
    letter-spacing: -0.03em;
    padding: 8px 0 18px;
    margin: 0;
    max-width: none;
    width: 100%;
  }
  .catalog-detail .images .product-toolbar {
    display: none !important;
  }
  .catalog-detail .product-title-tools {
    display: none;
  }

  .catalog-detail-wrapper .info .specs.specs-mob .name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
  }

  .catalog-detail-wrapper .info .short-info .auth-code-item .content {
    padding: 12px 16px;
    align-items: flex-start;
  }
  .auth-code-item .auth,
  .auth-code-item .article-label {
    font-size: 12px;
    color: #847671;
    font-weight: 400;
  }
  .auth-code-item .auth-link,
  .auth-code-item .product_offer_code,
  .auth-code-item .tp_article {
    font-size: 14px;
    font-weight: 600;
  }

  .catalog-detail-wrapper .info .short-info .item.delivery .head .name,
  .catalog-detail-wrapper .info .short-info .item .head .name {
    font-size: 16px;
    font-weight: 600;
  }
  .catalog-detail-wrapper .info .short-info .item.delivery .content dt,
  .catalog-detail-wrapper .info .short-info .item .content dt {
    font-size: 13px;
    color: #847671;
  }
  .catalog-detail-wrapper .info .short-info .item.delivery .content dd,
  .catalog-detail-wrapper .info .short-info .item .content dd {
    font-size: 14px;
    font-weight: 600;
  }

  .js-product-buy-panel .content dt {
    font-size: 13px;
    color: #847671;
    font-weight: 400;
  }
  .js-product-buy-panel .price {
    font-size: 28px;
    line-height: 1.15;
    font-weight: 600;
  }
  .js-product-buy-panel .btn {
    min-height: 48px;
    font-size: 15px;
  }

  .catalog-detail .pane-head .pane-name {
    font-size: 16px;
    font-weight: 600;
  }
}

/* Цена на карточке: текущая крупно, старая перечёркнута, % без линии */
.catalog-detail .tm-prod-price,
.catalog-detail-wrapper .tm-prod-price,
.js-product-buy-panel .tm-prod-price,
.actions-fixed .tm-prod-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  white-space: normal;
  font-size: inherit;
  font-weight: 600;
  line-height: 1.15;
  text-decoration: none;
}
.js-product-buy-panel .tm-prod-price {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 600;
}
.catalog-detail-wrapper .actions .tm-prod-price {
  flex-direction: column;
  align-items: flex-start;
  font-size: 36px;
  line-height: 1.1;
  margin: 0 12px 0 0;
}
.tm-prod-price__now {
  font-weight: 600;
  color: var(--color-black);
  text-decoration: none;
}
.tm-prod-price__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  line-height: 1.2;
}
.tm-prod-price__pct {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-red);
  text-decoration: none;
}
.tm-prod-price__old {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #847671;
  text-decoration: line-through;
}
.catalog-detail .actions-fixed .tm-prod-price,
.actions-fixed .tm-prod-price {
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 6px;
  font-size: 16px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid rgba(66, 59, 56, .22);
  min-width: 0;
}
.catalog-detail .actions-fixed .tm-prod-price__meta,
.actions-fixed .tm-prod-price__meta {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 5px;
}
.catalog-detail .actions-fixed .tm-prod-price__now,
.actions-fixed .tm-prod-price__now {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
  text-decoration: none;
}
.catalog-detail .actions-fixed .tm-prod-price__pct,
.actions-fixed .tm-prod-price__pct {
  display: inline;
  font-size: 10px;
  font-weight: 700;
  color: var(--color-red);
  text-decoration: none;
}
.catalog-detail .actions-fixed .tm-prod-price__old,
.actions-fixed .tm-prod-price__old {
  display: inline;
  font-size: 10px;
  font-weight: 400;
  color: #847671;
  text-decoration: line-through;
}

/* Модалка «Нашли дешевле»: оболочка как у #feedback, шире, название в 2 строки. */
#foundCheaper.found-cheaper .modal-dialog {
  max-width: min(640px, calc(100vw - 24px));
}
#foundCheaper.found-cheaper .modal-content {
  padding: 56px 72px 44px;
  background: var(--color-grey);
  border-radius: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#foundCheaper .modal-body {
  position: relative;
  padding: 0;
  text-align: center;
}
#foundCheaper .modal-heading {
  margin: 0 0 8px;
  padding: 0 36px;
  font-weight: 600;
  font-size: 40px;
  line-height: 110%;
  text-align: center;
  color: var(--color-black);
}
#foundCheaper .found-cheaper-terms {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.35;
  color: #847671;
}
#foundCheaper .found-cheaper-terms a {
  font-weight: 600;
  color: var(--color-red);
}
#foundCheaper .found-cheaper-auth p {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.35;
  color: #847671;
}
#foundCheaper .found-cheaper-product {
  margin: 0 0 16px;
  padding: 0;
  background: transparent;
  text-align: left;
}
/* Только для чтения: тот же ритм, что у label-in-input, но не белое поле. */
#foundCheaper .found-cheaper-product__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: auto;
  margin: 0;
  background: #F6EDE6;
  border-radius: 9px;
  cursor: default;
  white-space: normal;
  word-break: break-word;
  color: var(--color-black);
}
#foundCheaper .form-group {
  margin-bottom: 16px;
  text-align: left;
}
/* Согласие — общий блок .agree-box.tm-pdn-consent из style.css шаблона; здесь только отступ в форме. */
#foundCheaper .agree-box {
  margin: 8px 0 16px;
}
#foundCheaper .form-group-btns {
  margin: 8px 0 0;
  display: flex;
  justify-content: center;
}
/* «Отправить» и у гостя «Войти» — одна и та же основная кнопка */
#foundCheaper .btn-submit-cheaper,
#foundCheaper .found-cheaper-auth .btn {
  width: 50%;
  max-width: 50%;
  min-height: 52px;
  margin: 0 auto;
  justify-content: center;
}
#foundCheaper .btn-orange.is-off,
#foundCheaper .btn-orange.is-off:hover,
#foundCheaper .btn-orange.is-off:focus {
  background: #f0d9c8;
  color: #847671;
  box-shadow: none;
  cursor: pointer;
}
#foundCheaper .btn-orange:not(.is-off):hover {
  background: var(--color-red);
  color: #fff;
}
#foundCheaper .label-in-file .fake-input {
  display: flex;
  align-items: center;
  min-height: 56px;
  color: #847671;
  overflow: hidden;
}
#foundCheaper .label-in-file .become-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Кнопка закрытия внутри карточки, как у #feedback. */
@media (min-width: 992px) {
  #foundCheaper.found-cheaper > .modal-dialog {
    position: relative;
    overflow: visible;
  }
  #foundCheaper.found-cheaper > .modal-dialog > .close {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    right: 16px;
    left: auto;
    bottom: auto;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    opacity: 0.85;
    z-index: 6;
    pointer-events: auto;
    background: transparent;
    border: 0;
  }
  #foundCheaper.found-cheaper > .modal-dialog > .close svg {
    width: 22px;
    height: 22px;
  }
  #foundCheaper.found-cheaper > .modal-dialog > .close svg {
    color: #847671;
  }
}

/* Успех — тот же кроссфейд, что у #feedback. */
#foundCheaper .modal-heading,
#foundCheaper .found-cheaper-terms,
#foundCheaper .modal-body > form,
#foundCheaper .found-cheaper-auth {
  transition: opacity 0.32s ease, transform 0.32s ease, visibility 0.32s;
}
#foundCheaper.is-success .modal-heading,
#foundCheaper.is-success .found-cheaper-terms,
#foundCheaper.is-success .modal-body > form,
#foundCheaper.is-success .found-cheaper-auth {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
}
#foundCheaper .found-cheaper-success {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 24px 20px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.32s ease, transform 0.32s ease, visibility 0.32s;
}
#foundCheaper.is-success .found-cheaper-success {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
#foundCheaper .found-cheaper-success[hidden] {
  display: flex !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#foundCheaper .found-cheaper-success .feedback-success__icon {
  color: #847671;
  margin-bottom: 16px;
  line-height: 0;
}
#foundCheaper .found-cheaper-success .feedback-success__icon svg {
  display: block;
}
#foundCheaper .found-cheaper-success .feedback-success__icon svg circle {
  stroke: #f0d9c8;
}
#foundCheaper .found-cheaper-success .feedback-success__icon svg path {
  stroke: #847671;
}
#foundCheaper .found-cheaper-success .feedback-success__title {
  font-size: var(--font-reg);
  font-weight: 600;
  line-height: 120%;
  color: var(--color-black);
  margin: 0 0 12px;
}
#foundCheaper .found-cheaper-success .feedback-success__text {
  margin: 0 0 28px;
  font-size: var(--font-16);
  line-height: 140%;
  color: var(--color-lowgrey);
  max-width: 320px;
}
#foundCheaper .found-cheaper-success .feedback-success__close {
  width: auto;
  min-width: 180px;
  margin: 0 auto;
  padding: 13px 30px;
  font-size: var(--font-16);
  font-weight: 600;
  line-height: 120%;
  color: #847671;
  background: #f0d9c8;
  border: none !important;
  border-radius: var(--btn-radius);
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#foundCheaper .found-cheaper-success .feedback-success__close:hover,
#foundCheaper .found-cheaper-success .feedback-success__close:focus {
  color: #fff;
  background: var(--color-red);
}

@media (max-width: 991.98px) {
  .js-product-buy-panel .tm-prod-price {
    font-size: 28px;
  }
  .js-product-buy-panel .tm-prod-price__pct,
  .js-product-buy-panel .tm-prod-price__old {
    font-size: 13px;
  }

  #foundCheaper.found-cheaper .modal-dialog,
  #foundCheaper.found-cheaper.fade.show .modal-dialog {
    position: fixed !important;
    left: 0;
    right: 0;
    top: auto !important;
    bottom: 0 !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: auto !important;
    max-height: calc(100dvh - 52px);
    /* transform задаёт общая анимация шторок в style.css */
    display: flex;
    flex-direction: column;
  }
  body.tm-footer-collapsed #foundCheaper.found-cheaper .modal-dialog,
  body.tm-order-make #foundCheaper.found-cheaper .modal-dialog {
    bottom: 0 !important;
    max-height: calc(100dvh - 52px);
  }
  #foundCheaper.found-cheaper .modal-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: inherit;
    padding: 20px 16px 12px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
  }
  #foundCheaper .modal-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
  }
  #foundCheaper .modal-heading {
    font-size: 28px;
    padding: 0 8px;
    margin-bottom: 6px;
  }
  #foundCheaper .found-cheaper-terms {
    margin-bottom: 14px;
    font-size: 14px;
  }
  #foundCheaper .form-group {
    margin-bottom: 10px;
  }
  #foundCheaper .btn-submit-cheaper,
  #foundCheaper .btn-submit-cheaper.btn:not(.btn-xl),
  #foundCheaper .found-cheaper-auth .btn:not(.btn-xl) {
    width: 100%;
    max-width: none;
    min-height: 48px;
    padding: 14px 20px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    height: auto !important;
  }
  #foundCheaper .form-group-btns {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin: 8px 0 0;
    padding: 10px 0 calc(8px + env(safe-area-inset-bottom, 0px));
    background: var(--color-grey);
  }
  #foundCheaper .found-cheaper-success {
    padding: 16px 12px 12px;
  }
  #foundCheaper .found-cheaper-success .feedback-success__close {
    min-width: 160px;
    padding: 12px 28px;
  }
  /* Успех: форма скрыта визуально, но остаётся в потоке и растягивает шторку.
     Вынимаем её из высоты, панель подтверждения задаёт размер сама — скролла нет. */
  #foundCheaper.is-success .modal-body {
    overflow: hidden;
  }
  #foundCheaper.is-success .modal-heading,
  #foundCheaper.is-success .found-cheaper-terms,
  #foundCheaper.is-success .modal-body > form,
  #foundCheaper.is-success .found-cheaper-auth {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #foundCheaper.is-success .found-cheaper-success {
    position: relative;
    inset: auto;
    height: auto;
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #foundCheaper .modal-heading,
  #foundCheaper .found-cheaper-terms,
  #foundCheaper .modal-body > form,
  #foundCheaper .found-cheaper-auth,
  #foundCheaper .found-cheaper-success {
    transition: none;
  }
  #foundCheaper.is-success .modal-heading,
  #foundCheaper.is-success .found-cheaper-terms,
  #foundCheaper.is-success .modal-body > form,
  #foundCheaper .found-cheaper-success,
  #foundCheaper.is-success .found-cheaper-success {
    transform: none;
  }
}

/* Пустая вкладка «Документация» */
.catalog-detail .docs-empty {
  max-width: 520px;
  padding: 8px 0 16px;
}
.catalog-detail .docs-empty__text {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-black, #423B38);
}
@media (max-width: 991.98px) {
  .catalog-detail .docs-empty {
    padding: 4px 0 8px;
  }
  .catalog-detail .docs-empty__text {
    font-size: 15px;
  }
}

/* Модалка «Вопрос о товаре»: оболочка как у «Нашли дешевле», свой id. */
#productQuestion.product-question .modal-dialog {
  max-width: min(640px, calc(100vw - 24px));
}
#productQuestion.product-question .modal-content {
  padding: 56px 72px 44px;
  background: var(--color-grey);
  border-radius: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#productQuestion .modal-body {
  position: relative;
  padding: 0;
  text-align: center;
}
#productQuestion .modal-heading {
  margin: 0 0 24px;
  padding: 0 36px;
  font-weight: 600;
  font-size: 40px;
  line-height: 110%;
  text-align: center;
  color: var(--color-black);
}
#productQuestion .product-question-product {
  margin: 0 0 16px;
  padding: 0;
  background: transparent;
  text-align: left;
}
/* Только для чтения: тот же ритм, что у label-in-input, фон камня, не белый input. */
#productQuestion .product-question-product__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: auto;
  margin: 0;
  background: #F6EDE6;
  border-radius: 9px;
  cursor: default;
  white-space: normal;
  word-break: break-word;
  color: var(--color-black);
}
#productQuestion .form-group {
  margin-bottom: 16px;
  text-align: left;
}
#productQuestion .pq-comment.label-in-input .form-label {
  position: absolute;
  z-index: 2;
  left: 1px;
  right: 14px;
  top: 1px;
  margin: 0;
  padding: 14px 22px 8px 23px;
  max-width: none;
  width: auto;
  box-sizing: border-box;
  background: #fff;
  border-radius: 11px 0 0 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: var(--color-lowgrey);
  pointer-events: none;
}
#productQuestion .pq-comment.tm-auth-miss .form-label {
  background: #f7eceb;
}
#productQuestion .pq-comment.tm-auth-miss .form-control:focus ~ .form-label,
#productQuestion .pq-comment.tm-auth-miss:focus-within .form-label {
  background: #fff;
}
#productQuestion .pq-comment textarea.form-control,
#productQuestion textarea.pq-about {
  padding-top: 38px;
  padding-bottom: 14px;
  resize: none;
  height: auto;
  min-height: 140px;
  overflow-y: auto;
}
#productQuestion .label-in-input {
  position: relative;
}
#productQuestion .form-group.tm-auth-miss .form-control {
  background: #f7eceb;
  box-shadow: inset 0 0 0 1.5px var(--color-red);
}
#productQuestion .form-group.tm-auth-miss .form-control:focus {
  background: #fff;
  box-shadow: inset 0 0 0 1.5px var(--color-red);
}
#productQuestion .label-in-input:not(.product-question-product)::after {
  content: '!';
  position: absolute;
  right: 16px;
  top: 20px;
  z-index: 3;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-red);
  color: #fff;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.75);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
#productQuestion .label-in-input.tm-auth-miss::after {
  opacity: 1;
  transform: scale(1);
}
#productQuestion .tm-auth-shake {
  animation: tmAuthShake 0.36s ease;
}
#productQuestion .label-in-input.tm-auth-shake::after,
#productQuestion .agree-box.tm-auth-shake > label::after {
  animation: tmAuthMarkPop 0.36s ease;
}
/* Согласие — общий блок .agree-box.tm-pdn-consent из style.css шаблона; здесь только отступ в форме. */
#productQuestion .agree-box {
  margin: 8px 0 16px;
}
#productQuestion .form-group-btns {
  margin: 8px 0 0;
  display: flex;
  justify-content: center;
}
#productQuestion .btn-submit-pq {
  width: 50%;
  max-width: 50%;
  min-height: 52px;
  margin: 0 auto;
  justify-content: center;
}
#productQuestion .btn-orange.is-off,
#productQuestion .btn-orange.is-off:hover,
#productQuestion .btn-orange.is-off:focus {
  background: #f0d9c8;
  color: #847671;
  box-shadow: none;
  cursor: pointer;
}
#productQuestion .btn-orange:not(.is-off):hover {
  background: var(--color-red);
  color: #fff;
}

@media (min-width: 992px) {
  #productQuestion.product-question > .modal-dialog {
    position: relative;
    overflow: visible;
  }
  #productQuestion.product-question > .modal-dialog > .close {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    right: 16px;
    left: auto;
    bottom: auto;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    opacity: 0.85;
    z-index: 6;
    pointer-events: auto;
    background: transparent;
    border: 0;
  }
  #productQuestion.product-question > .modal-dialog > .close svg {
    width: 22px;
    height: 22px;
  }
  #productQuestion.product-question > .modal-dialog > .close svg {
    color: #847671;
  }
}

#productQuestion .modal-heading,
#productQuestion .modal-body > form {
  transition: opacity 0.32s ease, transform 0.32s ease, visibility 0.32s;
}
#productQuestion.is-success .modal-heading,
#productQuestion.is-success .modal-body > form {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
}
#productQuestion .product-question-success {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 24px 20px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.32s ease, transform 0.32s ease, visibility 0.32s;
}
#productQuestion.is-success .product-question-success {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
#productQuestion .product-question-success[hidden] {
  display: flex !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#productQuestion .product-question-success .feedback-success__icon {
  color: #847671;
  margin-bottom: 16px;
  line-height: 0;
}
#productQuestion .product-question-success .feedback-success__icon svg {
  display: block;
}
#productQuestion .product-question-success .feedback-success__icon svg circle {
  stroke: #f0d9c8;
}
#productQuestion .product-question-success .feedback-success__icon svg path {
  stroke: #847671;
}
#productQuestion .product-question-success .feedback-success__title {
  font-size: var(--font-reg);
  font-weight: 600;
  line-height: 120%;
  color: var(--color-black);
  margin: 0 0 12px;
}
#productQuestion .product-question-success .feedback-success__text {
  margin: 0 0 28px;
  font-size: var(--font-16);
  line-height: 140%;
  color: var(--color-lowgrey);
  max-width: 320px;
}
#productQuestion .product-question-success .feedback-success__close {
  width: auto;
  min-width: 180px;
  margin: 0 auto;
  padding: 13px 30px;
  font-size: var(--font-16);
  font-weight: 600;
  line-height: 120%;
  color: #847671;
  background: #f0d9c8;
  border: none !important;
  border-radius: var(--btn-radius);
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#productQuestion .product-question-success .feedback-success__close:hover,
#productQuestion .product-question-success .feedback-success__close:focus {
  color: #fff;
  background: var(--color-red);
}

@media (max-width: 991.98px) {
  #productQuestion.product-question .modal-dialog,
  #productQuestion.product-question.fade.show .modal-dialog {
    position: fixed !important;
    left: 0;
    right: 0;
    top: auto !important;
    bottom: 0 !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: auto !important;
    max-height: calc(100dvh - 52px);
    /* transform задаёт общая анимация шторок в style.css */
    display: flex;
    flex-direction: column;
  }
  body.tm-footer-collapsed #productQuestion.product-question .modal-dialog,
  body.tm-order-make #productQuestion.product-question .modal-dialog {
    bottom: 0 !important;
    max-height: calc(100dvh - 52px);
  }
  #productQuestion.product-question .modal-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: inherit;
    padding: 20px 16px 12px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
  }
  #productQuestion .modal-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
  }
  #productQuestion .modal-heading {
    font-size: 28px;
    padding: 0 8px;
    margin-bottom: 16px;
  }
  #productQuestion .form-group {
    margin-bottom: 10px;
  }
  #productQuestion .pq-comment textarea.form-control,
  #productQuestion textarea.pq-about {
    min-height: 120px;
  }
  #productQuestion .btn-submit-pq,
  #productQuestion .btn-submit-pq.btn:not(.btn-xl) {
    width: 100%;
    max-width: none;
    min-height: 48px;
    padding: 14px 20px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    height: auto !important;
  }
  #productQuestion .form-group-btns {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin: 8px 0 0;
    padding: 10px 0 calc(8px + env(safe-area-inset-bottom, 0px));
    background: var(--color-grey);
  }
  #productQuestion .product-question-success {
    padding: 16px 12px 12px;
  }
  #productQuestion .product-question-success .feedback-success__close {
    min-width: 160px;
    padding: 12px 28px;
  }
  /* Успех: форма скрыта визуально, но остаётся в потоке и растягивает шторку.
     Вынимаем её из высоты, панель подтверждения задаёт размер сама — скролла нет. */
  #productQuestion.is-success .modal-body {
    overflow: hidden;
  }
  #productQuestion.is-success .modal-heading,
  #productQuestion.is-success .modal-body > form {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #productQuestion.is-success .product-question-success {
    position: relative;
    inset: auto;
    height: auto;
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #productQuestion .modal-heading,
  #productQuestion .modal-body > form,
  #productQuestion .product-question-success {
    transition: none;
  }
  #productQuestion.is-success .modal-heading,
  #productQuestion.is-success .modal-body > form,
  #productQuestion .product-question-success,
  #productQuestion.is-success .product-question-success {
    transform: none;
  }
}

/* «Купить в 1 клик»: подпись комментария и кнопка как у #productQuestion. */
#buy1click .buy1click-comment.label-in-input .form-label {
  position: absolute;
  z-index: 2;
  left: 1px;
  right: 14px;
  top: 1px;
  margin: 0;
  padding: 14px 22px 8px 23px;
  max-width: none;
  width: auto;
  box-sizing: border-box;
  background: #fff;
  border-radius: 11px 0 0 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: var(--color-lowgrey);
  pointer-events: none;
}
#buy1click .buy1click-comment.tm-auth-miss .form-label {
  background: #f7eceb;
}
#buy1click .buy1click-comment.tm-auth-miss .form-control:focus ~ .form-label,
#buy1click .buy1click-comment.tm-auth-miss:focus-within .form-label {
  background: #fff;
}
#buy1click .buy1click-comment textarea.form-control,
#buy1click textarea.buy1click-about {
  padding-top: 38px;
  padding-bottom: 14px;
  resize: none;
  height: auto;
  min-height: 140px;
  overflow-y: auto;
}
#buy1click .form-group-btns {
  margin: 8px 0 0;
  display: flex;
  justify-content: center;
}
#buy1click .btn-submit-buy1click {
  width: 50%;
  max-width: 50%;
  min-height: 52px;
  margin: 0 auto;
  justify-content: center;
}
#buy1click .btn-orange.is-off,
#buy1click .btn-orange.is-off:hover,
#buy1click .btn-orange.is-off:focus {
  background: #f0d9c8;
  color: #847671;
  box-shadow: none;
  cursor: pointer;
}
#buy1click .btn-orange:not(.is-off):hover {
  background: var(--color-red);
  color: #fff;
}
@media (max-width: 991.98px) {
  #buy1click .buy1click-comment.label-in-input .form-label {
    left: 1px;
    right: 12px;
    top: 1px;
    padding: 10px 16px 6px 15px;
    font-size: 10px;
  }
  #buy1click .buy1click-comment textarea.form-control,
  #buy1click textarea.buy1click-about {
    padding-top: 32px;
    padding-bottom: 12px;
    min-height: 120px;
  }
  #buy1click .btn-submit-buy1click,
  #buy1click .btn-submit-buy1click.btn:not(.btn-xl) {
    width: 100%;
    max-width: none;
    min-height: 48px;
    padding: 14px 20px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    height: auto !important;
  }
  #buy1click .form-group-btns {
    margin: 8px 0 0;
  }
}

/* «Купить в 1 клик»: крестик как у #feedback. .auth-modal .close на десктопе скрыт. */
@media (min-width: 992px) {
  #buy1click.auth-modal > .modal-dialog {
    position: relative;
    overflow: visible;
  }
  #buy1click.auth-modal > .modal-dialog > .close {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    right: 16px;
    left: auto;
    bottom: auto;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    opacity: 0.85;
    z-index: 6;
    pointer-events: auto;
    background: transparent;
    border: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  #buy1click.auth-modal > .modal-dialog > .close svg {
    width: 22px;
    height: 22px;
  }
  #buy1click.auth-modal > .modal-dialog > .close svg {
    color: #847671;
    transition: color 0.2s ease;
  }
  #buy1click.auth-modal > .modal-dialog > .close:hover,
  #buy1click.auth-modal > .modal-dialog > .close:focus {
    opacity: 1;
    transform: scale(1.08);
  }
  #buy1click.auth-modal > .modal-dialog > .close:hover svg,
#buy1click.auth-modal > .modal-dialog > .close:focus svg {
    color: #5c524e;
  }
}

/* Подтверждение заказа — тот же кроссфейд, что у #foundCheaper. */
#buy1click .modal-body {
  position: relative;
}
#buy1click .modal-heading,
#buy1click .modal-body > form {
  transition: opacity 0.32s ease, transform 0.32s ease, visibility 0.32s;
}
#buy1click.is-success .modal-heading,
#buy1click.is-success .modal-body > form {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
}
#buy1click .buy1click-success {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 24px 20px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.32s ease, transform 0.32s ease, visibility 0.32s;
}
#buy1click.is-success .buy1click-success {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
#buy1click .buy1click-success[hidden] {
  display: flex !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#buy1click .buy1click-success .feedback-success__icon {
  color: #847671;
  margin-bottom: 16px;
  line-height: 0;
}
#buy1click .buy1click-success .feedback-success__icon svg {
  display: block;
}
#buy1click .buy1click-success .feedback-success__icon svg circle {
  stroke: #f0d9c8;
}
#buy1click .buy1click-success .feedback-success__icon svg path {
  stroke: #847671;
}
#buy1click .buy1click-success .feedback-success__title {
  font-size: var(--font-reg);
  font-weight: 600;
  line-height: 120%;
  color: var(--color-black);
  margin: 0 0 12px;
}
#buy1click .buy1click-success .feedback-success__text {
  margin: 0 0 28px;
  font-size: var(--font-16);
  line-height: 140%;
  color: var(--color-lowgrey);
  max-width: 320px;
}
#buy1click .buy1click-success .feedback-success__close {
  width: auto;
  min-width: 180px;
  margin: 0 auto;
  padding: 13px 30px;
  font-size: var(--font-16);
  font-weight: 600;
  line-height: 120%;
  color: #847671;
  background: #f0d9c8;
  border: none !important;
  border-radius: var(--btn-radius);
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#buy1click .buy1click-success .feedback-success__close:hover,
#buy1click .buy1click-success .feedback-success__close:focus {
  color: #fff;
  background: var(--color-red);
}

@media (max-width: 991.98px) {
  #buy1click .buy1click-success {
    padding: 16px 12px 12px;
  }
  #buy1click .buy1click-success .feedback-success__close {
    min-width: 160px;
    padding: 12px 28px;
  }
  /* Успех: форма скрыта визуально, но остаётся в потоке и растягивает шторку.
     Вынимаем её из высоты, панель подтверждения задаёт размер сама — скролла нет. */
  #buy1click.is-success .modal-body {
    overflow: hidden;
  }
  #buy1click.is-success .modal-heading,
  #buy1click.is-success .modal-body > form {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #buy1click.is-success .buy1click-success {
    position: relative;
    inset: auto;
    height: auto;
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #buy1click .modal-heading,
  #buy1click .modal-body > form,
  #buy1click .buy1click-success {
    transition: none;
  }
  #buy1click.is-success .modal-heading,
  #buy1click.is-success .modal-body > form,
  #buy1click .buy1click-success,
  #buy1click.is-success .buy1click-success {
    transform: none;
  }
}

/* ==========================================================================
   Карточка: исходная раскладка (галерея слева, заголовок и покупка справа).
   Полировка только от 992px. Ниже этого порога мобильный вид не трогаем.
   ========================================================================== */

.catalog-detail .tm-price-off {
  display: none;
}

.catalog-detail .product-seo-h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 992px) {
  .catalog-detail {
    padding-top: 8px;
  }

  .catalog-detail .product-title-row .h1 {
    margin: 0;
    font-style: normal;
    font-weight: 600;
    /* Заголовок плавно 28 → 40 px между 992 и 1920 */
    font-size: clamp(28px, calc(15.17px + 1.293vw), 40px);
    line-height: 1.2;
    color: var(--color-black);
  }

  .catalog-detail-wrapper > .product-title-row {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .catalog-detail-wrapper > .product-title-row:has(+ .product-brand-plate) {
    margin-bottom: 8px;
  }

  .catalog-detail-wrapper .info .short-info {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.85fr);
    column-gap: 12px;
    row-gap: 12px;
    align-items: start;
    margin-top: 0;
  }

  .catalog-detail-wrapper .info .short-info > .auth-code-item {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    min-width: 0;
  }

  .catalog-detail-wrapper .info .column-wrapper {
    display: contents;
    width: auto;
  }

  .catalog-detail-wrapper .info .short-info .item.specs {
    grid-column: 1;
    grid-row: 2;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }

  .catalog-detail-wrapper .info .short-info .item.item-other {
    grid-column: 2;
    grid-row: 2;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    align-self: start;
  }

  .catalog-detail-wrapper .info .short-info .item.delivery {
    grid-column: 1 / -1;
    grid-row: 3;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }

  .catalog-detail-wrapper .info .short-info > .showroom-mini-product {
    grid-column: 1 / -1;
    grid-row: 4;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    overflow: hidden;
  }

  .catalog-detail-wrapper .info .short-info > .showroom-mini-product img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 9px;
  }

  /* Кнопки покупки: «Купить» 48 px / 16, «Купить в 1 клик» и «Нашли дешевле» 44 px / 15 */
  .catalog-detail .item-other .content .btn,
  .catalog-detail .item-other .found-cheaper {
    box-sizing: border-box;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    padding: 0 16px;
    font-size: 15px;
    line-height: 1.1;
  }
  .catalog-detail .item-other .content .btn-add2cart {
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    font-size: 16px;
  }
  .catalog-detail .item-other .content .btn + .btn,
  .catalog-detail .item-other .content .btn + .found-cheaper {
    margin-top: 8px;
  }

  /* Блоки справа: поля плавно 16 → 20 px (единый ритм: между карточками 12 px, внутри — 16…20 px), заголовки 18/24, «смотреть все» 14 */
  .catalog-detail-wrapper .info .short-info .item .head {
    padding: clamp(16px, calc(11.72px + 0.431vw), 20px) clamp(16px, calc(11.72px + 0.431vw), 20px) 4px;
  }
  .catalog-detail-wrapper .info .short-info .item .head .name {
    font-size: 18px;
    line-height: 24px;
  }
  .catalog-detail-wrapper .info .short-info .item .content,
  .catalog-detail-wrapper .info .short-info .item.specs .content,
  .catalog-detail-wrapper .info .short-info .item.delivery .content {
    padding: 12px clamp(16px, calc(11.72px + 0.431vw), 20px) clamp(16px, calc(11.72px + 0.431vw), 20px);
  }
  .catalog-detail-wrapper .info .short-info .item.item-other .content {
    padding: clamp(16px, calc(11.72px + 0.431vw), 20px);
  }
  .short-info .show-all-wrap {
    padding: 0 clamp(16px, calc(11.72px + 0.431vw), 20px) clamp(16px, calc(11.72px + 0.431vw), 20px);
    font-size: 14px;
    line-height: 20px;
  }

  /* Цена: итоговая плавно 26 → 34 px; старая и процент — как на карточках каталога */
  /* Селектор усилен: базовое .short-info .price (var(--font-sm)) перебивало размер цены */
  .catalog-detail-wrapper .info .short-info .js-product-buy-panel .tm-prod-price {
    font-size: clamp(26px, calc(17.45px + 0.862vw), 34px);
    line-height: 1.15;
    font-weight: 700;
    gap: 6px;
  }
  .js-product-buy-panel .tm-prod-price__now {
    font-weight: 700;
  }
  .js-product-buy-panel .tm-prod-price__meta {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }
  .js-product-buy-panel .tm-prod-price__old {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #AAA09C;
  }
  .js-product-buy-panel .tm-prod-price__pct {
    padding: 0 8px;
    border-radius: 3px;
    background: #F7E9EB;
    font-size: 13px;
    line-height: 20px;
  }
  .js-product-buy-panel .content dt {
    font-size: 13px;
    line-height: 18px;
  }

  /* Строки характеристик и доставки: шаг 8 px вместо 12, у последней строки отступа нет */
  .catalog-detail-wrapper .info .short-info .item.specs .content dl,
  .catalog-detail-wrapper .info .short-info .item.delivery .content dl {
    margin-bottom: 8px;
  }
  .catalog-detail-wrapper .info .short-info .item.specs .content dl:last-child,
  .catalog-detail-wrapper .info .short-info .item.delivery .content dl:last-child {
    margin-bottom: 0;
  }
  /* Доставка: значение без лишних полей, сноска сразу под ним */
  .catalog-detail-wrapper .info .short-info .item.delivery .content dd {
    padding: 0 0 0 8px;
  }
  .catalog-detail-wrapper .info .short-info .item.delivery .content dd .delivery-card-note {
    margin-top: 2px;
    line-height: 16px;
  }
  /* Панель покупки: высота по содержимому (базовое height: 100% растягивало её до высоты характеристик) */
  .catalog-detail-wrapper .info .short-info .item.item-other {
    align-self: start;
    height: auto;
  }
  .catalog-detail-wrapper .info .short-info .item.item-other .content dl {
    margin-bottom: 16px;
  }
  .catalog-detail-wrapper .info .short-info .item.item-other .content dl:last-child {
    margin-bottom: 0;
  }
  .js-product-buy-panel .content dt {
    margin-bottom: 4px;
  }

  /* От 992 до 1199 блок покупки — над характеристиками внутри правой колонки (две колонки страницы сохраняются) */
  @media (max-width: 1199.98px) {
    .catalog-detail-wrapper .info .short-info {
      grid-template-columns: minmax(0, 1fr);
    }
    .catalog-detail-wrapper .info .short-info .item.item-other {
      grid-column: 1;
      grid-row: 2;
    }
    .catalog-detail-wrapper .info .short-info .item.specs {
      grid-column: 1;
      grid-row: 3;
    }
    .catalog-detail-wrapper .info .short-info .item.delivery {
      grid-row: 4;
    }
    .catalog-detail-wrapper .info .short-info > .showroom-mini-product {
      grid-row: 5;
    }
  }

  .catalog-detail .item-other .content .btn-add2cart svg {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
  }

  .catalog-detail-wrapper .info .short-info .item.specs,
  .catalog-detail-wrapper .info .short-info .item.delivery {
    overflow: hidden;
    box-sizing: border-box;
  }

  .catalog-detail-wrapper .info .short-info .item.specs .content,
  .catalog-detail-wrapper .info .short-info .item.delivery .content {
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .catalog-detail-wrapper .info .short-info .item.specs .content dl,
  .catalog-detail-wrapper .info .short-info .item.delivery .content dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  .catalog-detail-wrapper .info .short-info .item.specs .content dl,
  .catalog-detail-wrapper .info .short-info .item.delivery .content dl {
    margin-bottom: 12px;
  }
  /* Строки характеристик и доставки — 15/20, высота строки фиксирована */
  .catalog-detail-wrapper .info .short-info .item.specs .content dt,
  .catalog-detail-wrapper .info .short-info .item.delivery .content dt {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 20px;
    color: var(--color-lowgrey);
  }

  .catalog-detail-wrapper .info .short-info .item.specs .content dd,
  .catalog-detail-wrapper .info .short-info .item.delivery .content dd {
    flex: 0 1 48%;
    max-width: 48%;
    min-width: 0;
    margin: 0;
    padding-left: 8px;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
  }
  /* Вкладки под карточкой — 18/26 */
  .catalog-detail .detail-bottom .nav-tabs.inner-tabs .nav-link {
    font-size: 18px;
    line-height: 26px;
  }
  /* 992–1199: шесть вкладок по 18px в ряд не помещаются (при 992 нужно ~784px при ширине
     ряда 776) — здесь 17px и промежуток 20px, ряд остаётся одной строкой */
  @media (max-width: 1199.98px) {
    .catalog-detail .detail-bottom .nav-tabs.inner-tabs .nav-link {
      font-size: 17px;
      line-height: 24px;
    }
    .catalog-detail .detail-bottom .nav-tabs.inner-tabs .nav-link + .nav-link {
      margin-left: 20px;
    }
  }
}

/* product ask: тот же визуал, что «Обратная связь» */
.detail-bottom .item.contact-us .btn.btn-footer-feedback {
  margin-top: 0;
  margin-bottom: 0;
  flex-shrink: 0;
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .catalog-detail .actions-fixed,
  .catalog-detail .actions-fixed.is-shown,
  body.modal-open .catalog-detail .actions-fixed,
  body.tm-mob-nav-open .catalog-detail .actions-fixed,
  body.tm-filter-open .catalog-detail .actions-fixed,
  body.tm-auth-handoff .catalog-detail .actions-fixed {
    transition: none;
  }
}

/* Вкладка «Доставка и оплата» (#detail-delivery, разметка — local/includes/delivery_info.php).
   Блок .delivery-info самостоятельный: стили не зависят от вкладки, кроме отступа сверху. */
.delivery-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  /* Обнуляем общий section{padding:60px 0} из style.css шаблона: иначе текст вкладки
     начинается на ~50px ниже, чем в остальных вкладках */
  padding: 0;
  color: var(--color-black);
}
/* Заголовок колонки. Вес селектора 0,3,1 — как у общих заголовков вкладок
   (.catalog-detail .detail-bottom .content h3, 30px), правило ниже по файлу и потому сильнее */
.delivery-info .delivery-info__col h3.delivery-info__subtitle {
  margin: 0 0 16px;
  padding: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}
.delivery-info__facts,
.delivery-info__pay-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 10px;
  background: var(--color-grey);
}
.delivery-info__fact,
.delivery-info__pay-item {
  padding: 12px 16px;
  border-top: 1px solid rgba(132, 118, 113, 0.18);
}
.delivery-info__fact:first-child,
.delivery-info__pay-item:first-child {
  border-top: 0;
}
.delivery-info__fact {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
/* Название способа не сжимается длинной подписью цены; основным цветом — на сером фоне серый не читается */
.delivery-info__fact dt {
  flex: 0 0 auto;
  max-width: 55%;
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.35;
  color: var(--color-black);
  display: flex;
  align-items: center;
  gap: 10px;
}
/* Значок способа (tmDeliveryIconSvg) — как в плитках страницы «Доставка и оплата» */
.delivery-info__icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--color-red);
}
/* Цена — акцент строки */
.delivery-info__fact dd {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.35;
  text-align: right;
  overflow-wrap: anywhere;
}
.delivery-info__note {
  display: block;
  margin-top: 2px;
  font-weight: 400;
  font-size: 13px;
  color: #847671;
}
.delivery-info__text {
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.55;
  overflow-wrap: break-word;
}
/* Способ доставки — подзаголовок над своим абзацем: отделён от предыдущего 24px */
.delivery-info .delivery-info__text h4.delivery-info__method {
  margin: 24px 0 8px;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
}
.delivery-info .delivery-info__text h4.delivery-info__method:first-child {
  margin-top: 0;
}
/* Абзацы: вес 0,3,1 сильнее общего .content p вкладок (отступ 24px) */
.delivery-info .delivery-info__col .delivery-info__text p {
  margin: 0 0 8px;
  font-size: inherit;
  line-height: inherit;
}
.delivery-info .delivery-info__col .delivery-info__text p:last-child {
  margin-bottom: 0;
}
.delivery-info a:not(.btn) {
  color: var(--color-red);
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* Оплата: логотип слева, название и описание справа */
.delivery-info__pay-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 12px;
}
.delivery-info__pay-logo {
  grid-row: 1 / span 2;
  display: block;
  width: 48px;
  height: 32px;
  object-fit: contain;
}
.delivery-info__pay-name {
  grid-column: 2;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.35;
}
/* Способ без описания: название по центру строки рядом с логотипом */
.delivery-info__pay-name:last-child {
  grid-row: 1 / span 2;
  align-self: center;
}
.delivery-info__pay-desc {
  grid-column: 2;
  font-size: 13px;
  line-height: 1.35;
  color: #847671;
}
.delivery-info__pay-item--nologo {
  grid-template-columns: 1fr;
}
.delivery-info__pay-item--nologo > * {
  grid-column: 1;
}
/* Примечание об оплате — второстепенное: приглушено, с воздухом (вес 0,3,1 — сильнее .content p) */
.delivery-info .delivery-info__pay p.delivery-info__pay-note {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.6;
  color: #847671;
}
.delivery-info__more-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  white-space: normal;
}
/* Неразрывные суммы «1 590 ₽» (без  : шрифт сайта рисует его нулевой ширины). */
.tm-nowrap {
  white-space: nowrap;
}
/* Блок «Доставка» карточки: мелкое уточнение под ценой («до терминала ТК…», «бесплатно от…»). */
.catalog-detail .delivery .content dd .delivery-card-note {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.25;
  color: #847671;
  text-align: right;
}
@media (min-width: 992px) {
  /* ПК: сноска 13/18 */
  .catalog-detail .delivery .content dd .delivery-card-note {
    font-size: 13px;
    line-height: 18px;
  }
}
.catalog-detail-wrapper .info .short-info .item.delivery .content dd {
  min-width: 0;
  margin-left: auto;
  text-align: right;
}
/* ПК: доставка и оплата в две колонки, кнопка «Все условия» под ними слева */
@media (min-width: 992px) {
  .delivery-info {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    column-gap: 48px;
    row-gap: 32px;
  }
  /* ПК: основной текст 16px */
  .delivery-info__text,
  .delivery-info__fact dt,
  .delivery-info .delivery-info__pay p.delivery-info__pay-note {
    font-size: 16px;
  }
  .delivery-info .delivery-info__col h3.delivery-info__subtitle {
    font-size: 22px;
  }
  .delivery-info .delivery-info__text h4.delivery-info__method {
    font-size: 18px;
  }
  .delivery-info__more {
    grid-column: 1 / -1;
  }
}
/* Телефон и планшет: блок внутри раскрывающейся панели, кнопка на всю ширину */
@media (max-width: 991.98px) {
  .delivery-info {
    gap: 24px;
  }
  .delivery-info .delivery-info__col h3.delivery-info__subtitle {
    font-size: 18px;
  }
  .delivery-info__fact {
    padding: 10px 12px;
    gap: 12px;
  }
  .delivery-info__more-link,
  .delivery-info__more-link.btn:not(.btn-xl) {
    display: flex;
    width: 100%;
    min-height: 48px;
    padding: 14px 20px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    height: auto !important;
  }
}
/* desk-clean: конец */

/* Без анимации по системной настройке: панели вкладок на телефоне и стрелка заголовка */
@media (prefers-reduced-motion: reduce) {
  .catalog-detail .detail-bottom .tab-content>.tab-pane .pane-content,
  .catalog-detail .pane-head .info-toggler {
    transition: none;
  }
}

/* Избранное и сравнение у названия: заливка/обводка значка и подложка меняются плавно,
   а не скачком (длительность — как у наведения на значки по сайту, .2s) */
.catalog-detail .product-title-tools a,
.catalog-detail a.add2fav,
.catalog-detail a.add2compare {
  transition: background-color .2s ease, box-shadow .2s ease;
}
.catalog-detail .product-title-tools a svg,
.catalog-detail a.add2fav svg,
.catalog-detail a.add2compare svg {
  transition: fill .2s ease, color .2s ease;
}
/* Сердце без заливки — прозрачный цвет вместо fill="none": иначе заливке не из чего
   перетекать, и она появляется скачком */
.catalog-detail a.add2fav:not(.active) svg {
  fill: transparent;
}
/* «В корзину» в карточке: отклик на 2 с после добавления (класс is-added ставит
   js/custom_jq.js) — тёмно-бордовая, как кнопка в каталоге; раньше на карточке отклика не было */
.catalog-detail .btn-add2cart-detail {
  transition: background-color .2s ease, border-color .2s ease;
}
.catalog-detail .btn-add2cart-detail.is-added,
.catalog-detail .btn-add2cart-detail.is-added:hover {
  background-color: #6A0010;
  border-color: #6A0010;
}
@media (prefers-reduced-motion: reduce) {
  .catalog-detail .product-title-tools a,
.catalog-detail a.add2fav,
.catalog-detail a.add2compare,
.catalog-detail .product-title-tools a svg,
.catalog-detail a.add2fav svg,
.catalog-detail a.add2compare svg,
.catalog-detail .btn-add2cart-detail {
    transition: none;
  }
}

/* End */


/* Start:/local/templates/main/assets/photoswipe/photoswipe.css?17919876647423*/
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

/* End */


/* Start:/local/templates/main/assets/photoswipe/tm-photoswipe.css?179201129013683*/
/* ---------- Общий просмотр фото сайта: PhotoSwipe 5 (tm-photoswipe.js) ----------
   Сплошной белый фон (фото товаров на белом сливаются с ним), фото крупно по центру,
   по бокам — приглушённые края соседних, тонкий крестик, неброский счётчик, стрелки сайта,
   миниатюры прямо на фоне. Базовые правила — assets/photoswipe/photoswipe.css; он подключается
   в любом порядке относительно этого файла, поэтому здесь селекторы .pswp.tm-pswp — иначе его значения перебивают наши. */
/* На время просмотра страница не прокручивается; ширину полосы прокрутки возмещает отступ
   (--tm-pswp-scrollbar ставит tm-photoswipe.js), поэтому страница под фоном не сдвигается */
html.tm-pswp-open {
  overflow: hidden;
  padding-right: var(--tm-pswp-scrollbar, 0px);
}
/* Шапка закреплена и центрируется по окну — без полосы прокрутки она съехала бы на половину полосы;
   правый край сдвигаем на ту же ширину, и шапка остаётся на месте */
@media (min-width: 992px) {
  html.tm-pswp-open .header {
    right: var(--tm-pswp-scrollbar, 0px);
  }
}
.pswp.tm-pswp {
  --pswp-bg: #fff;
  --pswp-placeholder-bg: transparent;
  --pswp-icon-color: var(--color-black);
  --pswp-icon-color-secondary: var(--color-black);
  --pswp-icon-stroke-color: transparent;
  --pswp-icon-stroke-width: 0;
  font-family: 'Matahari', Arial, sans-serif;
  color: var(--color-black);
}
/* Одно фото: счётчик «1 / 1» не нужен */
.pswp.tm-pswp.pswp--one-slide .pswp__counter {
  display: none;
}
.pswp.tm-pswp .pswp__top-bar {
  height: 72px;
  padding: 0 8px 0 24px;
  align-items: center;
}
.pswp.tm-pswp .pswp__counter {
  height: auto;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
  color: var(--color-lowgrey);
  text-shadow: none;
  opacity: 1;
}
.pswp.tm-pswp .pswp__button {
  opacity: 1;
  color: var(--color-lowgrey);
  transition: color .2s ease, opacity .2s ease;
}
/* Иконки — тонкие линии цвета кнопки (у PhotoSwipe по умолчанию заливка с обводкой) */
.pswp.tm-pswp .pswp__icn {
  fill: none;
  color: inherit;
}
.pswp.tm-pswp .pswp__button:hover,
.pswp.tm-pswp .pswp__button:focus-visible {
  color: var(--color-black);
}
/* Фокус — только с клавиатуры: ровное кольцо по форме кнопки вместо стандартной рамки браузера */
.pswp.tm-pswp :focus {
  outline: none;
}
.pswp.tm-pswp .pswp__button--close:focus-visible .pswp__icn,
.pswp.tm-pswp .pswp__button--arrow:focus-visible .pswp__icn,
.pswp.tm-pswp .tm-pswp-thumb:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-black);
}
.pswp.tm-pswp .pswp__button--close .pswp__icn {
  border-radius: 50%;
}
.pswp.tm-pswp .pswp__button--close {
  width: 48px;
  height: 48px;
  margin: 0;
}
.pswp.tm-pswp .pswp__button--close .pswp__icn {
  position: static;
  width: 32px;
  height: 32px;
  margin: 8px;
}
/* Стрелки: белый круг с тонкой рамкой, как у слайдеров сайта, — поверх краёв соседних фото */
.pswp.tm-pswp .pswp__button--arrow {
  top: 50%;
  width: 56px;
  height: 56px;
  margin-top: -56px;
  color: var(--color-black);
  cursor: pointer;
}
.pswp.tm-pswp .pswp__button--arrow .pswp__icn {
  top: 4px;
  left: 4px;
  width: 48px;
  height: 48px;
  margin: 0;
  border: 1px solid var(--color-darkgrey);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 12px rgba(66, 59, 56, .08);
  transition: border-color .2s ease, box-shadow .2s ease, transform .12s ease;
}
.pswp.tm-pswp .pswp__button--arrow:hover .pswp__icn {
  border-color: var(--color-midgrey);
  box-shadow: 0 4px 16px rgba(66, 59, 56, .14);
}
.pswp.tm-pswp .pswp__button--arrow:active .pswp__icn {
  transform: scale(.94);
}
.pswp.tm-pswp .pswp__button--arrow--next:active .pswp__icn {
  transform: scale(-.94, .94);
}
.pswp.tm-pswp .pswp__button--arrow--prev {
  left: 32px;
}
.pswp.tm-pswp .pswp__button--arrow--next {
  right: 32px;
}
.pswp.tm-pswp .pswp__button--arrow--next .pswp__icn {
  right: auto;
  left: 4px;
}
.pswp.tm-pswp .pswp__button--arrow:disabled {
  opacity: 0;
  pointer-events: none;
}
/* Соседние фото: приглушены, проявляются после раскрытия (tm-pswp--opened) и гаснут
   вместе с движением при листании (tm-is-current ставит tm-photoswipe.js в момент смены).
   Нажатия ловит только сама картинка — пустые края соседних слайдов не мешают текущему */
.pswp.tm-pswp .pswp__item {
  pointer-events: none;
  transition: opacity .15s ease;
}
.pswp.tm-pswp.tm-pswp--marked .pswp__item:not(.tm-is-current) {
  opacity: 0;
}
.pswp.tm-pswp.tm-pswp--opened .pswp__item {
  transition: opacity .4s cubic-bezier(.2, .8, .2, 1);
}
.pswp.tm-pswp.tm-pswp--opened .pswp__item:not(.tm-is-current) {
  opacity: .32;
}
.pswp.tm-pswp.tm-pswp--opened .pswp__item:not(.tm-is-current):hover {
  opacity: .5;
}
.pswp.tm-pswp.pswp--zoomed-in .pswp__item:not(.tm-is-current) {
  opacity: 0;
}
.pswp.tm-pswp .pswp__zoom-wrap {
  pointer-events: auto;
}
.pswp.tm-pswp .pswp__item:not(.tm-is-current) .pswp__img {
  cursor: pointer;
}
/* Фото не загрузилось — спокойная подпись вместо белого текста PhotoSwipe */
.pswp.tm-pswp .pswp__error-msg {
  font-size: 14px;
  color: var(--color-lowgrey);
}
/* Лупа (tm-photoswipe.js, «Лупа в окне просмотра»): круг с оригиналом фото, который ходит
   за курсором; включается кликом по фото, поэтому над фото курсор-лупа */
.pswp.tm-pswp.tm-pswp--loupe-ready .pswp__item.tm-is-current .pswp__img {
  cursor: zoom-in;
}
.tm-pswp-loupe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: clamp(240px, 34vh, 380px);
  height: clamp(240px, 34vh, 380px);
  border: 1px solid var(--color-darkgrey);
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  box-shadow: 0 12px 40px rgba(66, 59, 56, .16);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  will-change: transform;
}
.tm-pswp-loupe.is-visible {
  opacity: 1;
}
/* В режиме лупы: курсор над фото скрыт (его место — центр круга), соседние фото спрятаны */
.pswp.tm-pswp.tm-pswp--loupe-ready.tm-pswp--loupe .pswp__item .pswp__img {
  cursor: none;
}
.pswp.tm-pswp.tm-pswp--loupe .pswp__item:not(.tm-is-current) {
  opacity: 0;
  pointer-events: none;
}
/* Миниатюры внизу прямо на белом фоне (их создаёт tm-photoswipe.js; телефон — ниже, в конце файла;
   класс элемента PhotoSwipe — pswp__ + имя) */
.pswp.tm-pswp .pswp__tm-thumbs {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  padding: 0 96px 32px;
  pointer-events: none;
}
.tm-pswp-thumbs__list {
  position: relative;
  display: flex;
  gap: 12px;
  max-width: 100%;
  padding: 4px 4px 12px;
  overflow-x: auto;
  scrollbar-width: none;
  pointer-events: auto;
}
.tm-pswp-thumbs__list::-webkit-scrollbar {
  display: none;
}
/* Длинная лента: край гаснет с той стороны, куда ещё можно листать */
.tm-pswp-thumbs__list.is-start {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 48px);
  mask-image: linear-gradient(90deg, transparent, #000 48px);
}
.tm-pswp-thumbs__list.is-end {
  -webkit-mask-image: linear-gradient(270deg, transparent, #000 48px);
  mask-image: linear-gradient(270deg, transparent, #000 48px);
}
.tm-pswp-thumbs__list.is-start.is-end {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 48px, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 48px, #000 calc(100% - 48px), transparent);
}
.tm-pswp-thumb {
  position: relative;
  flex: none;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: #fff;
  opacity: .4;
  cursor: pointer;
  transition: opacity .25s ease;
}
.tm-pswp-thumb:hover,
.tm-pswp-thumb:focus-visible {
  opacity: .8;
}
.tm-pswp-thumb.is-current {
  opacity: 1;
}
/* Текущая — тонкая полоска акцентного цвета снизу */
.tm-pswp-thumb::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: -10px;
  height: 2px;
  border-radius: 1px;
  background: var(--color-red);
  transform: scaleX(0);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}
.tm-pswp-thumb.is-current::after {
  transform: scaleX(1);
}
.tm-pswp-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: contain;
  pointer-events: none;
}
/* Панели проявляются вместе с фоном при открытии и быстро гаснут при закрытии */
.pswp.tm-pswp .pswp__top-bar,
.pswp.tm-pswp .pswp__button--arrow,
.pswp.tm-pswp .pswp__tm-thumbs {
  transition: opacity .3s cubic-bezier(.2, .8, .2, 1);
}
.pswp.tm-pswp:not(.pswp--ui-visible) .pswp__tm-thumbs {
  opacity: 0;
}
/* Подпись к фото (data-caption ссылки): по центру верхней панели, на одной оси со счётчиком и крестиком */
.pswp.tm-pswp .pswp__tm-caption {
  position: absolute;
  top: env(safe-area-inset-top, 0px);
  left: 50%;
  z-index: 10;
  max-width: calc(100% - 144px);
  overflow: hidden;
  font-size: 14px;
  line-height: 56px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--color-black);
  pointer-events: none;
  transform: translateX(-50%);
  transition: opacity .3s cubic-bezier(.2, .8, .2, 1);
}
.pswp.tm-pswp .pswp__tm-caption:empty,
.pswp.tm-pswp:not(.pswp--ui-visible) .pswp__tm-caption {
  opacity: 0;
}
@media (min-width: 992px) {
  .pswp.tm-pswp .pswp__tm-caption {
    top: 0;
    max-width: 50%;
    font-size: 16px;
    line-height: 72px;
  }
}
/* ---------- Телефон и планшет (<992) ----------
   Фото во всю ширину между верхней панелью (56 px) и лентой миниатюр (72 px) — те же числа
   в tm-photoswipe.js (TM_GALLERY_MOBILE_BAR, TM_GALLERY_MOBILE_THUMBS). Панели не заходят под вырез
   и полосу «домой» (safe-area). Пока фото тянут вниз, чтобы закрыть, панели гаснут вместе с фоном
   (--tm-pswp-ui ставит tm-photoswipe.js) */
@media (max-width: 991px) {
  .pswp.tm-pswp .pswp__top-bar {
    height: calc(56px + env(safe-area-inset-top, 0px));
    padding: env(safe-area-inset-top, 0px) calc(4px + env(safe-area-inset-right, 0px)) 0 calc(16px + env(safe-area-inset-left, 0px));
  }
  .pswp.tm-pswp.pswp--ui-visible .pswp__top-bar,
  .pswp.tm-pswp.pswp--ui-visible .pswp__tm-thumbs,
  .pswp.tm-pswp.pswp--ui-visible .pswp__tm-caption:not(:empty) {
    opacity: var(--tm-pswp-ui, 1);
  }
  .pswp.tm-pswp.tm-pswp--drag .pswp__top-bar,
  .pswp.tm-pswp.tm-pswp--drag .pswp__tm-thumbs,
  .pswp.tm-pswp.tm-pswp--drag .pswp__tm-caption {
    transition: none;
  }
  .pswp.tm-pswp .pswp__tm-thumbs {
    padding: 0 calc(8px + env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) calc(8px + env(safe-area-inset-left, 0px));
  }
  /* Ленту листают пальцем вбок (у окна PhotoSwipe жесты браузера выключены), без отскока страницы */
  .tm-pswp-thumbs__list {
    gap: 8px;
    padding: 4px 4px 12px;
    touch-action: pan-x;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  .tm-pswp-thumbs__list.is-start {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px);
    mask-image: linear-gradient(90deg, transparent, #000 24px);
  }
  .tm-pswp-thumbs__list.is-end {
    -webkit-mask-image: linear-gradient(270deg, transparent, #000 24px);
    mask-image: linear-gradient(270deg, transparent, #000 24px);
  }
  .tm-pswp-thumbs__list.is-start.is-end {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
  }
  .tm-pswp-thumb {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    -webkit-tap-highlight-color: transparent;
  }
  .tm-pswp-thumb::after {
    left: 12px;
    right: 12px;
    bottom: -8px;
  }
}

/* End */


/* Start:/local/templates/main/css/brand-description.css?17918351946406*/
/* Описания брендов (.description.brand) на карточке товара и детальной бренда.
   Подключение: news.detail/product и news.detail/brand через addExternalCss.
   В DETAIL_TEXT админки — только HTML без <style>; акцент = фирменный --color-red. */

.description.brand {
  --bd-accent: var(--color-red);
  --bd-ink: var(--color-black, #423B38);
  --bd-light-card: #f9f5f2;
  --bd-border: #e8e0d8;
  --bd-stripe: 7px;
  --bd-ruler: calc(var(--bd-stripe) + 16px);
  --bd-radius: 12px;
  --bd-shadow: 0 3px 10px rgba(140, 0, 20, 0.05);
  --bd-shadow-hover: 0 8px 25px rgba(140, 0, 20, 0.12);

  color: var(--bd-ink);
  font-size: 16px;
  line-height: 1.78;
  max-width: 100%;
  margin: 0 auto;
}

.description.brand .brand-intro p {
  font-size: 16px;
  margin-bottom: 32px;
  padding: 0 14px;
  line-height: 1.8;
}

.description.brand .highlights {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}

.description.brand details {
  position: relative;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--bd-accent) 9%, transparent) 0%,
    color-mix(in srgb, var(--bd-accent) 3%, transparent) 40%,
    var(--bd-light-card) 100%
  );
  border: 1px solid var(--bd-border);
  border-radius: var(--bd-radius);
  overflow: hidden;
  box-shadow: var(--bd-shadow);
  transition:
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.description.brand details:hover {
  box-shadow: var(--bd-shadow-hover);
  transform: translateY(-2px);
}

.description.brand details::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--bd-stripe);
  background: var(--bd-accent);
  z-index: 1;
}

.description.brand details[open] {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--bd-accent) 7%, transparent) 0%,
    color-mix(in srgb, var(--bd-accent) 2%, transparent) 40%,
    #fdfaf7 100%
  );
}

.description.brand summary {
  cursor: pointer;
  padding: 18px 45px 18px var(--bd-ruler);
  font-size: 19.5px;
  font-weight: 700;
  color: var(--bd-accent);
  position: relative;
  list-style: none;
  transition: color 0.2s ease;
}

.description.brand summary::-webkit-details-marker {
  display: none;
}

.description.brand summary:focus-visible {
  outline: 2px solid var(--bd-accent);
  outline-offset: 3px;
  border-radius: 6px;
}

.description.brand summary::after {
  content: "▸";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #666;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.3s ease;
}

.description.brand details[open] summary::after {
  color: var(--bd-accent);
  transform: translateY(-50%) rotate(90deg);
}

.description.brand .highlight-content {
  padding: 0 28px 24px var(--bd-ruler);
}

.description.brand .highlight-content p {
  font-size: 15.5px;
  line-height: 1.75;
  margin: 0;
}

.description.brand .brand-conclusion p {
  font-size: 16.5px;
  font-weight: 600;
  color: var(--bd-accent);
  text-align: center;
  margin-top: 32px;
  padding: 0 14px;
  line-height: 1.7;
}

@media (max-width: 640px) {
  .description.brand {
    --bd-stripe: 5px;
    --bd-ruler: 18px;
    --bd-mobile-left-pad: 18px;
  }

  .description.brand .brand-intro p {
    padding: 0 8px;
    margin-bottom: 24px;
  }

  .description.brand .highlights {
    gap: 14px;
    margin-bottom: 24px;
  }

  .description.brand details::before {
    width: 100% !important;
    height: 5px;
    left: 0;
    top: 0;
    bottom: auto;
    border-radius: var(--bd-radius) var(--bd-radius) 0 0;
  }

  .description.brand summary {
    padding: 15px 36px 12px var(--bd-mobile-left-pad);
    font-size: 15.5px;
  }

  .description.brand summary::after {
    right: 12px;
    font-size: 17px;
  }

  .description.brand .highlight-content {
    padding: 0 22px 18px var(--bd-mobile-left-pad);
  }

  .description.brand .highlight-content p {
    font-size: 15px;
    line-height: 1.7;
  }

  .description.brand .brand-conclusion p {
    margin-top: 24px;
    padding: 0 8px;
  }
}

@media (max-width: 480px) {
  .description.brand {
    --bd-mobile-left-pad: 16px;
  }

  .description.brand summary {
    padding: 14px 32px 11px var(--bd-mobile-left-pad);
    font-size: 15px;
  }

  .description.brand .highlight-content {
    padding: 0 18px 16px var(--bd-mobile-left-pad);
  }

  .description.brand .highlight-content p {
    font-size: 14px;
  }
}

/* desk-scale: начало (сгенерировано .tools/desk-scale, руками не править) */
@media (min-width: 992px) {
    .description.brand {
        --bd-stripe: 5.95px;
        --bd-ruler: calc(var(--bd-stripe) + 13.6px);
        --bd-radius: 10.2px;
        --bd-shadow: 0 2.55px 8.5px rgba(140, 0, 20, 0.05);
        --bd-shadow-hover: 0 6.8px 21.25px rgba(140, 0, 20, 0.12);
        font-size: 13.6px
    }
    .description.brand .brand-intro p {
        font-size: 13.6px;
        margin-bottom: 27.2px;
        padding: 0 11.9px
    }
    .description.brand .highlights {
        gap: 13.6px;
        margin-bottom: 27.2px
    }
    .description.brand details:hover {
        transform: translateY(-1.7px)
    }
    .description.brand summary {
        padding: 15.3px 38.25px 15.3px var(--bd-ruler);
        font-size: 16.58px
    }
    .description.brand summary:focus-visible {
        outline: 1.7px solid var(--bd-accent);
        outline-offset: 2.55px;
        border-radius: 5.1px
    }
    .description.brand summary::after {
        right: 15.3px;
        transform: translateY(-50%);
        font-size: 15.3px
    }
    .description.brand details[open] summary::after {
        transform: translateY(-50%) rotate(90deg)
    }
    .description.brand .highlight-content {
        padding: 0 23.8px 20.4px var(--bd-ruler)
    }
    .description.brand .highlight-content p {
        font-size: 13.18px;
        margin: 0
    }
    .description.brand .brand-conclusion p {
        font-size: 14.03px;
        margin-top: 27.2px;
        padding: 0 11.9px
    }
}
/* desk-scale: конец */

/* End */


/* Start:/local/templates/main/components/bitrix/catalog.section/slider/style.css?17918855483811*/
/* desk-clean: начало — ленты карточек на ПК: 4 / 5 / 6 карточек и край следующей по порогам Bootstrap, зазор 8 px.
   Кодмод desk-scale этот участок не зеркалит. */
@media (min-width: 992px) {
  /* Ленты товаров главной (вкладки): нативная прокрутка с прилипанием, см. tmBindMainHitsRail в js/custom.js */
  html .catalog-list.catalog-main .popular-items {
    --tm-rail-shown: 6;
  }
  html .catalog-list.catalog-main .popular-items .slick-init {
    scroll-snap-type: x mandatory;
  }
  html .catalog-list.catalog-main .popular-items .slick-init.tm-rail-nosnap {
    scroll-snap-type: none;
  }
  html .catalog-list.catalog-main .popular-items .item {
    flex: 0 0 calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + .25));
    width: calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + .25));
    min-width: calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + .25));
    max-width: calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + .25));
    scroll-snap-align: start;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  html .catalog-list.catalog-main .popular-items {
    --tm-rail-shown: 5;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html .catalog-list.catalog-main .popular-items {
    --tm-rail-shown: 4;
  }
}

/* Масштаб ПК (волна desk-4, бывший css/desktop-scale.css): ленты «Похожие» / «Недавно просмотренные»
   в карточке товара — нативная прокрутка вместо slick, как на главной. */
@media (min-width: 992px) {
  html .additional-products .popular-items {
    --tm-rail-shown: 6;
  }
  html .additional-products .popular-items .slick-init:not(.slick-initialized) {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding: 1.5px 0 4px;
  }
  html .additional-products .popular-items .slick-init:not(.slick-initialized)::-webkit-scrollbar {
    display: none;
  }
  html .additional-products .popular-items .slick-init:not(.slick-initialized) {
    scroll-snap-type: x mandatory;
  }
  html .additional-products .popular-items .slick-init.tm-rail-nosnap {
    scroll-snap-type: none;
  }
  html .additional-products .popular-items .slick-init:not(.slick-initialized) .item {
    flex: 0 0 calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + .25));
    width: calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + .25));
    min-width: calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + .25));
    max-width: calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + .25));
    scroll-snap-align: start;
  }
  html .additional-products .popular-items .slick-init:not(.slick-initialized) .item {
    margin: 0 !important;
    user-select: none;
  }
  html .additional-products .popular-items .slick-init:not(.slick-initialized) a,
    html .additional-products .popular-items .slick-init:not(.slick-initialized) img {
    -webkit-user-drag: none;
  }
  html .additional-products .popular-items .slick-init.is-dragging a {
    pointer-events: none;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  html .additional-products .popular-items {
    --tm-rail-shown: 5;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html .additional-products .popular-items {
    --tm-rail-shown: 4;
  }
}
/* desk-clean: конец */

/* End */
/* /local/templates/main/components/bitrix/news.detail/product/style.css?1792083728129636 */
/* /local/templates/main/assets/photoswipe/photoswipe.css?17919876647423 */
/* /local/templates/main/assets/photoswipe/tm-photoswipe.css?179201129013683 */
/* /local/templates/main/css/brand-description.css?17918351946406 */
/* /local/templates/main/components/bitrix/catalog.section/slider/style.css?17918855483811 */