/* Start:/local/templates/main_new/components/bitrix/catalog/catalog/style.css?17806452003223*/
.tm-shop-header {
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 0px;
}
.tm-shop-header .nice-select {
  width: auto;
  min-width: 200px;
}
.tm-shop-header .nice-select .list {
  width: 100%;
}
.tm-shop-productview {
  margin-top: 15px;
  margin-right: 50px;
}
.tm-shop-productview span {
  margin-right: 10px;
}
.tm-shop-productview button {
  padding: 5px;
  font-size: 20px;
  height: auto;
  border: 0;
  vertical-align: middle;
}
.tm-shop-productview button.active {
  color: #000000;
}
.tm-shop-countview {
	margin-bottom: 0;
	flex-grow: 100;
	margin-top: 15px;
}

.catalog-block-header {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 2px solid #d9dee6;
	border-bottom-color: var(--primary);
	color: #000;
}
.showFilter {
	width: 95%;
	margin-top: 20px;
}
.tm-shop-header  .tm-count-header {
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 600;
}
.tm-shop-header  a.tm-count-header:hover {
	color: #09C4C4;
}
.tm-shop-header a {
	margin-right: 10px;
}
.tm-shop-header .tm-count-header--active {
	color: #3667A9;
	text-decoration: underline;
}
.catalog-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.catalog-advantages {
	display: flex;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 15px 15px;
	max-width: 500px;
	align-items: center;
}
.catalog-advantages img {
	width: 34px;
}
.advantage_image {
	margin-right: 10px;
}
.catalog-advantages.mobile {
	display: none;
}
@media(max-width: 899px) {
	.container .tm-shop-header {
		margin-top: 20px;
	}
	.container .tm-padding-section {
		padding-top: 0;
	}
	.catalog-advantages.desctop {
		display: none;
	}
	.catalog-advantages.mobile {
		display: flex;
		margin-top: 30px;
	}
}
@media(max-width: 550px) {
	.tm-shop-header .nice-select {
		min-width: 100%;
	}
	.container .tm-shop-header {
		margin-top: 30px;
	}
	.tm-shop-header  .tm-count-header  {
		margin-bottom: 10px;
	}
	.tm-shop-header  .tm-count-header.title-3  {
		font-size: 18px;
	}
}


/* Automated SEO Tags / Interlinking Styles */
.sotbit-seometa-tags-container {
    margin: 25px 0 15px;
    padding: 18px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}
.sotbit-seometa-tags-title {
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 14px;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 8px;
}
.sotbit-seometa-tags-title::before {
    content: "❖";
    color: #0052a2;
    font-size: 1.1rem;
}
.sotbit-seometa-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sotbit-seometa-tag-item {
    display: inline-block;
    padding: 8px 16px;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #0052a2;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.sotbit-seometa-tag-item:hover {
    background-color: #0052a2;
    color: #ffffff;
    border-color: #0052a2;
    box-shadow: 0 4px 8px rgba(0, 82, 162, 0.15);
    transform: translateY(-1px);
}

/* End */


/* Start:/local/templates/main_new/components/bitrix/catalog.element/catalog/style.css?178655465255731*/
/**
 * Product Details
 */
.tm-prodetails-thumbnails.only .tm-prodetails-thumbnail {
	width: 150px;
}
.tm-prodetails-largeimages {
  overflow: hidden;
}

.tm-prodetails-largeimage a {
	position: relative;
	z-index: 1;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	height: min(40vw, 560px);
	border: 1px solid #ebebeb;
}

.tm-prodetails-largeimage a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.tm-prodetails-largeimage a::after {
  content: "\f25e";
  font-family: 'Ionicons';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 110px;
  z-index: 1;
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 3;
}

.tm-prodetails-largeimage a:hover::before {
  visibility: visible;
  opacity: 1;
}

.tm-prodetails-largeimage a:hover::after {
  visibility: visible;
  opacity: 1;
}

.tm-prodetails-thumbnails {
  overflow: hidden;
}

.tm-prodetails-thumbnails .slick-list {
  margin-right: -5px;
  margin-left: -5px;
}

.tm-prodetails-thumbnails .tm-slider-arrows-prev,
.tm-prodetails-thumbnails .tm-slider-arrows-next {
  background: #0053a5;
  border-color: #0053a5;
  color: #ffffff;
}

.tm-prodetails-thumbnails .tm-slider-arrows-prev {
  left: 0;
  right: auto;
}

.tm-prodetails-thumbnails .tm-slider-arrows-next {
  right: 0;
  left: auto;
}
.tm-prodetails sup {
	line-height: 1;
	top: 0;
}
.tm-prodetails-thumbnail {
  margin: 0 4px;
  margin-top: 9px;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  overflow: hidden;
}

