.product .zoom {
    position: relative;
    overflow: hidden; /* Скрываем части изображения, выходящие за пределы контейнера */
    height: 400px; /* Фиксированная высота контейнера */
    width: 100%; /* Ширина контейнера */
    cursor: zoom-in; /* Изменение курсора при наведении */
    transition: transform 0.5s ease; /* Плавный переход */
    background-color: white; /* Белый фон для PNG изображений */
    background-size: cover; /* Покрытие фона */
    background-repeat: no-repeat; /* Избегаем повторов */
    background-position: center; /* Центрирование фона */
}

/* Стили для изображений */
.product .zoom img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Изображение покрывает весь контейнер, сохраняя пропорции */
    object-position: top; /* Выровнять изображение по верхнему краю */
    transition: transform 0.5s ease; /* Плавный переход для зума */
    display: block; /* Убираем нижний отступ */
        background-color: white; /* Белый фон для PNG изображений */
    background-size: cover; /* Покрытие фона */
    background-repeat: no-repeat; /* Избегаем повторов */
    background-position: center; /* Центрирование фона */
}

/* Эффект зума при наведении */
.product .zoom:hover img {
    transform: scale(1.2); /* Увеличение масштаба */
    cursor: zoom-out; /* Изменение курсора при зуме */
}

/* Контейнер для миниатюр */
.thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* Расстояние между миниатюрами */
    justify-content: start;
}

/* Индивидуальные элементы миниатюр */
.thumbnails .col-3 {
    flex: 0 0 calc(25% - 1rem); /* 25% ширины с учётом отступа */
    max-width: calc(25% - 1rem);
    position: relative;
}

/* Внутренний контейнер для миниатюры */
.thumbnails-img {
    width: 100%;
    height: 0;
    padding-top: 100%; /* Квадратная форма */
    position: relative;
    overflow: hidden; /* Скрываем выходящее изображение */
    border: 2px solid transparent; /* Граница по умолчанию */
    border-radius: 5px; /* Скруглённые углы */
    cursor: pointer;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

/* Стили для изображения внутри миниатюры */
.thumbnails-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Подгонка изображения под квадрат */
    transition: transform 0.3s ease; /* Плавное увеличение изображения при наведении */
}

/* Эффект при наведении на миниатюру */
.thumbnails-img:hover {
    border-color: #007bff; /* Синий цвет границы при наведении */
    transform: scale(1.05); /* Лёгкое увеличение миниатюры */
}

.thumbnails-img:hover img {
    transform: scale(1.1); /* Увеличение изображения внутри миниатюры */
}

/* Активная (выбранная) миниатюра */
.thumbnails-img.selected {
    border-color: #007bff; /* Цвет рамки выбранной миниатюры */
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); /* Подсветка */
}


.btn-diagonal-strikethrough {
  position: relative;
  overflow: hidden; /* Чтобы линия не выходила за пределы кнопки */
}

.btn-diagonal-strikethrough::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px; /* Толщина линии */
  background-color: currentColor; /* Цвет линии совпадает с цветом текста кнопки */
  transform: rotate(45deg);
  transform-origin: center;
}

#info_add_card .modal-dialog {
    max-width: 350px; /* Задай ширину */
    width: 300%; /* Дополнительно для адаптивности */
    max-height: 90vh; /* Задай максимальную высоту */
    margin: auto; /* Центрирование */
}



#quickViewModal .skeleton,
#info_add_card .skeleton,
#offcanvasRight .skeleton
#items-container .skeleton,
#contener-related .skeleton,
#modal_run_zakaz .skeleton,
#items-conterner-hot .skeleton

{
  background: #f2f2f2;
  border-radius: 4px;
  min-height: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
  animation: skeleton-loading 1s linear infinite alternate;
}

#quickViewModal .skeleton::after,
#info_add_card .skeleton::after,
#offcanvasRight .skeleton::after,
#modal_run_zakaz .skeleton::after,
#items-conterner-hot .skeleton::after

 {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #f2f2f2 0%, #ececec 20%, #f2f2f2 40%, #f2f2f2 100%);
  animation: loading 1.2s infinite;
}



#quickViewModal .skeleton-text,
#info_add_card .skeleton-text,
#offcanvasRight .skeleton-text,
#modal_run_zakaz .skeleton-text,
#items-conterner-hot .skeleton-text

