@charset "UTF-8";
body,
html,
p,
h1,
a,
label,
button,
input,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
}

div {
  outline: none;
  box-sizing: border-box;
}

button {
  border: none;
}

input,
button,
a {
  outline: none;
  text-decoration: none;
}
input:hover,
button:hover,
a:hover {
  text-decoration: none;
}

button {
  background: transparent;
}
button:active {
  outline: none;
}

li {
  list-style-type: none;
}

html,
body {
  width: 100%;
  overflow-x: hidden;
}

/* Sticky footer — футер завжди притиснутий до низу */
#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}

h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 37px;
}

h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
}

.container {
  width: 1180px;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  .container {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .container {
    width: 100%;
    padding: 0px 10px;
  }
}

.none {
  display: none !important;
}

@media only screen and (max-width: 992px) {
  .none_mob {
    display: none;
  }
}

.el-message {
  position: absolute;
}

.mb_1 {
  margin-top: 30px;
}

.el-notification {
  top: 180px !important;
}
.el-notification .el-notification__content p {
  text-align: start;
}

.el-input-number {
  width: 145px;
}
.el-input-number .el-input input:focus {
  border-color: #DCDFE6;
}
.el-input-number .el-input input:hover {
  border-color: #DCDFE6;
}
.el-input-number .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #DCDFE6;
}
.el-input-number .el-input-number__decrease:hover, .el-input-number .el-input-number__increase:hover {
  background: #FCEBDE;
  color: #606266;
}

.btn {
  border-radius: 30px;
  min-height: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  cursor: pointer;
  position: relative;
}
.btn__transparent {
  width: 100%;
  border: 1px solid #413B3B;
  border-radius: 30px;
  color: #000;
}
.btn__more {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 41px;
  color: #444444;
  position: relative;
}
.btn__info {
  width: 430px;
  background: #FF8C64;
}
.btn__info:hover {
  background: #FFA487;
}
.btn__info:active {
  background: #EE5C2E;
}
.btn__silver {
  background: #E5E5E5;
  color: #000;
}
.btn__epplay {
  width: 162px;
}

.cover_bgc_header {
  height: 161px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cover_bgc_header {
    height: 70px;
  }
}