.tm-prodetails-title {
  margin-top: -5px;
  margin-bottom: 5px;
  font-family: "Open Sans", sans-serif;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.tm-prodetails-title a {
  color: #000000;
}

.tm-prodetails-title a:hover {
  color: #0053a5;
}

.tm-prodetails-price {
  color: #0053a5;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
  font-size: 18px;
}

.tm-prodetails-price del {
  color: #707070;
  margin-right: 10px;
  font-size: 16px;
}

.tm-prodetails-infos {
  margin-top: 15px;
}

.tm-prodetails-tags ul, .property-row ul {
  -webkit-flex-shrink: 100;
      -ms-flex-negative: 100;
          flex-shrink: 100;
  padding-left: 0;
  margin-bottom: 0;
  display: inline-block;
}

.tm-prodetails-tags ul li, .property-row ul li {
  list-style: none;
  display: inline-block;
}

.tm-prodetails-tags ul li:not(:last-child)::after,
.property-row ul li:not(:last-child)::after {
  content: ",";
}

.tm-prodetails-singleinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tm-prodetails-singleinfo b {
  margin-right: 10px;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
}

.tm-prodetails-singleinfo a,
.tm-prodetails-singleinfo a:visited,
.tm-prodetails-singleinfo a:hover {
  color: #0053a5;
}
.tm-prodetails-singleinfo a:hover {
  text-decoration: underline;
}

.tm-prodetails-content > p {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.tm-prodetails-quantitycart {
  margin-top: 30px;
  margin-bottom: 30px;
}

.tm-prodetails-quantitycart .title-6 {
  margin-bottom: 15px;
  margin-right: 10px;
}

.tm-prodetails-quantitycart .tm-quantitybox {
  margin-right: 10px;
}

.tm-prodetails-share ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}

.tm-prodetails-share ul li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.tm-prodetails-share ul li::after {
  display: none;
}

.tm-prodetails-share ul li a {
  display: inline-block;
  color: #707070;
  font-size: 18px;
}

.tm-prodetails-share ul li a:hover {
  color: #0053a5;
}

.tm-prodetails-description ul {
  padding-left: 0;
  margin-bottom: 0;
}

.tm-prodetails-description ul li {
  list-style: none;
}

.tm-prodetails-description p:last-child {
  margin-bottom: 0;
}
.tm-prodetails .qalculate > div {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.tm-prodetails .qalculate label {
	margin-right: 10px;
	min-width: 200px;
}
ol {
	padding-left: 15px; 
}
.advantage-bottom {
	margin-top: 50px;
}
.advantage-bottom ul {
	padding-left: 15px;
}
.advantage-bottom li {
	color: black;
}
.advantage-bottom a {
	border-bottom: 1px solid black;
}
@media only screen and (max-width: 1199px) {
  .tm-prodetails-thumbnails .tm-slider-arrows-prev,
  .tm-prodetails-thumbnails .tm-slider-arrows-next {
    top: 50%;
    margin-top: -20px;
  }
  .tm-prodetails-quantitycart .tm-button {
    padding: 0 15px;
    min-width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .tm-prodetails-content {
    margin-top: 40px;
  }
}

.tm-similliar-products h4 {
  margin-bottom: 25px;
}
@media(max-width: 960px) {
	.qalculate label {
		min-width: auto;
	}
}
@media(max-width: 600px){
	.tm-prodetails-largeimage a {
		height: min(90vw, 560px);
	}
}
.tm-prodetails .calculate {
	align-items: center;
}
.tm-prodetails .calculate .round {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ebebeb;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: 0.3s;
}
.tm-prodetails .calculate .round path {
	stroke: black;
}
.tm-prodetails .calculate .quantity {
	margin: 0 10px;
	width: 70px;
	text-align: center;
}
.tm-prodetails input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}
 
.tm-prodetails input[type="number"]::-webkit-outer-spin-button,
.tm-prodetails input[type="number"]::-webkit-inner-spin-button {
	display: none;
}
.tm-prodetails .calculate .quantity input {
	text-align: center;
}
.tm-prodetails .calculate .round:hover {
	border-color: black;
}
.tm-prodetails .calculate .round.disabled:hover {
	border-color: #ebebeb;
}
.priceItog {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.priceItog .title-6 {
	margin: 0;
}
.priceItog .sum_price {
	margin-left: 10px;
}
.tm-prodetails-images img{
	max-height: 100%
}

/* Button 'Add to Cart' styling to match the listing 'Buy' button */
.tm-prodetails-quantitycart .tm-button.tm-button-dark {
    background: #3667A9 !important;
    border-color: #3667A9 !important;
    border-radius: .75rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    transition: all 0.3s ease-in-out !important;
}

.tm-prodetails-quantitycart .tm-button.tm-button-dark::before {
    display: none !important;
}

.tm-prodetails-quantitycart .tm-button.tm-button-dark:hover {
    background: #09C4C4 !important;
    border-color: #09C4C4 !important;
    color: #ffffff !important;
}

/* ================= Stage 1 (ТЗ пп. 1,4,5,7,8,9) ================= */

/* п.1 — превью: прямоугольные, все одной высоты, аккуратный бордер, рамка на выбранном */
.tm-prodetails-thumbnails .tm-prodetails-thumbnail {
    border: 0;
    background: transparent;
    box-sizing: border-box;
}
.tm-prodetails-thumbnails .tm-prodetails-thumbnail img {
    display: block;
    width: 100%;
    height: 82px;
    object-fit: cover;
    border: 1px solid #dcdfe5;
    border-radius: 8px;
    box-sizing: border-box;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.tm-prodetails-thumbnails .tm-prodetails-thumbnail:hover img {
    border-color: #b9c2d4;
}
.tm-prodetails-thumbnails .slick-current .tm-prodetails-thumbnail img,
.tm-prodetails-thumbnails .tm-prodetails-thumbnail.slick-current img {
    border-color: #3667A9;
    box-shadow: inset 0 0 0 1px #3667A9;
}
.tm-prodetails-thumbnails.only .tm-prodetails-thumbnail {
    width: auto;
    max-width: 160px;
}
.tm-prodetails-thumbnails.only .tm-prodetails-thumbnail img {
    height: 120px;
}

/* п.4 — выравнивание характеристик в сетку метка/значение */
.tm-prodetails-content .tm-prodetails-singleinfo {
    align-items: baseline;
    margin-bottom: 6px;
}
.tm-prodetails-content .tm-prodetails-singleinfo b {
    flex: 0 0 190px;
    white-space: normal;
}
@media (max-width: 600px) {
    .tm-prodetails-content .tm-prodetails-singleinfo {
        flex-wrap: wrap;
    }
    .tm-prodetails-content .tm-prodetails-singleinfo b {
        flex-basis: 100%;
        margin-bottom: 2px;
    }
}

/* п.5 — цена крупно + переключатель единиц + якорь */
.tm-price-head {
    margin-bottom: 12px;
}
.tm-price-head .tm-price-perm2 {
    font-size: 15px;
    color: #707070;
    line-height: 1.2;
}
.tm-price-head .tm-price-perpack {
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #3667A9;
    line-height: 1.2;
    margin-top: 2px;
}
.tm-price-head .tm-price-perpack span {
    font-size: 14px;
    font-weight: 400;
    color: #707070;
}
.tm-unit-switch {
    display: inline-flex;
    border: 1px solid #d9dee6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 18px;
}
.tm-unit-switch .tm-unit-btn {
    border: 0;
    background: #fff;
    padding: 7px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #3667A9;
    cursor: pointer;
    transition: all .2s ease;
}
.tm-unit-switch .tm-unit-btn + .tm-unit-btn {
    border-left: 1px solid #d9dee6;
}
.tm-unit-switch .tm-unit-btn.active {
    background: #3667A9;
    color: #fff;
}
.tm-unit-switch .tm-unit-btn sup {
    top: -.4em;
}
.tm-all-chars {
    display: inline-block;
    margin: 0 0 20px 14px;
    color: #0053a5;
    border-bottom: 1px solid #0053a5;
    font-size: 14px;
}
.tm-all-chars:hover {
    color: #09C4C4;
    border-color: #09C4C4;
}
.priceItog .sum_price {
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #3667A9;
}
.priceItog .title-6 {
    font-size: 16px;
}

/* п.8 — плашка «Дизайн-проект в подарок» */
.tm-design-project {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid #f0e2c0;
    border-radius: 12px;
    background: #fffaf0;
    text-decoration: none;
    transition: box-shadow .2s ease;
}
.tm-design-project:hover {
    box-shadow: 0 4px 14px rgba(232,163,23,.18);
}
.tm-design-project .tm-dp-ic {
    flex: 0 0 auto;
    display: flex;
}
.tm-design-project .tm-dp-txt {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.tm-design-project .tm-dp-txt b {
    color: #000;
    font-size: 15px;
}
.tm-design-project .tm-dp-txt small {
    color: #7a7a7a;
    font-size: 12.5px;
}
.tm-design-project .tm-dp-arrow {
    margin-left: auto;
    font-size: 22px;
    color: #c9a24a;
    line-height: 1;
}

/* п.7 — плашка доставки */
.tm-delivery-block {
    display: block;
    margin-top: 14px;
    padding: 6px 14px;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    text-decoration: none;
    transition: box-shadow .2s ease;
}
.tm-delivery-block:hover {
    box-shadow: 0 4px 14px rgba(54,103,169,.12);
}
.tm-delivery-block .tm-delivery-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
}
.tm-delivery-block .tm-delivery-row + .tm-delivery-row {
    border-top: 1px solid #f2f2f2;
}
.tm-delivery-block .tm-delivery-ic {
    flex: 0 0 auto;
    display: flex;
}
.tm-delivery-block .tm-delivery-txt {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}
.tm-delivery-block .tm-delivery-txt b {
    color: #000;
    font-size: 14.5px;
    font-weight: 600;
}
.tm-delivery-block .tm-delivery-txt small {
    color: #7a7a7a;
    font-size: 12.5px;
}

/* п.9 — спойлер описания */
.tm-prodetails-description .tm-desc-body {
    position: relative;
    max-height: 7.5em;
    overflow: hidden;
    transition: max-height .35s ease;
}
.tm-prodetails-description .tm-desc-body.open {
    max-height: none;
}
.tm-prodetails-description .tm-desc-body:not(.open)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.6em;
    background: linear-gradient(rgba(255,255,255,0), #fff);
    pointer-events: none;
}
.tm-desc-toggle {
    display: inline-block;
    margin-top: 12px;
    color: #0053a5;
    border-bottom: 1px solid #0053a5;
    cursor: pointer;
}
.tm-desc-toggle:hover {
    color: #09C4C4;
    border-color: #09C4C4;
}


/* ===== Stage 1b — правки по замечаниям (дубль цены, иерархия, полоса, пустота) ===== */

/* п.5 иерархия: цена за упаковку — крупная, «Всего» — доминирует */
.tm-price-head .tm-price-perpack {
    font-size: 22px;
    margin-top: 0;
}
.priceItog {
    border-top: 1px solid #ebebeb;
    padding-top: 14px;
    margin-top: 8px;
}
.priceItog .sum_price {
    font-size: 28px;
}

/* Полоса «доставка / дизайн-проект / преимущества» во всю ширину под первым экраном */
.tm-firstscreen-band {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: stretch;
    margin: 26px 0 6px;
}
.tm-firstscreen-band .tm-fb-card {
    flex: 1 1 260px;
    margin-top: 0;
    display: flex;
}
.tm-firstscreen-band .tm-delivery-block {
    flex-direction: column;
    justify-content: center;
}
.tm-firstscreen-band .tm-design-project {
    align-items: center;
}
.tm-advantages-card {
    flex-direction: column;
    justify-content: center;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    padding: 12px 16px;
}
.tm-advantages-card ul {
    padding-left: 16px;
    margin: 0;
    list-style: disc;
}
.tm-advantages-card li {
    color: #000;
    margin-bottom: 4px;
    font-size: 13.5px;
}
.tm-advantages-card li:last-child {
    margin-bottom: 0;
}
.tm-advantages-card a {
    border-bottom: 1px solid #000;
}
@media (max-width: 767px) {
    .tm-firstscreen-band .tm-fb-card {
        flex-basis: 100%;
    }
}


/* ===== Stage 2 — 3 колонки: галерея | характеристики | блок цены (ТЗ п.5) ===== */
.tm-prodetails-split {
    margin-top: 4px;
}
.tm-prodetails-chars {
    min-width: 0;
}
.tm-prodetails-chars .tm-prodetails-singleinfo b {
    flex-basis: 165px;
}
.tm-prodetails-buycol {
    min-width: 0;
}
.tm-prodetails-buybox {
    border: 1px solid #e6e9ef;
    border-radius: 14px;
    padding: 20px 18px;
    background: #fff;
    box-shadow: 0 6px 24px rgba(20, 40, 80, .06);
}
.tm-prodetails-buybox .tm-prodetails-quantitycart,
.tm-prodetails-buybox .title-4 {
    margin-top: 0;
}
.tm-prodetails-buybox .tm-button {
    width: 100%;
}
@media (min-width: 992px) {
    .tm-prodetails-buybox {
        position: sticky;
        top: 20px;
    }
}
@media (max-width: 991px) {
    .tm-prodetails-buycol {
        margin-top: 22px;
    }
    .tm-prodetails-chars .tm-prodetails-singleinfo b {
        flex-basis: 190px;
    }
}

/* ===== Stage 2c — фикс крайних превью и счётчика в узкой карточке цены ===== */

/* превью: убрать бордер родителя во всех состояниях и не обрезать крайние */
.tm-prodetails-thumbnails {
    overflow: visible;
}
.tm-prodetails-thumbnails .slick-list {
    overflow: hidden;
}
.tm-prodetails-thumbnails .tm-prodetails-thumbnail,
.tm-prodetails-thumbnails .tm-prodetails-thumbnail.slick-current,
.tm-prodetails-thumbnails .slick-current .tm-prodetails-thumbnail {
    border: 0 !important;
}

/* счётчик количества в узкой карточке цены: лейбл сверху, контролы на всю ширину */
.tm-prodetails-buybox .qalculate > div {
    display: block;
    margin-bottom: 16px;
}
.tm-prodetails-buybox .qalculate label {
    display: block;
    min-width: 0;
    margin: 0 0 8px;
}
.tm-prodetails-buybox .calculate {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.tm-prodetails-buybox .calculate .quantity {
    flex: 1 1 auto;
    width: auto;
    margin: 0 10px;
}


/* ===== Этап 2 — переключатели цвета/размера из коллекции (ТЗ пп. 2–3) ===== */
.tm-variants {
    margin: 2px 0 16px;
}
.tm-variant {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}
.tm-variant-label {
    flex: 0 0 70px;
    padding-top: 6px;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}
.tm-variant-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.tm-size-btn {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #d9dee6;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.2;
    color: #3667A9;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
}
.tm-size-btn:hover {
    border-color: #3667A9;
}
.tm-size-btn.active {
    background: #3667A9;
    border-color: #3667A9;
    color: #fff;
    cursor: default;
}
.tm-color-sw {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #eef1f5;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 0 1px #d9dee6;
    cursor: pointer;
    transition: box-shadow .15s;
}
.tm-color-sw:hover {
    box-shadow: 0 0 0 2px #3667A9;
}
.tm-color-sw.active {
    box-shadow: 0 0 0 2px #3667A9;
    cursor: default;
}

/* ===== Этап 2b — оформление средней колонки (характеристики + переключатели) ===== */

/* переключатели отделяем тонкой линией снизу */
.tm-prodetails-chars .tm-variants {
    margin: 2px 0 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf0f4;
}
.tm-prodetails-chars .tm-variant-label {
    flex: 0 0 90px;
    color: #7c8697;
    font-weight: 500;
}

/* характеристики — аккуратная таблица с пунктирными разделителями */
.tm-prodetails-chars .tm-prodetails-infos {
    margin-top: 0;
}
.tm-prodetails-chars .tm-prodetails-singleinfo {
    align-items: baseline;
    margin-bottom: 0;
    padding: 3px 0;
    border-bottom: 1px dotted #d7dde6 !important;
    color: #1f2733;
    font-size: 14px;
}
.tm-prodetails-chars > .tm-prodetails-singleinfo:last-child {
    border-bottom: 0 !important;
}
.tm-prodetails-chars .tm-prodetails-singleinfo b {
    flex: 0 0 145px;
    margin-right: 14px;
    color: #7c8697;
    font-weight: 500;
    white-space: normal;
}
.tm-prodetails-chars .tm-prodetails-singleinfo a,
.tm-prodetails-chars .tm-prodetails-singleinfo a:visited {
    color: #0053a5;
}
.tm-prodetails-chars .tm-prodetails-tags ul li:not(:last-child)::after {
    margin-right: 3px;
}

@media (max-width: 991px) {
    .tm-prodetails-chars .tm-prodetails-singleinfo b {
        flex-basis: 190px;
    }
}
@media (max-width: 600px) {
    .tm-prodetails-chars .tm-prodetails-singleinfo {
        flex-wrap: wrap;
    }
    .tm-prodetails-chars .tm-prodetails-singleinfo b {
        flex-basis: 100%;
        margin-bottom: 2px;
    }
}


/* ===== Этап 3 — полные характеристики (п.10) + документация (п.12) ===== */
.tm-fullchars {
    max-width: 780px;
}
.tm-fullchars-row {
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 8px 0;
    border-bottom: 1px dotted #d7dde6;
}
.tm-fullchars-row:last-child {
    border-bottom: 0;
}
.tm-fullchars-label {
    flex: 0 0 260px;
    color: #7c8697;
    font-weight: 500;
}
.tm-fullchars-value {
    color: #1f2733;
}
.tm-fullchars-value a {
    color: #0053a5;
}
.tm-docs {
    margin-top: 34px;
}
.tm-docs .title-4 {
    margin-bottom: 14px;
}
.tm-docs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.tm-doc-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
    text-decoration: none;
    transition: box-shadow .2s ease;
    min-width: 260px;
}
.tm-doc-item:hover {
    box-shadow: 0 4px 14px rgba(54, 103, 169, .12);
}
.tm-doc-name {
    color: #1f2733;
    font-weight: 500;
}
.tm-doc-size {
    color: #9aa3b2;
    font-size: 12.5px;
    margin-left: auto;
    white-space: nowrap;
}
@media (max-width: 600px) {
    .tm-fullchars-row {
        flex-wrap: wrap;
        gap: 2px;
    }
    .tm-fullchars-label {
        flex-basis: 100%;
    }
}


/* ===== Этап 3 — блок «Почему клиенты выбирают нас» (п.14) ===== */
.tm-whyus {
    margin: 50px 0 6px;
}
.tm-whyus-title {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #111;
    margin-bottom: 30px;
}
.tm-whyus-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
.tm-whyus-item {
    text-align: center;
}
.tm-whyus-ic {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #eaf1fb;
}
.tm-whyus-h {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #111;
    margin-bottom: 8px;
}
.tm-whyus-item p {
    color: #5c6473;
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}
@media (max-width: 991px) {
    .tm-whyus-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}
@media (max-width: 575px) {
    .tm-whyus-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== Этап 3 — отзывы (п.13) ===== */
.tm-reviews {
    margin: 46px 0 10px;
    padding: 26px 28px;
    border: 1px solid #ebebeb;
    border-radius: 16px;
}
.tm-reviews-head {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.tm-reviews-title {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-size: 26px;
    color: #111;
    margin: 0;
}
.tm-reviews-avg {
    display: flex;
    align-items: center;
    gap: 6px;
}
.tm-reviews-avgnum {
    font-weight: 700;
    color: #111;
}
.tm-reviews-cnt {
    color: #9aa3b2;
}
.tm-reviews-empty {
    color: #7c8697;
}
.tm-reviews-add-btn {
    margin-left: auto;
    border: 0;
    background: #2b3040;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 11px 22px;
    border-radius: 30px;
    cursor: pointer;
    transition: background .2s ease;
}
.tm-reviews-add-btn:hover {
    background: #3667A9;
}
.tm-stars {
    display: inline-flex;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
}
.tm-star {
    color: #d5d9e0;
}
.tm-star.on {
    color: #f5a623;
}

/* форма */
.tm-review-form {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #eef0f4;
}
.tm-review-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
}
.tm-review-form-row {
    margin-bottom: 14px;
}
.tm-review-form-row label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #7c8697;
}
.tm-inp {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #d9dee6;
    border-radius: 8px;
    font-size: 14px;
    color: #1f2733;
    background: #fff;
}
.tm-inp:focus {
    outline: none;
    border-color: #3667A9;
}
textarea.tm-inp {
    resize: vertical;
}
.tm-rate-input {
    display: inline-flex;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}
.tm-rate-star {
    color: #d5d9e0;
    transition: color .1s ease;
    padding: 0 2px;
}
.tm-rate-star.on {
    color: #f5a623;
}
.tm-review-captcha {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.tm-review-captcha img {
    height: 40px;
    border: 1px solid #e6e9ef;
    border-radius: 6px;
}
.tm-review-captcha .tm-inp {
    width: 180px;
}
.tm-captcha-reload {
    border: 1px solid #d9dee6;
    background: #fff;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #3667A9;
    cursor: pointer;
}
.tm-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.tm-review-consent {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #5c6473;
    margin: 6px 0 14px;
    cursor: pointer;
}
.tm-review-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}
.tm-review-actions .tm-button {
    width: auto;
    padding: 12px 26px;
}
.tm-review-msg {
    font-size: 14px;
}
.tm-review-msg.ok {
    color: #1a9e5a;
}
.tm-review-msg.err {
    color: #d33;
}

/* список отзывов */
.tm-reviews-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 40px;
    margin-top: 28px;
}
.tm-review-top {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 4px;
}
.tm-review-name {
    font-weight: 700;
    font-size: 17px;
    color: #111;
}
.tm-review-date {
    font-size: 12.5px;
    color: #9aa3b2;
}
.tm-review .tm-stars {
    margin-bottom: 10px;
}
.tm-review-pc {
    font-size: 14px;
    color: #1f2733;
    margin-bottom: 4px;
}
.tm-review-pc b {
    color: #111;
}
.tm-review-text {
    font-size: 14px;
    color: #3a414d;
    line-height: 1.55;
    margin-top: 8px;
}
.tm-review-photos {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.tm-review-photo {
    display: block;
    width: 74px;
    height: 74px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e6e9ef;
}
.tm-review-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* лайтбокс */
.tm-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .82);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    cursor: zoom-out;
    padding: 30px;
}
.tm-lightbox img {
    max-width: 92%;
    max-height: 92%;
    border-radius: 8px;
}

@media (max-width: 767px) {
    .tm-review-form-grid,
    .tm-reviews-list {
        grid-template-columns: 1fr;
    }
    .tm-reviews-add-btn {
        margin-left: 0;
    }
}

/* ===== Этап 3 — иконки назначения (п.6) + кнопка отправки отзыва ===== */
.tm-purpose {
    align-items: flex-start !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.tm-purpose-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.tm-purpose-ic {
    position: relative;
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e6ec;
    border-radius: 8px;
    color: #5c6473;
    cursor: default;
    transition: border-color .15s, color .15s;
}
.tm-purpose-ic svg {
    width: 20px;
    height: 20px;
}
.tm-purpose-ic:hover {
    border-color: #3667A9;
    color: #3667A9;
}
.tm-purpose-ic::after {
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 7px);
    left: 50%;
    transform: translateX(-50%);
    background: #2b3040;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 6px 9px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
    z-index: 6;
}
.tm-purpose-ic::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #2b3040;
    opacity: 0;
    transition: opacity .15s ease;
}
.tm-purpose-ic:hover::after,
.tm-purpose-ic:hover::before {
    opacity: 1;
}

/* кнопка «Отправить отзыв» — чистая, вместо красной тема-кнопки */
.tm-review-submit-btn {
    padding: 12px 30px;
    background: #3667A9;
    color: #fff;
    border: 0;
    border-radius: 10px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: background .2s ease;
}
.tm-review-submit-btn:hover {
    background: #2c568c;
}
.tm-review-submit-btn:disabled {
    opacity: .6;
    cursor: default;
}

/* ===== Правки по замечаниям: превью-radius, оформление «Почему выбирают нас» ===== */

/* убрать border-radius контейнера превью ТОЛЬКО в карточке (резал крайние миниатюры) */
.tm-prodetails-thumbnails .slick-list {
    border-radius: 0 !important;
}

/* блок «Почему клиенты выбирают нас» — карточки */
.tm-whyus {
    margin: 50px 0 6px;
    padding: 34px 30px;
    background: #f6f8fc;
    border-radius: 20px;
}
.tm-whyus-title {
    margin-bottom: 26px;
}
.tm-whyus-grid {
    gap: 20px;
}
.tm-whyus-item {
    background: #fff;
    border: 1px solid #eaeef4;
    border-radius: 16px;
    padding: 28px 22px;
    text-align: center;
    transition: box-shadow .22s ease, transform .22s ease;
}
.tm-whyus-item:hover {
    box-shadow: 0 12px 32px rgba(20, 40, 80, .09);
    transform: translateY(-3px);
}
.tm-whyus-ic {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    background: linear-gradient(135deg, #eaf1fb, #d9e7fb);
    box-shadow: 0 6px 16px rgba(54, 103, 169, .12);
}
.tm-whyus-ic svg {
    width: 28px;
    height: 28px;
    color: #3667A9;
}
.tm-whyus-h {
    font-size: 16px;
    margin-bottom: 10px;
}
.tm-whyus-item p {
    color: #6b7280;
    font-size: 13.5px;
}

/* ===== Разделители характеристик — усиленная специфичность (перебить тему и кэш) ===== */
.tm-prodetails-content .tm-prodetails-chars .tm-prodetails-infos .tm-prodetails-singleinfo,
.tm-prodetails-content .tm-prodetails-chars > .tm-prodetails-singleinfo {
    border-bottom: 1px dotted #c3cbd8 !important;
}
.tm-prodetails-content .tm-prodetails-chars > .tm-prodetails-singleinfo:last-child {
    border-bottom: 0 !important;
}

/* ===== Полный список характеристик в 2 колонки (меньше пустого места) ===== */
.tm-fullchars {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 46px;
    max-width: none;
}
.tm-fullchars-row {
    padding: 7px 0;
}
.tm-fullchars-label {
    flex: 0 0 220px;
}
@media (max-width: 767px) {
    .tm-fullchars {
        grid-template-columns: 1fr;
        column-gap: 0;
    }
    .tm-fullchars-label {
        flex-basis: 100%;
    }
}


/* ===== Правки 10.08 (Batch 1): фото, наличие, логотип, флаг, якорь ===== */

/* п.2 — большое фото заполняет всю область */
.tm-prodetails-largeimage a { background: #fff; }
.tm-prodetails-largeimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: none;
}

/* п.5/6 — плашка наличия + логотип бренда */
.tm-infostrip {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 12px 0 4px;
    flex-wrap: wrap;
}
.tm-instock {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13.5px;
    font-weight: 600;
    color: #1a9e5a;
    background: #eaf8ef;
    border: 1px solid #c9ecd6;
    padding: 5px 13px;
    border-radius: 30px;
}
.tm-instock-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1a9e5a;
}
.tm-instock.tm-instock-no {
    color: #b26a00;
    background: #fdf3e3;
    border-color: #f2ddb5;
}
.tm-brand-logo {
    height: 46px;
    width: auto;
    max-width: 210px;
    margin-left: auto;
    object-fit: contain;
}

/* п.7 — флаг страны */
.tm-flag {
    display: inline-block;
    width: 20px;
    height: 14px;
    margin-right: 6px;
    vertical-align: -2px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
}
.tm-flag svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* п.8 — «Все характеристики» под характеристиками */
.tm-prodetails-chars > .tm-all-chars {
    display: inline-block;
    margin: 16px 0 0 0;
    color: #0053a5;
    border-bottom: 1px solid #0053a5;
    font-size: 14px;
}
.tm-prodetails-chars > .tm-all-chars:hover {
    color: #09C4C4;
    border-color: #09C4C4;
}


/* Правки 10.08 (пп.3-4): подпись текущего цвета/размера */
.tm-variant-current { color: #9aa3b2; font-weight: 400; }


/* ===== Правки 10.08: баннер 3D (п.10), шоурум (п.16), переоформление полосы (п.9) ===== */

/* п.9 — полоса доставки/дизайн/преимущества: крупнее и заметнее */
.tm-firstscreen-band {
    gap: 18px;
}
.tm-firstscreen-band .tm-fb-card {
    padding: 18px 20px;
    border-radius: 14px;
}
.tm-delivery-block .tm-delivery-ic,
.tm-design-project .tm-dp-ic {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eef3fb;
    flex: 0 0 auto;
}
.tm-design-project .tm-dp-ic {
    background: #fdf3dc;
}
.tm-delivery-block .tm-delivery-ic svg,
.tm-design-project .tm-dp-ic svg {
    width: 24px;
    height: 24px;
}
.tm-delivery-block .tm-delivery-row {
    gap: 14px;
    padding: 10px 0;
}
.tm-delivery-block .tm-delivery-txt b,
.tm-design-project .tm-dp-txt b {
    font-size: 16px;
}
.tm-delivery-block .tm-delivery-txt small,
.tm-design-project .tm-dp-txt small {
    font-size: 13px;
}
.tm-design-project {
    gap: 16px;
    align-items: center;
}
.tm-advantages-card ul {
    list-style: none;
    padding: 0;
}
.tm-advantages-card li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
}
.tm-advantages-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3667A9;
}