{
  height: 20px;
  margin-bottom: 10px;
  background-color: #e2e2e2;
}

#quickViewModal .skeleton-img,
#info_add_card .skeleton-img,
#offcanvasRight .skeleton-img,
#items-conterner-hot .skeleton-img

{
  height: 300px;
  margin-bottom: 20px;
    background-color: #e2e2e2;
}

#items-conterner-hot .skeleton-price {
         width: 50%;
         height: 20px;
         background-color: #e2e2e2;
      }

/*.d-none {display: none !important;} */




  #items-container {
    /** max-height: 1500px; /* Установите желаемую высоту */
    overflow-y: auto;  /* Включите вертикальную прокрутку */
  }
    /* Стили для скелетон-лоадера */




     #items-container .skeleton,
     #contener-related .skeleton {

         position: relative;
          overflow: hidden;
          animation: skeleton-loading 1s linear infinite alternate;
      }

       #items-container .skeleton::after,
       #contener-related .skeleton::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, #f2f2f2 0%, #ececec 20%, #f2f2f2 40%, #f2f2f2 100%);
        animation: loading 1.2s infinite;
      }

     #items-container .skeleton-image,
     #contener-related .skeleton-image {
         width: 100%;
         height: 200px;
         background-color: #e2e2e2;

      }

     #items-container .skeleton-text,
     #contener-related .skeleton-text {
         width: 100%;
         height: 20px;
         background-color: #e2e2e2;
         margin-bottom: 10px;




      }



     #items-container .skeleton-price, 
     #contener-related .skeleton-price  {
         width: 50%;
         height: 20px;
         background-color: #e2e2e2;
      }



 #items-container.sticky-header {
    position: sticky;
    top: 0; /* Элемент закрепляется в верхней части экрана */
    z-index: 1000; /* Убедитесь, что элемент находится выше других */
    background-color: #fff; /* Фон элемента, чтобы он не был прозрачным */
    padding: 10px; /* Дополнительное внутреннее отступление, если нужно */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Лёгкая тень для визуального выделения */
}