.back_to_top {
  position: fixed;
  bottom: 40px;
  right: 60px;
  cursor: pointer;
  z-index: 99;
  opacity: 0;
  transition: all 0.1s ease;
}
@media only screen and (max-width: 480px) {
  .back_to_top {
    right: 20px;
  }
  .back_to_top svg {
    width: 30px;
    height: 30px;
  }
}
.back_to_top.visible {
  bottom: 60px !important;
  opacity: 1;
}
@media only screen and (max-width: 480px) {
  .back_to_top.visible {
    bottom: 40px !important;
  }
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  min-height: 161px;
  box-shadow: 0px 1px 6px rgba(74, 74, 74, 0.25);
  background: #FFFFFF;
  z-index: 9999999;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 768px) {
  header {
    min-height: 70px;
  }
}
header.hidden {
  top: -59px;
}
@media only screen and (max-width: 768px) {
  header.hidden {
    top: 0;
  }
}
header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .wrap .options {
  display: flex;
}
header .wrap .options .is_menu {
  cursor: pointer;
}
header .wrap .options__list {
  display: flex;
}
header .wrap .options__list .menu_login {
  position: absolute;
  display: none;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  width: 185px;
  padding: 10px 11px 0px 11px;
  right: 0;
  z-index: 2;
}
header .wrap .options__list .menu_login.active {
  display: flex;
}
header .wrap .options__list .menu_login li {
  margin: 0px 0px 10px 0px;
}
header .wrap .options__list .menu_login li a {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
}
header .wrap .options__list .menu_login li:first-child {
  margin-top: 10px;
}
header .wrap .options__list .menu_login li:last-child {
  margin-top: 5px;
}
header .wrap .options__list .menu_login li:last-child a {
  font-weight: normal;
  color: #413B3B;
}
header .wrap .options__list li {
  position: relative;
  margin: 0px 10px;
}
header .wrap .options__list li a span {
  position: absolute;
  top: -6px;
  right: -8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #555555;
  border-radius: 100%;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  header .wrap .options__list li a span {
    font-size: 10px;
    width: 16px;
    height: 16px;
  }
}
header .wrap .options .input_block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 260px;
  position: relative;
}
header .wrap .options .input_block .error {
  position: absolute;
  bottom: -110%;
  width: max-content;
}
header .wrap .options .input_block input {
  padding: 5px 11px;
  border-radius: 30px 0px 0px 30px;
  height: 30px;
  width: 216px;
  display: flex;
  box-sizing: border-box;
  border: none;
}
header .wrap .options .input_block button {
  width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 30px 30px 0px;
  background: #F18B12;
  cursor: pointer;
}
header .bottom {
  min-height: 102px;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 768px) {
  header .bottom {
    min-height: 49px;
  }
}
header .bottom .wrap {
  height: 102px;
}
@media only screen and (max-width: 768px) {
  header .bottom .wrap {
    height: 49px;
  }
}
@media only screen and (max-width: 768px) {
  header .bottom .options__list svg {
    width: 24px;
    height: 24px;
  }
}
header .bottom .logo_and_menu {
  display: flex;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  header .bottom .logo_and_menu .logo {
    margin: 0px 0px 0px 20px;
  }
}
header .bottom .logo_and_menu .logo a {
  width: 125px;
  height: 35px;
  display: flex;
}
@media only screen and (max-width: 768px) {
  header .bottom .logo_and_menu .logo a {
    width: 96px;
    height: 26px;
  }
}
header .bottom .logo_and_menu .logo a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .top {
  background: #010101;
  min-height: 59px;
  width: 100%;
  display: flex;
}
header .top .tel {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  header .top {
    min-height: 21px;
  }
}
@media only screen and (max-width: 992px) {
  header .top .wrap {
    display: none;
  }
}
header .top__menu {
  display: flex;
}
header .top__menu li {
  margin: 0px 16px 0px 0px;
}
@media only screen and (max-width: 1200px) {
  header .top__menu li {
    margin: 0px 10px 0px 0px;
  }
}
header .top__menu li a {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.216667px;
  text-transform: capitalize;
  color: #fff;
  background-image: linear-gradient(#fff, #fff);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s;
  padding: 0px 0px 4px 0px;
}
header .top__menu li a:hover, header .top__menu li a:focus {
  background-size: 100% 1px;
}

.bgc {
  width: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
}
.bgc.active {
  display: block;
}

.currency {
  display: none;
}

.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 0px 0px 50px;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .menu {
    display: none;
  }
}
.menu .fist_ul {
  display: flex;
  height: 100%;
  align-items: center;
}
.menu .fist_ul > li {
  margin: 0px 24px 0px 0px;
  display: flex;
  height: 20px;
  align-items: center;
}
.menu .fist_ul > li > a {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #191919;
  background-image: linear-gradient(#FFB496, #FFB496);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s;
}
.menu .fist_ul > li > a:hover, .menu .fist_ul > li > a:focus {
  background-size: 100% 1px;
}
.menu .fist_ul > li:hover {
  height: 100%;
}
.menu .fist_ul > li:hover .next_level {
  display: flex;
}
.menu .fist_ul > li .next_level {
  display: none;
  width: 100%;
  position: absolute;
  top: 160px;
  height: 492px;
  align-items: center;
  justify-content: center;
  z-index: 10;
  right: 0;
}
.menu .fist_ul > li .next_level .menu_wrap {
  width: 1180px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(97, 97, 97, 0.25);
  border-radius: 10px;
  height: 100%;
  padding: 35px;
  display: flex;
  overflow: hidden;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.menu .fist_ul > li .next_level .menu_wrap::-webkit-scrollbar {
  width: 0;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level {
  min-width: 260px;
  position: relative;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level li {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level li a {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  display: flex;
  width: 100%;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level:hover {
  background-color: #FCEBDE;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level:hover .wrap_for_three_level {
  display: flex;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level:hover .arrow_down {
  opacity: 1 !important;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .arrow_down {
  position: absolute;
  bottom: 3px;
  left: 140%;
  display: none;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  height: 395px;
  padding: 0px 0px 0px 35px;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level.border {
  border-bottom: 1px solid #C4C4C4;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level.border ~ .arrow_down {
  display: flex;
  opacity: 0;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level {
  min-width: 260px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level::-webkit-scrollbar {
  width: 0;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level li {
  height: 30px;
  display: flex;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level li a {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #191919;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level li:hover {
  background-color: #FCEBDE;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level li:hover .four_category {
  display: flex;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level li .four_category {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  height: 395px;
  min-width: 260px;
  overflow-y: scroll;
  padding: 0px 0px 0px 35px;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level li .four_category::-webkit-scrollbar {
  width: 0;
}
.menu .fist_ul > li .next_level .menu_wrap .second_level .wrap_second_level .wrap_for_three_level .third_level li .four_category li {
  width: 100%;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
}
@media only screen and (max-width: 992px) {
  .ham {
    display: block;
  }
}

.hamRotate.active {
  transform: rotate(45deg);
}

.hamRotate180.active {
  transform: rotate(180deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #000;
  stroke-width: 5.5;
  stroke-linecap: round;
}

.ham8 .top {
  stroke-dasharray: 40 160;
}

.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}

.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}

.ham8.active .top {
  stroke-dashoffset: -64px;
}

.ham8.active .middle {
  transform: rotate(90deg);
}

.ham8.active .bottom {
  stroke-dashoffset: -64px;
}

.menu_mob {
  display: none;
  width: 265px;
  height: 100vh;
  position: fixed;
  left: 0;
  z-index: 15;
  background: #FFFFFF;
  transition: all 0.5s ease;
  transform: translate(-265px);
  padding: 20px;
  flex-direction: column;
  overflow-y: auto;
}
.menu_mob.show {
  transform: translate(0px);
}
.menu_mob .dropdown .flex {
  display: flex !important;
}
.menu_mob .dropdown .dropdown-menu {
  width: max-content;
}
.menu_mob .dropdown .dropdown-menu li form div {
  display: flex;
  align-items: center;
}
.menu_mob .logo_and_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: max-content;
}
.menu_mob .logo_and_btn .logo {
  width: 85px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu_mob .logo_and_btn .logo img {
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .menu_mob {
    display: flex;
    top: 60px;
  }
  .menu_mob.up {
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .menu_mob {
    top: 21px;
  }
  .menu_mob.up {
    top: 0;
  }
}
.menu_mob .wrap_mob_menu {
  border-bottom: 1px solid #E5E5E5;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_cat_mob {
  margin-bottom: 24px;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_cat_mob .open_second_level.active > svg {
  transform: rotate(-90deg);
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_cat_mob a {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #191919;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level {
  display: none;
  margin-top: 24px;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level .open_three_level.active > svg {
  transform: rotate(-90deg);
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level li {
  margin-bottom: 20px;
  padding: 0px 0px 0px 10px;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level li a {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level li a span {
  width: 80%;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level li .third_level_mob {
  display: none;
  margin-top: 24px;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level li .third_level_mob .open_four_level.active > svg {
  transform: rotate(-90deg);
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level li .third_level_mob li {
  padding: 0px 0px 0px 20px;
}
.menu_mob .wrap_mob_menu .fist_ul_mob .second_level li .third_level_mob li .four_level_category {
  display: none;
  margin-top: 14px;
}
.menu_mob .search {
  margin-top: 20px;
  margin-bottom: 20px;
}
.menu_mob .search .input_block {
  height: 30px;
  display: flex;
  position: relative;
}
.menu_mob .search .input_block input {
  border: 1px solid #B0B0B0;
  width: 180px;
  height: 100%;
  border-radius: 30px 0px 0px 30px;
  padding: 10px;
}
.menu_mob .search .input_block .error {
  position: absolute;
  bottom: -20px;
}
.menu_mob .search .input_block button {
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 30px 30px 0px;
  background: #FF8C64;
  height: 100%;
}
.menu_mob .info_page {
  margin-top: 24px;
}
.menu_mob .info_page .open_menu_option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu_mob .info_page .open_menu_option svg {
  transition: all 0.5s ease;
}
.menu_mob .info_page .open_menu_option.active > svg {
  transform: rotate(90deg);
}
.menu_mob .info_page ul li {
  margin-bottom: 20px;
}
.menu_mob .info_page ul li a {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #B0B0B0;
}
.menu_mob .info_page ul li .account_menu_option {
  display: none;
  margin-top: 20px;
}
.menu_mob .info_page ul li .account_menu_option li {
  margin-bottom: 10px;
  padding: 0px 0px 0px 20px;
}

.preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99999;
}
.preloader:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 3px solid rgba(225, 150, 120, 0.3);
  border-top-color: #e19678;
  border-radius: 50%;
  animation: preloader-spin 0.8s linear infinite;
}

@keyframes preloader-spin {
  to {
    transform: rotate(360deg);
  }
}
.show_more_product .preloader:before {
  top: 73% !important;
  left: 55% !important;
}

.wrapper_for_home_slider {
  margin-top: 30px;
  min-height: 450px;
}
@media only screen and (max-width: 1200px) {
  .wrapper_for_home_slider {
    min-height: auto;
  }
}
@media only screen and (max-width: 992px) {
  .wrapper_for_home_slider {
    margin-top: 0px;
  }
}
.wrapper_for_home_slider .slick-list {
  overflow: hidden;
}
.wrapper_for_home_slider .slick-dots {
  bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .wrapper_for_home_slider .slick-dots {
    bottom: 10px;
  }
}
.wrapper_for_home_slider .slick-dots li {
  width: 10px;
}
.wrapper_for_home_slider .slick-dots li button {
  background: #fff;
  border-radius: 100%;
  width: 10px;
  height: 10px;
}
.wrapper_for_home_slider .slick-dots li button:before {
  font-size: 0;
}
.wrapper_for_home_slider .slick-dots li.slick-active button {
  background: #E5592D;
}
@media only screen and (max-width: 768px) {
  .wrapper_for_home_slider .home_slider {
    height: 500px;
  }
  .wrapper_for_home_slider .home_slider .slick-list {
    height: 500px;
  }
  .wrapper_for_home_slider .home_slider .slick-list .slick-track {
    height: 500px;
  }
  .wrapper_for_home_slider .home_slider .slick-list .slick-track img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.wrapper_for_home_slider .home_slider .item_slide {
  position: relative;
}
.wrapper_for_home_slider .home_slider .item_slide .slider_img_mob {
  display: none;
}
@media only screen and (max-width: 768px) {
  .wrapper_for_home_slider .home_slider .item_slide .slider_img_mob {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper_for_home_slider .home_slider .item_slide .slider_img_destop {
    display: none;
  }
}
.wrapper_for_home_slider .home_slider .item_slide a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  cursor: pointer;
}
.wrapper_for_home_slider .home_slider .item_slide img {
  width: 100%;
}

.product_item {
  height: 495px;
  position: relative;
  width: 284px;
  margin: 0px 7px 40px 7px;
}
@media only screen and (max-width: 1200px) {
  .product_item {
    width: 31%;
  }
}
@media only screen and (max-width: 768px) {
  .product_item {
    width: 47%;
    height: auto;
    margin: 0px 0px 20px 0px;
  }
}
@media only screen and (max-width: 320px) {
  .product_item {
    width: 145px;
  }
}
.product_item:hover {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}
.product_item:hover .add_to_cart {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .product_item:hover .add_to_cart {
    display: none;
  }
}
.product_item.big {
  width: 578px;
  height: 1000px;
}
@media only screen and (max-width: 768px) {
  .product_item.big {
    width: 100%;
    height: auto;
    margin: 0px 10px;
    order: 1;
  }
}
.product_item.big:hover .wrapper {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}
.product_item.big .wrapper {
  height: 1000px;
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .product_item.big .wrapper {
    height: auto;
    position: static;
  }
}
.product_item.big .wrapper .top {
  height: 767px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .product_item.big .wrapper .top {
    height: 600px;
  }
}
@media only screen and (max-width: 480px) {
  .product_item.big .wrapper .top {
    height: 500px;
  }
}
@media only screen and (max-width: 375px) {
  .product_item.big .wrapper .top {
    height: 390px;
  }
}
.product_item.big .wrapper .bottom {
  padding: 23px 0px 73px 0px;
}
.product_item.big .wrapper .bottom .name {
  font-size: 30px;
  line-height: 37px;
  height: 70px;
}
@media only screen and (max-width: 480px) {
  .product_item.big .wrapper .bottom .name {
    font-size: 18px;
    height: 40px;
    line-height: 20px;
  }
}
.product_item.big .wrapper .bottom .block_price {
  margin-top: 35px;
}
@media only screen and (max-width: 480px) {
  .product_item.big .wrapper .bottom .block_price {
    margin-top: 18px;
  }
}
.product_item.big .wrapper .bottom .block_price .price, .product_item.big .wrapper .bottom .block_price .special {
  font-size: 26px;
}
@media only screen and (max-width: 480px) {
  .product_item.big .wrapper .bottom .block_price .price, .product_item.big .wrapper .bottom .block_price .special {
    font-size: 16px;
  }
}
.product_item.big .wrapper .add_to_cart svg {
  width: 60px;
  height: 60px;
}
.product_item .label {
  position: absolute;
  transform: rotate(-90deg);
  left: -18px;
  top: 40px;
  padding: 0px 10px;
  background: #C4C4C4;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.product_item .top {
  height: 370px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .product_item .top {
    height: 300px;
  }
}
@media only screen and (max-width: 375px) {
  .product_item .top {
    height: 230px;
  }
}
@media only screen and (max-width: 320px) {
  .product_item .top {
    height: 198px;
  }
}
.product_item .top .mob_favorite_option {
  display: none;
}
@media only screen and (max-width: 992px) {
  .product_item .top .mob_favorite_option {
    display: block;
    position: absolute;
    z-index: 10;
    top: 15px;
    right: 10px;
    padding: 10px;
  }
  .product_item .top .mob_favorite_option .option {
    position: absolute;
    background: #fff;
    right: 0;
    width: max-content;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  }
  .product_item .top .mob_favorite_option .option ul li {
    padding: 10px;
  }
}
.product_item .top:hover .favorite_hover {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .product_item .top:hover .favorite_hover {
    display: none;
  }
}
.product_item .top .favorite_active {
  display: flex !important;
}
.product_item .top .favorite_hover {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 992px) {
  .product_item .top .favorite_hover {
    display: none;
  }
}
.product_item .top .favorite_hover .input-block {
  display: flex;
  width: 20px;
  height: 20px;
  position: relative;
  top: 20px;
  left: 30px;
}
.product_item .top .favorite_hover .input-block .cbx span:last-child {
  padding-left: 0px;
}
.product_item .top .image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.product_item .top .image .cover_link {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.product_item .top .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product_item .bottom {
  padding: 10px 0px 29px 0px;
  display: flex;
  flex-direction: column;
}
.product_item .bottom .name {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .product_item .bottom .name {
    font-size: 14px;
  }
}
.product_item .bottom .block_price {
  display: flex;
  margin-top: 15px;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.product_item .bottom .block_price .price, .product_item .bottom .block_price .special {
  font-style: normal;
  font-size: 20px;
}
@media only screen and (max-width: 480px) {
  .product_item .bottom .block_price .price, .product_item .bottom .block_price .special {
    font-size: 12px;
  }
}
.product_item .bottom .block_price .price {
  font-weight: 500;
}
.product_item .bottom .block_price .special {
  color: #B0B0B0;
  text-decoration: line-through;
}
.product_item .add_to_cart {
  width: 100%;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 0px 0px 25px 0px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  display: none;
  z-index: 1;
  position: absolute;
}
.product_item .add_to_cart .btn_group svg {
  margin: 0px 20px;
  cursor: pointer;
}

.recomendation {
  margin-top: 60px;
}
.recomendation .title {
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 37px;
}
@media only screen and (max-width: 768px) {
  .recomendation .title {
    font-size: 20px;
  }
}
.recomendation .products_block {
  margin: 40px -7px 0px;
}
.recomendation .products_block .slick-prev {
  width: 44px;
  height: 40px;
  background: #FF8C64;
  border-radius: 30px 0px 0px 30px;
  left: 0;
  top: 40%;
  z-index: 1;
}
.recomendation .products_block .slick-next {
  width: 44px;
  height: 40px;
  background: #FF8C64;
  border-radius: 0px 30px 30px 0px;
  right: 0;
  top: 40%;
  z-index: 1;
}
.recomendation .products_block .slick-track {
  padding: 0px 0px 15px;
}
.recomendation .products_block .slick-list {
  padding: 0px 0px 15px;
}
.recomendation .products_block .slick-slide {
  margin: 0px 7px 0px 0px;
}
@media only screen and (max-width: 480px) {
  .recomendation .products_block .slick-slide {
    margin: 0px 7px;
  }
}