/* п.10 — баннер 3D */
.tm-banner3d {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 30px 0 6px;
    padding: 34px 38px;
    border-radius: 20px;
    background: linear-gradient(120deg, #2f7fd1 0%, #2560b0 100%);
    color: #fff;
    overflow: hidden;
}
.tm-banner3d-text {
    flex: 1 1 auto;
}
.tm-banner3d-text h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-size: 26px;
    color: #fff;
    margin: 0 0 12px;
    line-height: 1.2;
}
.tm-banner3d-text p {
    font-size: 15px;
    line-height: 1.55;
    color: rgba(255, 255, 255, .92);
    margin: 0 0 20px;
    max-width: 720px;
}
.tm-banner3d-btn {
    display: inline-block;
    background: #fff;
    color: #2560b0;
    font-weight: 700;
    font-size: 15px;
    padding: 13px 34px;
    border-radius: 30px;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
}
.tm-banner3d-btn:hover {
    color: #2560b0;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}
.tm-banner3d-visual {
    flex: 0 0 270px;
}
.tm-banner3d-visual svg {
    width: 200px;
    height: 160px;
}
@media (max-width: 767px) {
    .tm-banner3d {
        flex-direction: column;
        text-align: center;
        padding: 26px 22px;
    }
    .tm-banner3d-visual {
        order: -1;
        flex-basis: auto;
    }
    .tm-banner3d-visual svg {
        width: 140px;
        height: 112px;
    }
}

/* п.16 — шоурум */
.tm-showroom {
    display: flex;
    gap: 26px;
    margin: 40px 0 6px;
    padding: 34px 38px;
    border-radius: 20px;
    background: #f5f1ea;
    border: 1px solid #ece5d9;
}
.tm-showroom-ic {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff;
    color: #b08b4f;
    box-shadow: 0 6px 16px rgba(150, 120, 60, .12);
}
.tm-showroom-ic svg {
    width: 30px;
    height: 30px;
}
.tm-showroom-text h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: #2a2013;
    margin: 0 0 14px;
    line-height: 1.25;
}
.tm-showroom-text p {
    font-size: 14.5px;
    line-height: 1.6;
    color: #5c5347;
    margin: 0 0 10px;
    max-width: 900px;
}
.tm-showroom-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.tm-showroom-btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14.5px;
    text-decoration: none;
    border: 1px solid #2a2013;
    color: #2a2013;
    transition: all .15s ease;
}
.tm-showroom-btn:hover {
    background: #2a2013;
    color: #fff;
}
.tm-showroom-btn.primary {
    background: #2a2013;
    color: #fff;
}
.tm-showroom-btn.primary:hover {
    background: #40311d;
    color: #fff;
}
@media (max-width: 767px) {
    .tm-showroom {
        flex-direction: column;
        padding: 26px 22px;
    }
}

