.sim-slider {position: relative; width: 100%; height: 100%;}
.sim-slider-list {margin: 0; padding: 0; list-style-type: none;}
.sim-slider-element {display: flex; width: 100%; height: 100%; transition: opacity 1sease-in; opacity: 0; position: absolute; z-index: 2; left: 0; top: 0;}
div.sim-slider-arrow-left, div.sim-slider-arrow-right {width: 1.375rem; height: 2.5rem; position: absolute; cursor: pointer; opacity: 0.6; z-index: 4;}
div.sim-slider-arrow-left {left: 0.625rem; top: 40%; display: block;}
div.sim-slider-arrow-right {right: 0.625rem; top: 40%; display: block;}
div.sim-slider-arrow-left:hover {opacity: 1;}
div.sim-slider-arrow-right:hover {opacity: 1;}
div.sim-slider-dots {width: 100%; height: auto; position: absolute; left: 0; bottom: 0; z-index: 3; text-align: center;}
span.sim-dot {width: 0.625rem; height: 0.625rem; margin: 0.3125rem 0.4375rem; padding: 0; display: inline-block; background-color: #bbb; border-radius: 0.3125rem; cursor: pointer;}
.slider-box {background: #f8f8f8; margin: 0; display: grid; grid-template-columns: 50% 30%; justify-content: space-evenly; padding: 20px 0; width: 100%;}
.flexbox-banner {display: flex; justify-content: space-around; align-items: center;}
.navs img {width: 100%;}
p.price, p.review {margin: 0;}
.price {font-size: 1.5em; margin-bottom: 0.5rem;}
.review {font-size: 0.9em; color: #777; margin-bottom: 0.5rem;}
li.hidden {visibility: hidden;}
#banner {box-shadow: 2px 2px 4px #171717;}
#banner img {display: block; width: 100%;}
.descr {max-width: 55%;}
#banner2 {box-shadow: 0 2px 4px #898989; background: rgb(255 255 255); display: flex; align-items: center;}
.banner2__wrapper {display: flex; flex-direction: column; margin: auto 0; align-items: center; padding: 6px; row-gap: 18px;}
#banner2 img {margin: 0 auto; max-width: 90%;}
#banner2 h2 {text-align: center; font-size: 1.3rem;}
#banner2 a {text-decoration: none; color: black; font-size: 1em;}
a.media_tovar_day {display: flex;max-width: 40%;}
#banner2 .buy_banner {display: block; border-radius: 4px; color: white; background: red; padding: 0.375rem 0.75rem; text-align: center; margin: 1rem 0 0 0;}
#banner2 a:hover {color: rgb(255, 187, 0);}
#banner2 .buy_banner:hover { background: #ff2853; border-radius: 4px; box-shadow: 0 2px 4px grey;}
#banner2 a img:hover {box-shadow: 1px 1px 6px 3px lightgrey;}
.main {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 20px;}
h1 {font-size: 1.4em; color: #333; text-transform: uppercase;}
.carousel, .carousel2, .banner {max-width: 90%; display: flex; justify-content: center; align-items: center;}
.carousel_item, .banner_item {width: 100%; margin: 0 2rem; text-align: center;}
.carousel_item img, .banner_item img {max-width: 100%; height: auto;}
.carousel_item a, .banner_item a {color: black; text-decoration: none; display: block;}
.slick-slider {min-width: 0;}
.slick-list {overflow: hidden;}
.slick-track {display: flex; align-items: flex-start;}
.carousel .slick-arrow, .carousel2 .slick-arrow, .banner .slick-arrow {z-index: 10; width: 70%; height: 50px; max-width: 30px;}
.carousel .slick-arrow.slick-prev, .carousel2 .slick-arrow.slick-prev, .banner .slick-arrow.slick-prev {background: url("../images/chevron-left.svg") 0 0 / 100% no-repeat; border: none !important;}
.carousel .slick-arrow.slick-next, .carousel2 .slick-arrow.slick-next, .banner .slick-arrow.slick-next {background: url("../images/chevron-right.svg") 0 0 / 100% no-repeat; border: none !important;}
.carousel .slick-arrow.slick-disabled, .carousel2 .slick-arrow.slick-disabled, .banner .slick-arrow.slick-disabled {opacity: 0.2;}
.carousel .slick-dots, .carousel2 .slick-dots, .banner .slick-dots {display: flex; align-items: center; justify-content: center;}
.carousel .slick-dots li, .carousel2 .slick-dots li, .banner .slick-dots li {list-style: none; margin: 0px 10px;}
.carousel .slick-dots button, .carousel2 .slick-dots button, .banner .slick-dots button {font-size: 0; width: 0.625rem; height: 0.625rem; background-color: #fff; border-radius: 50%;}
.carousel .slick-dots li.slick-active button, .carousel2 .slick-dots li.slick-active button, .banner .slick-dots li.slick-active button {background-color: transparent;}
.carousel_item, .banner_item {padding: 0px 1rem;}
.p_otz {color: rgb(73, 73, 73);}
.p_left {color: #ff6600; font-weight: bold; margin-top: 0.1875rem;}
a.product_a {height: 60px;}
.carusel__button {display: flex; column-gap: 10px; position: absolute; top: 290px; right: 30px; align-items: center;}
.description {display: flex; flex-direction: column; text-align: left;}
.carousel_item a p {text-align: justify;}
.div_img {height: 12.5rem; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.div_img img {object-fit: cover;}
.img {display: flex !important; max-width: 8rem; margin: 0 auto; height: 6rem; background-color: #f1f1f1; border-radius: 1rem; justify-content: center; align-items: center;}
.slick-slide {display: flex; flex-direction: column; row-gap: 10px; position: relative;}
.checkbox-label {color: #f1f1f1;}
.carousel_item img {transition: transform 0.3s;}
.carousel_item img:hover {transform: scale(1.1);}
.carousel_item a p {transition: color 0.3s;}
.carousel_item a p:hover {color: rgb(255, 146, 22);}
@media (max-width: 768px) {
  .slider-box {grid-template-columns: none; grid-gap: 20px;}
  #slider {height: 100%;}
  #banner {margin: 0 20px;}
  #banner2 {display: none;}
  .flexbox-banner {align-items: center; text-align: center; max-height: 260px;}
  a.media_tovar_day {margin-bottom: 1rem;}
  .price {font-size: 1.3em;}
  .carousel, .carousel2, .banner {max-width: 95%;}
  h1 {font-size: 1.2em;}
  #banner2 h2 {font-size: 1.2em;}
  #banner2 a {font-size: 0.9em;}
  #banner2 .buy_banner {margin-top: 0.5rem; font-size: 0.9em;}
}
@media (min-width: 768px) and (max-width: 1000px) {
  .descr {max-width: 50%;}
  .carousel, .carousel2, .banner {padding: 0 1rem; max-width: 95%;}
}
@media (max-width: 768px) {.carousel .slick-arrow.slick-next, .carousel2 .slick-arrow.slick-next, .banner .slick-arrow.slick-next, .carousel .slick-arrow.slick-prev, .carousel2 .slick-arrow.slick-prev, .banner .slick-arrow.slick-prev {width: 840px;}}