.section {max-width: 90%; margin: 0 auto; padding: 20px; display: flex; justify-content: space-between;}
.section__box-img {width: 45%; display: flex; margin: 0 auto; height: 100%;}
.image-box {display: flex; flex-direction: column; width: 19%;}
.image-box img {width: 100%; cursor: pointer; transition: border-color 0.3sease;}
.image-box img:hover {border-color: #aaa;}
.section__image-tovar {width: 100%; display: flex;}
.section__image-tovar img {width: 90%; height: auto; margin: auto;}
.section__description {width: 50%; padding: 20px; box-sizing: border-box; background-color: #fbfbfb;}
p#p_otz {background-color: #fbfbfb; width: 46%; padding: 10px 10px 10px 10px; margin: 20px 0 20px 20px; color: #000000;}
.section__descriptionn h1 {font-size: 2em; margin-bottom: 10px; color: #333;}
.section__description h2 {font-size: 1.5em; margin-top: 20px; margin-bottom: 10px;}
.price {font-size: 1.3em; color: #d32f2f; margin-bottom: 10px;}
.short_description {margin-bottom: 20px;}
.short_description p {line-height: 1.6;}
.add_to_cart button {background-color: #4caf50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 1.1em; transition: background-color 0.3s ease;}
.add_to_cart button:hover {background-color: #388e3c;}
div#reviews {background-color: #fbfbfb; width: 46%; padding: 10px 10px 40px 10px; margin: 0 0 0 20px; color: #000000;}
@media (max-width: 768px) {
  .section {flex-direction: column; padding: 10px;}
  .section__box-img {width: 100%; margin-bottom: 10px;}
  .section__description {width: 100%; padding: 10px;}
  .image-box a {width: 25%;}
}
.vertical-carousel {display: flex; flex-direction: column; width: 100px; gap: 10px;}
.carousel-container {height: 425px; overflow: hidden; position: relative;}
.carousel-item {cursor: pointer; border: 1px solid #ddd; padding: 5px; transition: border-color 0.3s; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s, transform 0.3s;}
.carousel-item.active {opacity: 1; position: relative;}
.carousel-item:hover, .carousel-item.active {border-color: #007bff;}
.carousel-item img {width: 100%; height: 100%; object-fit: contain;}
.carousel-controls {display: flex; flex-direction: column; align-items: center; gap: 5px;}
.carousel-button {background: none; border: 1px solid #ddd; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.3s;}
.carousel-button:hover {background-color: #f5f5f5;}
.carousel-button:disabled {opacity: 0.3; cursor: not-allowed;}
.section__box-img {display: flex; gap: 20px;}
.section__image-tovar {flex: 1; max-width: 500px;}
.section__image-tovar img {max-width: 100%; height: auto;}