@keyframes loading {
  0% {transform: translateX(-100%);}
  100% {transform: translateX(100%);}
}
@media (min-width:2000px){ 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left: 20px;padding-right: 20px;padding-top:40px !important;}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {font-size: 18px;margin: auto;color:#0b0b0b;font-weight: 700;}
nav[aria-label="breadcrumb"] {padding-left: 20px;padding-right: 20px;padding-top:0 !important;}
p{font-family:'Montserrat', sans-serif;}
.tablet1{padding-top:20px;!important;}
.tablet5{display: flex;justify-content: flex-end;padding-right: 20px;margin-right: -13px;}
.tablet3{display: flex;flex-wrap: wrap;justify-content: center;position:relative;}
.tablet4{font-family:Montserrat; color:black;line-height:1;margin-top:7px;text-align: center;width:100%;}
.tablet2{width:33%;}
.tablet6{display: flex;flex-wrap: wrap;justify-content: right;font-size:18px;}
   .tablet7{display: flex;flex-wrap: wrap;}
   .tablet8{display: flex; flex-wrap: wrap;justify-content: flex-start;}
   .tablet9{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;}
   .tablet10{width: 100%;text-align: center;}
   .tablet11{position:absolute;color:white;top:40px;font-size:28px;}
   .tablet12{position:absolute;color:white;top:81px;font-size:16px;line-height: 1.3;}
   .tablet13{height:300px;}
   .tablet14{display:block;}
   .tablet15{display:none;}
   .tablet16{background-color: #BC2A5A;color: white;border-color: #BC2A5A;font-size: 14px;position: absolute;top: 168px;width: 156px;height: 36px;border-radius:8px;text-align: center;padding-top: 6px;}
   .tablet17{max-width: 105px;}
   #count_cart > .start-100{left: 73% !important;}
   .tablet18{display:block;}
   .tablet19{display:none;}
   .tablet20{width:25% !important;max-width:25% !important;}
   .tablet21{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;
    margin-top: 7px;line-height: 1.3;font-size: 24px;}
	.tablet22{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;
    margin-top: 2px;line-height: 1;font-size: 16px;}
	.tablet23{border-radius: .75rem 0 0 .75rem;font-size:20px;}
	.tablet24{font-size:20px;margin: auto;}
	.tablet25{margin-right: 5vw !important;}
	.tablet26{font-size:17.5px;background-color: #0aad0a;color: #FFFFFF;display: flex;}
	.tablet27{max-width: 31px;}
	.tablet28{font-size:16px;color:black;display:block}
	.tablet29{font-size: 12px; line-height: 1;color:black;}
	.tablet30{padding-bottom: 3px;}
	.tablet31{padding-left:10px;padding-right:10px;text-align:center;}
	.tablet32 {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;line-height: 1;font-size: 24px;
        color: white;}
	.tablet33{color:#BE2B5A;}
	.tablet34{display:none;}
	.tablet35{display:block;}
	.tablet36{display:flex; flex-wrap:nowrap;}
	.tablet37{padding-right:15px;}
	.team-slider .slick-next,.team-slider .slick-prev{left:97%;top:-11px}
	.breadcrumb-item a {color:#016bf8}
	.table38{display:block;}

}
@media  screen and (min-device-width: 1000px) and (max-device-width: 2000px) { 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left: 20px;padding-right: 20px;padding-top:0 !important;}
nav[aria-label="breadcrumb"] {padding-left: 20px;padding-right: 20px;padding-top:0 !important;}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {font-size: 18px;margin: auto;color:#0b0b0b;font-weight: 700;}
   .tablet1{padding-top:20px !important;}
   .tablet2{width:33% !important;}
   .tablet3{display: flex;flex-wrap: wrap;justify-content: center;position:relative}
   .tablet4{font-family:Montserrat; color:black;line-height:1;margin-top:7px;text-align: center;width:100%;}
   .tablet5{display: flex;justify-content: flex-end;margin-right: -13px;}
   .tablet6{display: flex;flex-wrap: wrap;justify-content: right;font-size:18px;}
   .tablet7{display: flex;flex-wrap: wrap;}
   .tablet8{display: flex; flex-wrap: wrap;justify-content: flex-start;}
   .tablet9{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;}
   .tablet10{width: 100%;text-align: center;}
   .tablet11{position:absolute;color:white;top:40px;font-size:28px;}
   .tablet12{position:absolute;color:white;top:81px;font-size:16px;line-height: 1.3;}
   .tablet13{height:300px;}
   .tablet14{display:block;}
   .tablet15{display:none;}
   .tablet16{background-color: #BC2A5A;color: white;border-color: #BC2A5A;font-size: 14px;position: absolute;top: 168px;width: 156px;height: 36px;border-radius:8px;text-align: center;padding-top: 6px;}
   .tablet17{max-width: 105px;}
   #count_cart > .start-100{left: 73% !important;}
    .tablet18{display:block;}
	.tablet19{display:none;}
	.tablet20{width:25% !important;max-width:25% !important;}
	 .tablet21{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;
    margin-top: 7px;line-height: 1.3;font-size: 24px;}
	.tablet22{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;
    margin-top: 2px;line-height: 1;font-size: 16px;}
	.tablet23{border-radius: .75rem 0 0 .75rem;font-size:20px;}
	.tablet24{font-size:20px;margin: auto;}
	.tablet25{margin-right: 5vw !important;}
	.tablet26{font-size:17.5px;background-color: #0aad0a;color: #FFFFFF;display: flex;}
	.tablet27{max-width: 31px;}
	.tablet28{font-size:16px;color:black;display:block}
	.tablet29{font-size: 12px; line-height: 1;color:black;}
	.tablet30{padding-bottom: 3px;}
	.tablet31{padding-left:10px;padding-right:10px;text-align:center;}
	.tablet32 {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;line-height: 1;font-size: 24px;
        color: white;}
		.tablet33{color:#BE2B5A;}
		.tablet34{display:none;}
		.tablet35{display:block;}
		.tablet36{display:flex; flex-wrap:nowrap;}
		.tablet37{padding-right:15px;}
		.team-slider .slick-next,.team-slider .slick-prev{left:97%;top:-11px}
		.breadcrumb-item a {color:#016bf8}
		.table38{display:block;}

}
@media  screen and (min-device-width: 768px) and (max-device-width: 1000px) { 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left: 20px;padding-right: 20px;padding-top:0 !important;}
nav[aria-label="breadcrumb"] {padding-left: 20px;padding-right: 20px;padding-top:0 !important;}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select{font-size: 18px;margin: auto;color:#0b0b0b;font-weight: 700;}
   .tablet1{padding-top:20px !important;}
   .tablet2{width:33% !important;}
   .tablet3{display: flex;flex-wrap: wrap;justify-content: center;position:relative}
   .tablet4{font-family:Montserrat; color:black;line-height:1;margin-top:7px;text-align: center;width:100%;}
   .tablet5{display: flex;justify-content: flex-end;margin-right: -13px;}
   .tablet6{display: flex;flex-wrap: wrap;justify-content: right;font-size:18px;}
   .tablet7{display: flex;flex-wrap: wrap;}
   .tablet8{display: flex; flex-wrap: wrap;justify-content: flex-start;}
   .tablet9{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;}
   .tablet10{width: 100%;text-align: center;}
   .tablet11{position:absolute;color:white;top:40px;font-size:28px;}
   .tablet12{position:absolute;color:white;top:81px;font-size:16px;line-height: 1.3;}
   .tablet13{height:300px;}
   .tablet14{display:block;}
   .tablet15{display:none;}
   .tablet16{background-color: #BC2A5A;color: white;border-color: #BC2A5A;font-size: 14px;position: absolute;top: 168px;width: 156px;height: 36px;border-radius:8px;text-align: center;padding-top: 6px;}
   .tablet17{max-width: 105px;}
   #count_cart > .start-100{left: 73% !important;}
    .tablet18{display:block;}
	.tablet19{display:none;}
	.tablet20{width:25% !important;max-width:25% !important;}
	 .tablet21{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;
    margin-top: 7px;line-height: 1.3;font-size: 24px;}
	.tablet22{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;
    margin-top: 2px;line-height: 1;font-size: 16px;}
	.tablet23{border-radius: .75rem 0 0 .75rem;font-size:12px;}
	.tablet24{font-size:12px;margin: auto;}
	.tablet25{margin-right: 3vw !important;}
	.tablet26{font-size:12px;background-color: #0aad0a;color: #FFFFFF;display: flex;}
	.tablet27{max-width: 28px;}
	.tablet28{font-size:16px;color:black;display:block}
	.tablet29{display:none;}
	.tablet30{padding-bottom: 3px;}
	.tablet31{padding-left:10px;padding-right:10px;text-align:center;}
	.tablet32 {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;line-height: 1;font-size: 24px;
        color: white;}
	.tablet33{color:#BE2B5A;}
	.tablet34{display:block;}
	.tablet35{display:none;}
	.tablet36{display:block;}
	.tablet37{padding-right:60px;}
	.team-slider .slick-next,.team-slider .slick-prev{left:93%;top:-11px}
	.breadcrumb-item a {color:#016bf8}
	.table38{display:none;}

}
@media  (max-width:767px){ 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left: 10px;padding-right: 10px;padding-top:40px !important;}
nav[aria-label="breadcrumb"] {padding-left: 20px;padding-right: 20px;padding-top:0 !important;}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {font-size: 16px;margin: auto;color:#0b0b0b;font-weight: 700;}
      .tablet18{display:none;}
	   .tablet9{width: 184px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;}
	   .tablet2{width:33% !important;}
	    .tablet9{display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;}
		.tablet3{display: flex;flex-wrap: wrap;justify-content: center;position:relative}
		 .tablet6{display: flex;flex-wrap: wrap;justify-content: right;font-size:12px;}
		 .tablet10{width: 100%;text-align: center;}
		  .tablet15{display:none;}
		 .tablet1{padding-top:20px !important;}
		 .tablet4{font-family:Montserrat; color:black;line-height:1;margin-top:7px;text-align: center;width:100%;}
		 .tablet20{width:25% !important;max-width:25% !important;}
		  .tablet21{width: 135px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;
    margin-top: 7px;line-height: 1;font-size: 18px;}
	 .tablet22{width: 135px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;
    margin-top: 2px;line-height: 1;font-size: 14px;}
	.tablet23{border-radius: .75rem 0 0 .75rem;font-size:12px;}
	.tablet24{font-size:12px;margin: auto;}
	.tablet25{margin-right: 3vw !important;}
	.tablet26{font-size:12px;background-color: #0aad0a;color: #FFFFFF;display: flex;}
	.tablet27{max-width: 28px;}
	.tablet28{font-size:16px;color:black;display:block}
	.tablet29{font-size: 12px; line-height: 1;color:black;}
	.tablet30{padding-bottom: 3px;}
	.tablet31{padding-left:10px;padding-right:10px;text-align:center;}
	.tablet32 {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;line-height: 1;font-size: 24px;
        color: white;}
	.tablet33{color:#BE2B5A;}
	.tablet34{display:block;}
	.tablet35{display:none;}
	.tablet36{display:block;}
	.tablet37{padding-right:60px;}
	.team-slider .slick-next,.team-slider .slick-prev{left:93%;top:-11px}
	.breadcrumb-item a {color:#016bf8}
	.table38{display:none;}
}
@media  (max-width:500px){ 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left: 10px;padding-right: 10px;padding-top:40px !important;}
nav[aria-label="breadcrumb"] {padding-left: 10px;padding-right: 10px;padding-top:0 !important;}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {font-size: 13px;margin: auto;color:#0b0b0b;font-weight: 700;}
      .tablet18{display:none;}
	  .tablet19{display:block;}
	   .tablet2{width:33% !important;}
	    .tablet9{width: 110px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;}
		.tablet3{display: flex;flex-wrap: wrap;justify-content: center;position:relative}
		 .tablet6{display: flex;flex-wrap: wrap;justify-content: right;font-size:12px;}
		 .tablet10{width: 100%;text-align: center;}
		  .tablet15{display:none;}
		 .tablet1{padding-top:20px !important;}
		 .tablet4{font-family:Montserrat; color:black;line-height:1;margin-top:7px;text-align: center;width:100%;}
		 .tablet20{width:50% !important;;max-width:50% !important;}
		  .tablet21{width: 110px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;
    margin-top: 7px;line-height: 1;font-size: 16px;}
	 .tablet22{width: 110px;display: flex;justify-content: center;flex-wrap:wrap;margin-bottom: 0 !important;
    margin-top: 2px;line-height: 1;font-size: 13px;}
	.tablet23{border-radius: .75rem 0 0 .75rem;font-size:12px;}
	.tablet24{font-size:12px;margin: auto;}
	.tablet25{margin-right: 3vw !important;}
	.tablet26{font-size:12px;background-color: #0aad0a;color: #FFFFFF;display: flex;}
	.tablet27{max-width: 28px; margin-bottom:5px;}
	.tablet28{display:none}
	.tablet29{display:none}
	.tablet30{padding-bottom: 3px;margin-bottom: 5px;}
	.tablet31{padding-left:10px;padding-right:10px;text-align:center;}
	.tablet32 {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 0 !important;margin-bottom: 0 !important;line-height: 1;font-size: 24px;
        color: white;}
	.tablet33{color:#BE2B5A;}
	.tablet34{display:block;}
	.tablet35{display:none;}
	.tablet36{display:block;}
	.tablet37{padding-right:60px;}
	.team-slider .slick-next,.team-slider .slick-prev{left:93%;top:-11px}
	.breadcrumb-item a {color:#016bf8}
	.table38{display:none;}
}

.btn-no-round-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


.card-product-extra {
  overflow: hidden; /* чтобы оверлей не выходил за пределы карточки */
}

.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%; /* регулировать высоту затемнения */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  pointer-events: none; /* чтобы не мешал кликам по содержимому */
  z-index: 1;
}

.btn-bookmark {
  background-color: #dc3545;
  color: #fff;
  border: none;
  padding: 10px 20px;
  /* Создаем форму с вырезанным треугольником снизу */
 clip-path: polygon(20px 0, 100% 0, 100% 100%, 20px 100%, 0 50%);
}


.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #852323 !important; /* замените на нужный цвет */
    font-size:20px;margin: auto;
    font-weight: bold;
}

.navbar .navbar-nav .nav-item .nav-link {
  font-size:20px;margin: auto;
    font-weight: bold;
}

.product-label {
  position: absolute;
  top: 0;
  left: 0;
  background: purple;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-bottom-right-radius: 6px;
  text-transform: uppercase;
}

  
.frame-39322 {
 display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 28px;
width: 378px;
height: 274px;
left: 458px;
top: 523px;

}

/* Лента промо-акции */
.promo-ribbon {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.25rem 0.5rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  z-index: 100;
  border-radius: 0.25rem;
}

.spec-labels {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  z-index: 10;
}

.spec-label {
  padding: 0.25rem 0.5rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.25rem;
}