/* ===== п.9 (v2): полоса преимуществ — 4 равные плитки, без пустот ===== */
.tm-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 26px 0 0;
}
.tm-benefit {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid #ebeef3;
    border-radius: 14px;
    text-decoration: none;
    background: #fff;
    transition: box-shadow .18s ease, border-color .18s ease;
}
.tm-benefit:hover {
    box-shadow: 0 6px 18px rgba(20, 40, 80, .07);
    border-color: #dde3ec;
}
.tm-benefit-accent {
    background: #fffaf0;
    border-color: #f0e2c0;
}
.tm-benefit-accent:hover {
    border-color: #e6d19a;
}
.tm-benefit-ic {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eef3fb;
    color: #3667A9;
}
.tm-benefit-accent .tm-benefit-ic {
    background: #fbeecb;
    color: #d09a2a;
}
.tm-benefit-ic svg {
    width: 23px;
    height: 23px;
}
.tm-benefit-txt b {
    display: block;
    color: #111;
    font-size: 14.5px;
    line-height: 1.25;
    margin-bottom: 2px;
}
.tm-benefit-txt small {
    color: #7a828f;
    font-size: 12.5px;
    line-height: 1.3;
}
.tm-benefits-note {
    margin: 12px 0 4px;
    color: #8a94a6;
    font-size: 13px;
}
.tm-benefits-note a {
    color: #0053a5;
    border-bottom: 1px solid #0053a5;
}
@media (max-width: 991px) {
    .tm-benefits { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .tm-benefits { grid-template-columns: 1fr; }
}

/* ===== п.9 (v3): явная кликабельность плиток — стрелка + курсор ===== */
.tm-benefit {
    cursor: pointer;
}
.tm-benefit-txt {
    flex: 1 1 auto;
}
.tm-benefit-arrow {
    flex: 0 0 auto;
    margin-left: 6px;
    font-size: 24px;
    line-height: 1;
    color: #c2cad6;
    transition: color .15s ease, transform .15s ease;
}
.tm-benefit:hover .tm-benefit-arrow {
    color: #3667A9;
    transform: translateX(3px);
}
.tm-benefit-accent:hover .tm-benefit-arrow {
    color: #d09a2a;
}
.tm-benefit:hover .tm-benefit-txt b {
    color: #3667A9;
}
.tm-benefit-accent:hover .tm-benefit-txt b {
    color: #b8830f;
}

/* ===== п.15: бейдж акционной скидки ===== */
.tm-sale-badge {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #e53935;
    padding: 5px 12px;
    border-radius: 30px;
    letter-spacing: .2px;
    box-shadow: 0 3px 10px rgba(229, 57, 53, .25);
}


/* ===== п.11: другие коллекции производителя ===== */
.tm-brandcoll {
    margin: 44px 0 6px;
}
.tm-brandcoll-title {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #222;
    margin-bottom: 24px;
}
.tm-brandcoll-title span {
    color: #c0392b;
}
.tm-brandcoll-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.tm-bc-card {
    display: block;
    border: 1px solid #ebeef3;
    border-radius: 16px;
    padding: 18px;
    text-decoration: none;
    background: #fff;
    transition: box-shadow .18s ease, transform .18s ease;
}
.tm-bc-card:hover {
    box-shadow: 0 10px 28px rgba(20, 40, 80, .09);
    transform: translateY(-2px);
}
.tm-bc-name {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #111;
    margin-bottom: 5px;
}
.tm-bc-brand {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: #8a94a6;
    margin-bottom: 14px;
}
.tm-bc-img {
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 3 / 2;
    margin-bottom: 14px;
    background: #f4f6f9;
}
.tm-bc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.tm-bc-price {
    font-weight: 800;
    font-size: 18px;
    color: #111;
    margin-bottom: 5px;
}
.tm-bc-sizes {
    font-size: 12.5px;
    color: #8a94a6;
    margin-bottom: 12px;
}
.tm-bc-swatches {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.tm-bc-sw {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    background-color: #eef1f5;
    box-shadow: 0 0 0 1px #e2e6ec;
}
.tm-bc-more {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a828f;
    font-size: 12px;
    font-weight: 600;
}
@media (max-width: 991px) {
    .tm-brandcoll-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .tm-brandcoll-grid { grid-template-columns: 1fr; }
}


/* ===== п.14: блок иконок по техническим свойствам ===== */
.tm-techprops {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 6px 0 20px;
}
.tm-tp {
    display: flex;
    align-items: center;
    gap: 13px;
    flex: 1 1 230px;
    min-width: 210px;
    padding: 14px 16px;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
    background: #fafbfd;
}
.tm-tp-ic {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef3fb;
    color: #3667A9;
}
.tm-tp-ic svg {
    width: 26px;
    height: 26px;
}
.tm-tp-txt b {
    display: block;
    font-size: 16px;
    color: #111;
    line-height: 1.2;
}
.tm-tp-txt small {
    color: #7a828f;
    font-size: 12.5px;
}
.tm-techprops-note {
    color: #9aa3b2;
    font-size: 12px;
    margin: -12px 0 22px;
}

/* ===== пп.12-13: табы «Другие товары производителя» / «Сопутствующие товары» (element.php) ===== */
.tm-related-tabs {
    margin: 34px 0 10px;
}
.tm-related-nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
    border-bottom: 1px solid #e6e9ef;
}
.tm-related-nav .nav-item {
    margin: 0;
}
.tm-related-nav .nav-link {
    display: inline-block;
    padding: 10px 0;
    margin-right: 30px;
    color: #8a94a6;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.tm-related-nav .nav-link.active {
    color: #111;
    border-bottom-color: #3667A9;
}
.tm-related-nav .nav-link:hover {
    color: #111;
}

/* фикс выравнивания: навигация табов и контент слайдера в одной ширине */
.tm-related-tabs .tab-pane > .container,
.tm-related-tabs .tab-pane .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Фикс: подпись переключателя (Размер/Цвет: значение) в одну строку, контролы под ней */
.tm-prodetails-chars .tm-variant {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.tm-prodetails-chars .tm-variant-label {
    flex: none;
    padding-top: 0;
    margin-bottom: 0;
    color: #111;
    font-weight: 600;
}
.tm-prodetails-chars .tm-variant-label .tm-variant-current {
    color: #8a94a6;
    font-weight: 400;
}

/* ===== Плашки преимуществ — финальное аккуратное оформление ===== */
.tm-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 26px 0 0;
}
.tm-benefit {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 18px;
    border: 1px solid #eceff4;
    border-radius: 16px;
    background: #fff;
    text-decoration: none;
    transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.tm-benefit:hover {
    border-color: #cfd8e6;
    box-shadow: 0 8px 22px rgba(20, 40, 80, .08);
    transform: translateY(-2px);
}
.tm-benefit-accent {
    background: #fff9ef;
    border-color: #f2e4c2;
}
.tm-benefit-accent:hover {
    border-color: #e9d4a0;
    box-shadow: 0 8px 22px rgba(190, 150, 40, .12);
}
.tm-benefit-ic {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #eef4fc;
    color: #3667A9;
}
.tm-benefit-accent .tm-benefit-ic {
    background: #fbedcf;
    color: #cf9a2b;
}
.tm-benefit-ic svg {
    width: 24px;
    height: 24px;
}
.tm-benefit-txt {
    flex: 1 1 auto;
    min-width: 0;
}
.tm-benefit-txt b {
    display: block;
    color: #1a1f28;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 3px;
}
.tm-benefit-txt small {
    display: block;
    color: #8a94a6;
    font-size: 12.5px;
    line-height: 1.3;
}
.tm-benefit-arrow {
    flex: 0 0 auto;
    margin-left: 4px;
    color: #c8d0dc;
    font-size: 22px;
    line-height: 1;
    transition: color .15s ease, transform .15s ease;
}
.tm-benefit:hover .tm-benefit-arrow {
    color: #3667A9;
    transform: translateX(3px);
}
.tm-benefit-accent:hover .tm-benefit-arrow {
    color: #cf9a2b;
}
.tm-benefit:hover .tm-benefit-txt b {
    color: #3667A9;
}
.tm-benefit-accent:hover .tm-benefit-txt b {
    color: #b8830f;
}
.tm-benefits-note {
    margin: 14px 2px 4px;
    color: #9aa3b2;
    font-size: 12.5px;
    line-height: 1.5;
}
.tm-benefits-note a {
    color: #0053a5;
    border-bottom: 1px solid rgba(0, 83, 165, .35);
}
@media (max-width: 991px) {
    .tm-benefits { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .tm-benefits { grid-template-columns: 1fr; }
}

/* Фото в баннере 3D и блоке шоурума */
.tm-banner3d-visual img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: contain;
    border-radius: 12px;
}
.tm-showroom-img {
    flex: 0 0 400px;
    border-radius: 16px;
    overflow: hidden;
    align-self: stretch;
}
.tm-showroom-img img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
}
@media (max-width: 767px) {
    .tm-showroom-img {
        flex-basis: auto;
        width: 100%;
    }
    .tm-showroom-img img {
        min-height: 160px;
        max-height: 220px;
    }
}

/* ===== Перекрас блоков в фирменные цвета сайта (было — палитра конкурентов) ===== */

/* 3D баннер — фирменный синий */
.tm-banner3d {
    background: linear-gradient(120deg, #3667A9 0%, #2c568c 100%);
}
.tm-banner3d-btn { color: #3667A9; }
.tm-banner3d-btn:hover { color: #2c568c; }

/* Шоурум — светлый сине-серый, синие кнопки (было бежево-коричневое) */
.tm-showroom {
    background: #f4f7fb;
    border-color: #e2e9f3;
}
.tm-showroom-text h2 { color: #1a2331; }
.tm-showroom-text p { color: #5b6472; }
.tm-showroom-btn {
    border-color: #3667A9;
    color: #3667A9;
}
.tm-showroom-btn:hover {
    background: #3667A9;
    color: #fff;
}
.tm-showroom-btn.primary {
    background: #3667A9;
    color: #fff;
}
.tm-showroom-btn.primary:hover {
    background: #2c568c;
    color: #fff;
}

/* Другие коллекции — название бренда фирменным синим (было красное) */
.tm-brandcoll-title span { color: #3667A9; }

/* Отзывы — кнопка «Оставить отзыв» фирменным синим (была тёмная) */
.tm-reviews-add-btn { background: #3667A9; }
.tm-reviews-add-btn:hover { background: #2c568c; }

/* Почему выбирают нас — кружок иконки фирменный светло-синий */
.tm-whyus-ic {
    background: linear-gradient(135deg, #eaf1fb, #d7e6fb);
}
.tm-whyus-ic svg { color: #3667A9; }

/* ===== п.17: иконки у характеристик ===== */
.tm-fullchars-row {
    align-items: center !important;
}
.tm-fc-ic {
    flex: 0 0 auto;
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    border-radius: 9px;
    background: #eef4fc;
    color: #3667A9;
}
.tm-fc-ic svg {
    width: 20px;
    height: 20px;
}
.tm-fullchars .tm-fullchars-label {
    flex-basis: 185px;
}
@media (max-width: 600px) {
    .tm-fc-ic { width: 32px; height: 32px; margin-right: 10px; }
}


/* Правки: #3 больше описания на десктопе, #8 моб. отступ крошки->фото */
@media (min-width: 768px) {
    .tm-prodetails-description .tm-desc-body {
        max-height: 13.5em;
    }
}
@media (max-width: 767px) {
    .tm-product-details-area {
        padding-top: 0;
        margin-top: 0;
    }
    .tm-product-details-area > .container {
        padding-top: 4px;
    }
    .tm-prodetails-images,
    .tm-prodetails-largeimage {
        margin-top: 0;
    }
}


/* #5 строка-примечание — галочки, крупнее, читаемо */
.tm-benefits-note {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin: 16px 2px 4px;
    color: #3a414d;
    font-size: 14px;
}
.tm-bn-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #3a414d;
    text-decoration: none;
    border-bottom: 0;
}
.tm-bn-item svg {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    color: #1a9e5a;
}
a.tm-bn-item { color: #0053a5; }
a.tm-bn-item:hover { color: #09C4C4; }

/* #6 крупнее подпись под заголовками плиток — только десктоп */
@media (min-width: 768px) {
    .tm-benefit-txt small { font-size: 13.5px; }
}

/* #7 «Другие коллекции»: карусель на мобильном */
@media (max-width: 767px) {
    .tm-brandcoll-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
    }
    .tm-brandcoll-grid::-webkit-scrollbar { height: 4px; }
    .tm-brandcoll-grid::-webkit-scrollbar-thumb { background: #d3dae5; border-radius: 4px; }
    .tm-bc-card {
        flex: 0 0 80%;
        scroll-snap-align: start;
    }
}

/* Моб: убрать большой отступ крошки → фото (перебиваем .tm-padding-section 70px) */
@media only screen and (max-width: 767px) {
    .tm-product-details-area.tm-padding-section {
        padding-top: 10px;
    }
}

/* ПК: отступ карточки от хлебных крошек — 20px */
@media only screen and (min-width: 768px) {
    .tm-product-details-area.tm-padding-section {
        padding-top: 20px;
    }
}

/* Размер цены за упаковку */
.tm-price-head .tm-price-perpack {
    font-size: 20px;
}

/* Цена: акцент на цене за м², упаковка мельче, «за м²» под упаковкой */
.tm-prodetails-price {
    font-size: 26px;
}
.tm-prodetails-price del {
    font-size: 15px;
}
.tm-price-head .tm-price-perpack {
    font-size: 18px;
}
.tm-price-head .tm-price-perpack span {
    font-size: 13px;
}
.tm-price-perm2-note {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #3667A9;
    line-height: 1.2;
    margin-top: 2px;
}
.tm-price-perm2-note span {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
}

/* Применение: чипы «иконка + название-ссылка» */
.tm-purpose-icons {
    gap: 8px;
}
.tm-purpose-ic {
    width: auto;
    height: auto;
    padding: 6px 12px 6px 9px;
    gap: 7px;
    text-decoration: none;
    color: #5c6473;
}
.tm-purpose-ic svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}
.tm-purpose-name {
    font-size: 13px;
    white-space: nowrap;
    color: inherit;
}
a.tm-purpose-ic:hover {
    border-color: #3667A9;
    color: #3667A9;
}
.tm-purpose-ic::after,
.tm-purpose-ic::before {
    display: none !important;
}

/* Применение: курсор-палец у ссылок + компактные чипы */
.tm-purpose-ic {
    cursor: default;
    padding: 5px 11px 5px 8px;
    gap: 6px;
}
a.tm-purpose-ic {
    cursor: pointer;
}
.tm-purpose-ic svg {
    width: 17px;
    height: 17px;
}
.tm-purpose-name {
    font-size: 12.5px;
}
.tm-purpose-icons {
    gap: 7px;
}

/* Кнопка «Добавить в корзину»: меньше боковой паддинг, чтобы влезал текст */
.tm-prodetails-buybox .tm-button.tm-button-dark,
.tm-prodetails-quantitycart .tm-button.tm-button-dark {
    padding: 0 18px;
}

/* Применение: на всю ширину строки, компактные чипы (меньше пустого места) */
.tm-prodetails-chars .tm-prodetails-singleinfo.tm-purpose {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.tm-purpose > b {
    flex: none;
    margin: 0;
}
.tm-purpose-icons {
    width: 100%;
    gap: 6px;
}
.tm-purpose-ic {
    padding: 4px 10px 4px 7px;
    gap: 5px;
}
.tm-purpose-ic svg {
    width: 16px;
    height: 16px;
}
.tm-purpose-name {
    font-size: 12px;
}

/* Применение: плотно, без вертикального отступа */
.tm-prodetails-chars .tm-prodetails-singleinfo.tm-purpose {
    display: block;
    padding: 6px 0;
}
.tm-prodetails-chars .tm-prodetails-singleinfo.tm-purpose > b {
    display: inline-block;
    width: auto;
    margin: 0 0 6px 0;
}
.tm-prodetails-chars .tm-prodetails-singleinfo.tm-purpose .tm-purpose-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
}

/* Цена: за м² крупно (первая), за упаковку мелко (вторая) */
.tm-price-head .tm-price-main {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #3667A9;
    line-height: 1.2;
}
.tm-price-head .tm-price-main span {
    font-size: 14px;
    font-weight: 400;
    color: #707070;
}
.tm-price-head .tm-price-sub {
    font-size: 15px;
    color: #707070;
    margin-top: 3px;
}
.tm-price-head .tm-price-sub span {
    font-size: 13px;
}

/* End */


/* Start:/bitrix/components/arturgolubev/yandex.share/templates/.default/style.css?1744915618322*/
.ar_al_left {text-align:left;}
.ar_al_center {text-align:center;}
.ar_al_right {text-align:right;}
.ya-share-text-wrap {display: inline-block; vertical-align: middle;}
.ya-share-wrap {display: inline-block; vertical-align: middle;}

html .ya-share2__list_direction_horizontal > .ya-share2__item {margin-bottom: 5px;}
/* End */


/* Start:/local/templates/main_new/components/bitrix/catalog.section/slider/style.css?1777277626125*/
.tm-popular-products-area.tm-padding-section {
	padding-top: 0;
}
.tm-popular-products-area .tm-sectiontitle {
	padding: 0;
}
/* End */


/* Start:/local/templates/main_new/components/bitrix/catalog.item/bootstrap_v4/style.css?17833457896852*/
/**
 * Product
 */
.tm-product-topside {
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 270px;
  padding-top: 100%;
  border: 1px solid #ebebeb;
}
.tm-products-slider .slick-slide {
	width: 280px;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
}
.tm-product-topside img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  display: block;
  background: white;
}

.tm-product-images {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.tm-product-images img + img {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.tm-product-badges {
  position: absolute;
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
}

.tm-product-badges span {
    position: absolute;
    left: 0;
    top: 0;
    background: #0053a5;
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    width: auto; min-width: 50px; padding: 0 10px; box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}

.tm-product-badges span.tm-product-badges-soldout {
  left: auto;
  right: 0;
  background: #000000;
}

.tm-product-badges .tm-product-badges-new + .tm-product-badges-sale {
  top: 25px;
}

.tm-product-actions {
    height: 36px;
    min-width: 40px;
    border-radius: .75rem;
    background: #3667A9;
    border-color: #3667A9;
    outline: none;
    color: #ffffff;
    font-size: .875rem;
    font-weight: 600;
    padding: 0 .75rem;
    display: inline-flex;
    align-items: center;
}

.tm-product-actions .ion-android-cart {
    display: inline-flex;
    margin-right: .5rem;
}

.tm-product-actions .ion-android-cart:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_516_528)'%3E%3Cpath d='M6.00048 15.3333C5.60492 15.3333 5.21824 15.216 4.88934 14.9963C4.56044 14.7765 4.3041 14.4641 4.15272 14.0987C4.00135 13.7332 3.96174 13.3311 4.03891 12.9431C4.11608 12.5552 4.30656 12.1988 4.58627 11.9191C4.86597 11.6394 5.22234 11.4489 5.6103 11.3718C5.99826 11.2946 6.4004 11.3342 6.76585 11.4856C7.1313 11.6369 7.44366 11.8933 7.66342 12.2222C7.88318 12.5511 8.00048 12.9378 8.00048 13.3333C7.9999 13.8636 7.789 14.372 7.41405 14.7469C7.03911 15.1218 6.53074 15.3327 6.00048 15.3333ZM11.3341 15.3333C10.9386 15.3333 10.5519 15.216 10.223 14.9963C9.89411 14.7765 9.63777 14.4641 9.48639 14.0987C9.33502 13.7332 9.29541 13.3311 9.37258 12.9431C9.44975 12.5552 9.64023 12.1988 9.91994 11.9191C10.1996 11.6394 10.556 11.4489 10.944 11.3718C11.3319 11.2946 11.7341 11.3342 12.0995 11.4856C12.465 11.6369 12.7773 11.8933 12.9971 12.2222C13.2169 12.5511 13.3342 12.9378 13.3342 13.3333C13.3336 13.8636 13.1226 14.3719 12.7477 14.7469C12.3728 15.1218 11.8644 15.3327 11.3341 15.3333ZM10.2941 10.6667H6.46948C5.63064 10.6631 4.82369 10.3448 4.20825 9.77485C3.59281 9.20485 3.21371 8.42463 3.14595 7.58852L2.71588 1.99999H1.33341C1.1566 1.99999 0.987034 1.92975 0.86201 1.80473C0.736986 1.6797 0.666748 1.51013 0.666748 1.33332C0.666748 1.15651 0.736986 0.986943 0.86201 0.861919C0.987034 0.736894 1.1566 0.666656 1.33341 0.666656H3.33342C3.50134 0.666644 3.66308 0.730001 3.78631 0.844066C3.90955 0.958131 3.9852 1.1145 3.99815 1.28192L4.15602 3.33332H12.1049C12.7084 3.33337 13.2998 3.5028 13.8117 3.82234C14.3237 4.14188 14.7357 4.59869 15.0008 5.14082C15.266 5.68294 15.3737 6.28861 15.3116 6.88891C15.2496 7.48921 15.0203 8.06004 14.6498 8.53646C14.1356 9.20164 13.4754 9.7397 12.7201 10.1091C11.9648 10.4784 11.1349 10.6692 10.2941 10.6667Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_516_528'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.price-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tm-product-bottomside {
    padding-top: 1.25rem;
}

.tm-product-title {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.4;
    margin-top: 1.125rem;
}

.tm-product-title a {
    color: #333333;
}

.tm-product-title a:hover {
    color: #3667A9;
}

.tm-product-price {
    color: #333333;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
}

.tm-product-price:has(.tm-product-price-old) .tm-product-price-normal {
    color: #EA596E;
    margin-top: .5rem;
}

.tm-product-sale {
	font-size: 12px;
	text-decoration: line-through;
}

.tm-product-price-old {
    color: #5B5B5B;
    font-weight: 600;
    font-size: .75rem;
    text-decoration: line-through;
}

.tm-product:hover .tm-product-images img + img {
  visibility: visible;
  opacity: 1;
}

.tm-product-props {
    margin-top: 1.25rem;
}

.tm-product-props .prop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1em;
}

.tm-product-props .prop:not(:first-child),
.tm-product-props .hide-props {
    margin-top: 1rem;
}

.tm-product-props .prop-text {
    color: #5B5B5B;
}

@media(max-width: 1500px) {
	.tm-product-topside {
	  height: clamp(230px, 16vw, 230px);
	}
	.tm-products-slider .slick-slide {
		width: clamp(260px, 16vw, 260px);
	}
	.tm-product-topside img {
	  max-height: calc(clamp(230px, 16vw, 230px));
	}
}
@media(max-width: 1199px) {
	.tm-product-topside {
	    height: clamp(260px, 33vw, 330px);
	}
	.tm-products-slider .slick-slide {
		width: clamp(260px, 33vw, 330px);
	}
	.tm-product-topside img {
	  max-height: clamp(260px, 33vw, 330px);
	}
} 
@media(max-width: 899px) {
	.tm-product-topside {
		height: clamp(260px, 40vw, 380px);
	}
	.tm-products-slider .slick-slide {
		width: clamp(260px, 40vw, 380px);
	}
	.tm-product-topside img {
	    max-height: clamp(260px, 40vw, 380px);
	}
}

@media (max-width: 550px) {
    .tm-product-topside {
        height: auto;
    }
    .price-block {
        flex-direction: column;
        align-items: flex-start;
    }
    .tm-product-bottomside {
        padding-top: 1rem;
    }
    .tm-product-actions {
        width: 100%;
        margin-top: 1.25rem;
        justify-content: center;
    }
    .tm-product-title {
        margin-top: 1rem;
    }
    .tm-product-props {
        margin-top: 1rem;
    }
    .tm-product-props .prop {
        flex-direction: column;
        align-items: flex-start;
    }
    .tm-product-props .prop-text {
        margin-top: .625rem;
    }
}
@media(max-width: 500px) {
	/*.tm-product-topside {*/
	/*	height: clamp(260px, 93vw, 93vw);*/
	/*}*/
	/*.tm-products-slider .slick-slide {*/
	/*	width: clamp(260px, 93vw, 93vw);*/
	/*}*/
	/*.tm-product-topside img {*/
	/*    max-height: clamp(260px, 93vw, 93vw);*/
	/*}*/
}
/* End */


/* Start:/local/templates/main_new/components/bitrix/catalog.products.viewed/viewed/style.css?177727762765*/
.tm-popular-products-area.tm-padding-section {
	padding-top: 0;
}
/* End */
/* /local/templates/main_new/components/bitrix/catalog/catalog/style.css?17806452003223 */
/* /local/templates/main_new/components/bitrix/catalog.element/catalog/style.css?178655465255731 */
/* /bitrix/components/arturgolubev/yandex.share/templates/.default/style.css?1744915618322 */
/* /local/templates/main_new/components/bitrix/catalog.section/slider/style.css?1777277626125 */
/* /local/templates/main_new/components/bitrix/catalog.item/bootstrap_v4/style.css?17833457896852 */
/* /local/templates/main_new/components/bitrix/catalog.products.viewed/viewed/style.css?177727762765 */