@import url('./fonts.css');
@import url('./ui.css');

html,
body, body.modal-open {
  scrollbar-gutter: auto;
  /*overflow-x: hidden !important;*/
  scroll-behavior: smooth;
}
body {
  font-family: var(--base-font-family);
  font-weight: var(--base-font-weight-normal);
  font-size: var(--base-font-size);
  color: var(--base-text-color);
  background-color: var(--base-bg);
  letter-spacing: 0;

  min-height: 100vh;
  text-rendering: optimizeSpeed;
}

.container{
  max-width: none;
  width: 100%;
  padding: 0 15px;
}
header{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.head{
  padding: .75rem .75rem;
  line-height: 100%;
  font-size: var(--base-font-size-mini);
  color: var(--base-white);
  position: relative;
}
@media (min-width:576px){
  .head{
    padding: .75rem 1.75rem;
  }
}
.head a{
  color: var(--base-white);
  text-decoration: none;
}
@media (hover: hover){
  .head a:hover{
    color: var(--base-href-color-hover);
  }
}
.logo{
  position: relative;
  z-index: 1;
}
.head-contacts{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}
.head-email{
  margin-left: 3rem;
}

.top-thumb{
  display: block;
  position: relative;
  width: 28px;
  height: 19px;
}
.topmenu-active .top-thumb{
  z-index: 1;
}
.top-thumb:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  right: 0;
  background-color: var(--base-white);
  rotate: 0deg;
}
.top-thumb:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  right: 0;
  background-color: var(--base-white);
  rotate: 0deg;
}
.top-thumb span{
  position: absolute;
  width: 100%;
  height: 1px;
  top: 9px;
  right: 0;
  background-color: var(--base-white);
  rotate: 0deg;
  opacity: 1;
}

.topmenu-active .top-thumb:before{
  rotate: 315deg;
  top: 9px;
  width: 21px;
}
.topmenu-active .top-thumb:after{
  rotate: 225deg;
  bottom: 9px;
  width: 21px;
}
.topmenu-active .top-thumb span{
  rotate: 315deg;
  bottom: 9px;
  opacity: 0;
}


.head .search-open{
  font-size: var(--base-topmenu-font-size1200);
  width: 28px;
}

@media(min-width:992px){
  .container{
    padding: 0 50px;
  }
  .head-contacts{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5rem;
  }
  .top-thumb{
    display: none;
  }
  .head .search-open{
    display: none;
  }
}



header.mini .header-box{
  background: var(--grad-blue-90);
  border-radius: 0 0 15px 15px;
  padding: 0;
}
@media (min-width: 992px){
  header.mini .header-box{
    border-radius: 0 0 30px 30px;
    padding: 0 0 25px 0;
  }
}
@media (min-width: 1600px){
  header.mini .header-box{
    padding: 0 0 30px 0;
  }
}


/* Top Menu */
.topmenu-box{
  position: fixed;
  width: 100%;
  left: 100%;
  top: 0;
  height: 100%;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  background: var(--grad-aqua-270-opacity);
  opacity: 0;
}
.search-active .topmenu-box{
  opacity: 1;
}
.topmenu-active .topmenu-box{
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 80px 0 30px 0;
  align-items: start;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  opacity: 1;
}
.top-menu{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: .5rem 0;
  line-height: 100%;
}



.top-menu a{
  color: var(--base-white);
  font-size: var(--base-topmenu-font-size1200);
  text-decoration: none;
  margin: 0 40px;
  position: relative;
  top: 0;
}
.top-menu a.search-open{
  display: none;
  color: rgba(0, 0, 0, .6);
  padding: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 30px;
  margin: 0 0 0 30px;
}
.top-menu a.search-open i:before{
  line-height: inherit;
}
.top-menu a.active{
    color: var(--base-topmenu-hover);
  }
@media (hover: hover){
  .top-menu a:hover{
    color: var(--base-topmenu-hover);
  }
  .top-menu a.search-open:hover{
    /*top: 27px;*/
    color: rgba(0, 0, 0, .9);
  }
}



.search-block{
  position: fixed;
  top: 0;
  left: -100%;
  opacity: 0;
  height: 100%;
  width: 100%;
  padding: 80px 15px 16px 15px;
  background: var(--grad-aqua-270-opacity);
}
.search-active .search-block{
  opacity: 1;
  left: 0;
}
.search-active .head .search-open{
  z-index: 1;
}
@media (min-width:992px){
  .search-block{
    position: absolute;
    left: 30px;
    padding: 11px 20px;
    opacity: 0;
    background: none;
  }
  .search-active .search-block{
    opacity: 1;
    left: 0;
    z-index: 1;
  }
}



.search-active .top-menu a.search-open{
  color: var(--base-input-text-color);
}
@media (hover: hover){
  .search-active .top-menu a.search-open:hover{
    color: rgba(0, 0, 0, .9);
    /*opacity: .5;*/
  }
}

.search-block .form-element{
  background-color: var(--base-bg-input-search);
  border: none;
  margin: 0;
}
.search-block .form-element input[type="text"]{
  padding: 10px 65px 10px 10px;
  height: 45px;
  font-size: var(--base-font-size-more);
}


@media (min-width: 992px){
  .head{
    padding: 20px 0;
  }
  .topmenu-box, .topmenu-active .topmenu-box{
    position: static;
    padding: 0;
    width: auto;
    background: none;
    opacity: 1;
    --bs-gutter-x: 1.5rem;
  }
  .top-menu{
    padding: 20px 0;
  }
  .top-menu a{
    font-size: var(--base-topmenu-font-size1200);
  }
  .top-menu a.search-open{
    display: inline;
    top: 21px;
  }

  /*.search-block{
    height: 100%;
    width: 100%;
  }*/
  .search-block .form-element{
    border-radius: 25px;
  }
  .search-block .form-element input[type="text"]{
    height: 35px;
    padding: 10px 70px 10px 45px;
  }

  .top-menu{
    display: block;
    background-color: rgba(56, 175, 203, .85);
    border-radius: 30px;
    padding: 20px 0;
    position: relative;
    flex-direction: row;
    gap: 0;
  }
}
@media (min-width: 1400px){
  .head{
    padding: 26px 0;
  }
  .top-menu{
    padding: 26px 0;
  }
  .top-menu a{
    font-size: var(--base-topmenu-font-size1400);
  }
  .top-menu a.search-open{
    top: 27px;
  }
  .search-block{
    padding: 12px 20px;
  }
  .search-block .form-element{
    border-radius: 20px;
  }
  .search-block .form-element input[type="text"]{
    height: 45px;
    padding: 10px 100px 10px 45px;
  }
}
@media (min-width: 1600px){
  .head{
    padding: 30px 0;
  }
  .top-menu{
    padding: 30px 0;
  }
  .top-menu a{
    font-size: var(--base-topmenu-font-size1600);
  }
  .top-menu a.search-open{
    top: 30px;
  }
  .search-block{
    padding: 16px 20px;
  }
  .search-block .form-element{
    border-radius: 15px;
  }
  .search-block .form-element input[type="text"]{
    padding: 10px 100px 10px 55px;
  }
}
/* Top Menu (End) */



/* Main screen */
.main-screen{
  aspect-ratio: 10 / 6;
  background: var(--grad-aqua-90);
  background-image: url(../img/main-screen.jpg);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: cover;
  color: var(--base-white);
  border-radius: 0 0 15px 15px;
  margin-bottom: 3rem;
}
.main-screen-content{
  display: flex;
  height: 100%;
  position: relative;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  padding: 0 1.5rem 1.25rem 1.5rem;
}
.main-screen-content img{
  position: absolute;
  right: 1.5rem;
  bottom: .75rem;
  width: 40%;
}
.main-screen-annotation{
  position: relative;
  width: 50%;
}
.main-screen-title{
  font-weight: 600;
  line-height: 105%;
  font-size: 1.2rem;
}
.main-screen-text{
  text-transform: lowercase;
  font-weight: 400;
  line-height: 105%;
  font-size: .9rem;
  padding: 5px 0 0 0;
}
a.main-screen-more{
  color: var(--base-white);
  font-size: .8rem;
  font-weight: 500;
  line-height: 100%;
  position: relative;
  opacity: 1;
  padding: 0 15px 5px 0;
  margin: .75rem 0 0 0;

  border-bottom: var(--base-white) solid 1px;
  text-transform: lowercase;
  text-decoration: none;
}


@media (hover: hover){
  a.main-screen-more:hover{
    color: var(--base-white);
    opacity: .75;
  }
}
a.main-screen-more span{
  width: 6px;
  height: 6px;
  border-top: var(--base-white) solid 1px;
  border-right: var(--base-white) solid 1px;
  position: absolute;
  right: 0;
  top: 2px;
}
a.main-screen-more span:before{
  content: "";
  position: absolute;
  display: block;
  background-color: var(--base-white);
  width: 11px;
  height: 1px;
  rotate: -45deg;
  top: 3px;
  right: -2px;
}


@media(min-width:480px){
  .main-screen{
    aspect-ratio: 10 / 6;
    border-radius: 0 0 30px 30px;
    margin-bottom: 4rem;
  }
  .main-screen-content{
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .main-screen-title{
    font-size: 1.6rem;
  }
  .main-screen-text{
    font-size: 1rem;
    padding: 20px 0 0 0;
  }
  a.main-screen-more{
    margin: 2rem 0 0 0;
  }
  .main-screen-content img{
    right: 1.5rem;
    bottom: 1.5rem;
    width: 40%;
  }
}
@media(min-width:576px){
  .main-screen{
    aspect-ratio: 1920 / 850;
  }
  .main-screen-content{
    align-items: end;
    justify-content: space-between;
    padding: 0 .75rem 2rem 2.5rem;
    flex-direction: row;
  }
  .main-screen-annotation{
    width: 235px;
  }
  .main-screen-title{
    font-size: 1.2rem;
  }
  a.main-screen-more{
    font-size: .8rem;
    padding: 0 15px 5px 0;
    margin: 0 1.75rem 0 0;
  }
  a.main-screen-more span{
    width: 6px;
    height: 6px;
    right: 0;
    top: 3px;
  }
  a.main-screen-more span:before{
    width: 11px;
    height: 1px;
    top: 3px;
    right: -2px;
  }
  .main-screen-content img{
    right: 8rem;
    bottom: 1rem;
    width: 30%;
  }
}

@media(min-width:768px){
  .main-screen-content{
    padding-bottom: 3rem;
  }
  .main-screen-annotation{
    width: auto;
  }
  .main-screen-title{
    font-size: 1.6rem;
  }
  .main-screen-text{
    font-size: var(--base-topmenu-font-size576);
    padding: 20px 0 5px 0;
  }
  a.main-screen-more{
    font-size: var(--base-topmenu-font-size576);
    padding: 0 20px 5px 0;
    margin-right: 1.75rem;
    border-bottom: var(--base-white) solid 2px;
  }
  a.main-screen-more span{
    width: 8px;
    height: 8px;
    right: 0;
    top: 5px;
    border-top: var(--base-white) solid 2px;
    border-right: var(--base-white) solid 2px;
  }
  a.main-screen-more span:before{
    width: 10px;
    height: 2px;
    top: 3px;
    right: -1px;
    border-top: var(--base-white) solid 2px;
    border-right: var(--base-white) solid 2px;
  }
  .main-screen-content img{
    right: 8rem;
    bottom: 2rem;
    width: 31%;
  }
}

@media(min-width:992px){
  .main-screen-content{
    padding-bottom: 4rem;
    padding-left: .75rem;
  }
  .main-screen-title{
    font-size: 2.2rem;
    padding: 0;
  }
  .main-screen-text{
    font-size: var(--base-topmenu-font-size1400);
    padding: 25px 0 5px 0;
  }
  a.main-screen-more{
    font-size: var(--base-topmenu-font-size1400);
    padding-right: 25px;
    padding-bottom: 5px;
    margin: 0;
  }
  a.main-screen-more span{
    width: 8px;
    height: 8px;
    right: 0;
    top: 5px;
  }
  a.main-screen-more span:before{
    width: 16px;
    height: 2px;
    top: 3px;
    right: -4px;
  }
  .main-screen-content img{
    right: 8.5rem;
    bottom: 3rem;
    width: 32%;
  }
}

@media(min-width:1200px){
  .main-screen-title{
    font-size: 2.6rem;
  }
  .main-screen-text{
    font-size: var(--base-topmenu-font-size1600);
    padding-top: 25px;
  }
  a.main-screen-more{
    font-size: var(--base-topmenu-font-size1600);
    padding-right: 25px;
    padding-bottom: 5px;
  }
  a.main-screen-more span{
    top: 7px;
  }
  .main-screen-content img{
    right: 6rem;
    bottom: 3rem;
    width: 37%;
  }
}

@media(min-width:1400px){
  .main-screen-title{
    font-size: 3.2rem;
  }
  .main-screen-text{
    font-size: var(--base-topmenu-font-size1800);
    padding-top: 25px;
  }
}

@media(min-width:1600px){
  .main-screen-title{
    font-size: 4rem;
  }
  .main-screen-text{
    font-size: var(--base-topmenu-font-size2000);
    padding-top: 25px;
    padding-bottom: 5px;
  }
  a.main-screen-more{
    font-size: var(--base-topmenu-font-size1600);
    padding-bottom: 10px;
    padding-right: 25px;
  }
  a.main-screen-more span{
    width: 10px;
    height: 10px;
    right: 0;
    top: 7px;
  }
  a.main-screen-more span:before{
    width: 18px;
    height: 2px;
    top: 4px;
    right: -4px;
  }
  .main-screen-content img{
    right: 4rem;
    bottom: 3rem;
    width: 40%;
  }
}
/* Main screen (End) */



a.href-all{
  font-size: var(--base-topmenu-font-size576);
  padding: 0 20px 5px 0;
  font-weight: 500;
  line-height: 100%;
  position: relative;
  border-bottom: var(--base-href-color) solid 2px;
  text-transform: lowercase;
  text-decoration: none;
  top: 0;
}
a.href-all span{
  width: 8px;
  height: 8px;
  right: 0;
  top: 5px;
  border-top: var(--base-href-color) solid 2px;
  border-right: var(--base-href-color) solid 2px;
  position: absolute;
}
a.href-all span:before{
  content: "";
  position: absolute;
  display: block;
  background-color: var(--base-href-color);
  width: 10px;
  height: 2px;
  top: 3px;
  right: -1px;
  rotate: -45deg;
}


@media(min-width:768px){
  a.href-all{
    font-size: var(--base-topmenu-font-size576);
    padding: 0 20px 5px 0;
  }
  a.href-all span{
    width: 8px;
    height: 8px;
    right: 0;
    top: 5px;
  }
  a.href-all span:before{
    width: 10px;
    height: 2px;
    top: 3px;
    right: -1px;
  }
}
@media(min-width:992px){
  a.href-all{
    font-size: var(--base-topmenu-font-size1400);
    padding: 0 25px 5px 0;
  }
  a.href-all span{
    width: 8px;
    height: 8px;
    right: 0;
    top: 5px;
  }
  a.href-all span:before{
    width: 16px;
    height: 2px;
    top: 3px;
    right: -4px;
  }
}
@media(min-width:1200px){
  a.href-all{
    font-size: var(--base-topmenu-font-size1600);
  }
  a.href-all span{
    width: 10px;
    height: 10px;
    right: 0;
    top: 6px;
  }
  a.href-all span:before{
    width: 18px;
    height: 2px;
    top: 4px;
    right: -4px;
  }
}

@media (hover: hover){
  a.href-all:hover{
    border-bottom: var(--base-href-color-hover) solid 2px;
  }
  a.href-all:hover span{
    border-top: var(--base-href-color-hover) solid 2px;
    border-right: var(--base-href-color-hover) solid 2px;
  }
  a.href-all:hover span:before{
    background-color: var(--base-href-color-hover);
  }
}



/* Top Categories */
.top-categories a{
  display: flex;
  color: var(--base-text-color);
  border-radius: 10px;
  padding: 10px;
  background-color: var(--base-white);
  font-size: var(--base-topmenu-font-size);
  font-weight: 400;
  line-height: 100%;
  position: relative;
  top: 0;
  overflow: hidden;
}
@media (hover: hover){
  .top-categories a:hover{
    top: -3px;
    color: var(--base-href-color-hover);
  }
}

.top-categories a div{
  position: relative;
}

.top-categories a img{
  position: absolute;
}
.top-categories a.top-cat-1 img{
  right: 0;
  bottom: 0;
  height: 90%;
}
.top-categories a.top-cat-2 img{
  right: 0;
  top: 5%;
  height: 65%;
}
.top-categories a.top-cat-3 img{
  right: 3%;
  bottom: 3%;
  height: 67%;
}
.top-categories a.top-cat-4 img{
  right: 0;
  bottom: 0;
  height: 65%;
}
.top-categories a.top-cat-5 img{
  right: 0;
  top: 0;
  height: 65%;
}



.top-categories .top-cat-1{
  height: 100%;
  aspect-ratio: 12 / 4;
}
.top-categories .top-cat-2{
  aspect-ratio: 17 / 12;
  align-items: end;
}
.top-categories .top-cat-3{
  height: 100%;
}
.top-categories .top-cat-4{
  aspect-ratio: 510 / 360;
}
.top-categories .top-cat-5{
  height: 100%;
  align-items: end;
}

@media (min-width: 480px){
  .top-categories a{
    font-size: var(--base-topmenu-font-size576);
  }
  .top-categories a.top-cat-3 img{
    right: 3%;
    bottom: 3%;
    height: 80%;
  }
}

@media(min-width:576px){
  .top-categories .top-cat-1{
    aspect-ratio: auto;
  }
  .top-categories .top-cat-2{
    aspect-ratio: 17 / 15;
    align-items: end;
  }
  .top-categories .top-cat-4{
    aspect-ratio: 510 / 400;
  }

  .top-categories a.top-cat-1 img{
    height: auto;
    width: 90%;
  }
  .top-categories a.top-cat-3 img{
    right: 3%;
    bottom: 3%;
    height: 60%;
  }
}

@media (min-width: 768px){
  .top-categories a{
    font-size: var(--base-topmenu-font-size576);
    border-radius: 15px;
    padding: 15px;
  }
  .top-categories a.top-cat-3 img{
    right: 3%;
    bottom: 3%;
    height: 70%;
  }
}

@media (min-width: 992px){
  .top-categories a{
    font-size: var(--base-topmenu-font-size1200);
    border-radius: 20px;
    padding: 20px;
  }
  .top-categories a.top-cat-3 img{
    right: 3%;
    bottom: 5%;
    height: 80%;
  }
}
@media (min-width: 1200px){
  .top-categories .top-cat-2{
    aspect-ratio: 265 / 215;
    align-items: end;
  }
}
@media (min-width: 1400px){
  .top-categories a{
    font-size: var(--base-topmenu-font-size1400);
    border-radius: 25px;
    padding: 25px;
  }
}
@media (min-width: 1600px){
  .top-categories a{
    font-size: var(--base-topmenu-font-size1600);
  }
}
/* Top Categories (End) */


.main-actions{
  aspect-ratio: 1550 / 365;
  background: var(--grad-aqua-270);
  background-image: url(../img/main-actions.jpg);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: cover;
  color: var(--base-white);
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
@media (hover: hover){
  .main-actions:hover{
    opacity: .9;
  }
}


.main-actions img{
  opacity: .25;
  height: 95%;
  margin: 0 20px;
}
.main-actions img.small{
  height: 50%;
}


/* Section products */
.section-products{
  margin-bottom: 80px;
}
.product-info-box .section-products{
  margin-bottom: 0;
}
.section-product-item{
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 15px;
  padding: 30px 15px 15px 15px;
  background-color: var(--base-white);
}
.section-product-item.action-item{
  padding: 15px;
}

.product-info-box .section-product-item.action-item{
  padding: 0 0 20px 0;
}

.section-product-item-img{
  display: flex;
  width: 100%;
  aspect-ratio: 4 / 3;
  opacity: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.action-item .section-product-item-img{
  aspect-ratio: 1 / 1;
}
.product-info-box .section-product-item-img{
  margin-bottom: 5px;
}

.section-product-item-img img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
}
.action-item .section-product-item-img img{
  border-radius: 15px;
}

.section-product-item-info{
  display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 20px;
  justify-content: space-between;
}
.product-info-box .section-product-item-info{
  gap: 10px;
}

.section-product-item-art{
  font-size: var(--base-font-size-micro);
  font-weight: var(--base-font-weight-normal);
  color: var(--base-light-gray);
}
a.section-product-item-title{
  display: inline-flex;
  font-size: var(--base-font-size-mini);
  font-weight: var(--base-font-weight-semibold);
  color: var(--base-text-color);
  line-height: 100%;
}
.product-info-box a.section-product-item-title{
  font-size: var(--base-font-size-micro);
}

.section-product-item-price{
  color: var(--base-href-color);
  font-size: 1.2rem;
  font-weight: var(--base-font-weight-extra-black);
  line-height: 100%;
  display: block;
  margin: 0 0 .5rem 0;
}
.product-info-box .section-product-item-price{
  font-size: 1rem;
}
a.section-product-item-icon-cart{
  color: var(--base-white);
  background-color: var(--base-href-color);
  border-radius: 15px;
  padding: 4px 15px 7px 15px;
  font-size: 1.2rem;
  line-height: 0;
  display: inline-block;
}
a.section-product-item-icon-cart div{
  line-height: 1.2;
  font-size: var(--base-font-size-mini);
  font-weight: var(--base-font-weight-semibold);
}
a.section-product-item-icon-cart span{
  display: none;
}



@media (hover: hover){
  .section-product-item-img:hover{
    opacity: .75;
  }
  a.section-product-item-title:hover{
    color: var(--base-href-color);
  }
  a.section-product-item-icon-cart:hover{
    background-color: var(--base-href-color-hover);
    color: var(--base-white);
  }
}

@media(min-width:480px){
  .product-info-box a.section-product-item-title{
    font-size: var(--base-font-size-mini);
  }
  .product-info-box .section-product-item-price{
    font-size: 1.2rem;
  }
}
@media(min-width:576px){
  .section-product-item-price{
    margin: 0;
  }
  .product-info-box .section-product-item.action-item{
    padding: 5px 5px 20px 5px;
  }
}
@media(min-width:992px){
  .product-info-box .section-products > *{
    width: 50%;
  }
  .section-product-item{
    border-radius: 30px;
    padding: 60px 20px 20px 20px;
  }
  .section-product-item.action-item{
    padding: 20px;
  }
  .action-item .section-product-item-img img{
    border-radius: 20px;
  }
  .section-product-item-art{
    font-size: var(--base-font-size-mini);
    margin-bottom: 5px;
  }
  a.section-product-item-title{
    font-size: var(--base-font-size);
  }
  .section-product-item-price{
    font-size: 1.6rem;
    font-weight: var(--base-font-weight-extra-black);
  }
  a.section-product-item-icon-cart{
    font-size: var(--base-font-size-h3-1400);
  }
  a.section-product-item-icon-cart div{
    line-height: 1.5;
    font-size: var(--base-font-size);
  }
}
@media(min-width:1200px){
  .product-info-box .section-products > *{
    width: 33.3333%;
  }
  a.section-product-item-title{
    font-size: var(--base-font-size-more);
  }
  .section-product-item-price{
    font-size: 1.4rem;
  }
}
@media(min-width:1400px){
  .section-product-item-price{
    font-size: 1.6rem;
  }
}
@media(min-width:1600px){
  .section-product-item-price{
    font-size: 2rem;
  }
  .product-info-box a.section-product-item-title{
    font-size: var(--base-font-size);
  }
  .product-info-box .section-product-item-price{
    font-size: var(--base-font-size-h3-1400);
  }
}
/* Section products (End) */






/* Section actions */
.section-actions{
  margin-bottom: 80px;
}
.section-action-item{
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 15px;
  padding: 0 0 15px 0;
  overflow: hidden;
  background-color: var(--base-white);
}

.section-action-item-img{
  display: flex;
  width: 100%;
  aspect-ratio: 1 / 1;
  opacity: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.section-action-item-img img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
}

.section-action-item-info{
  display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 20px;
  justify-content: space-between;
  padding: 0 15px;
}
.section-action-item-art{
  font-size: var(--base-font-size-micro);
  font-weight: var(--base-font-weight-normal);
  color: var(--base-light-gray);
}
a.section-action-item-title{
  display: inline-flex;
  font-size: var(--base-font-size-mini);
  font-weight: var(--base-font-weight-semibold);
  color: var(--base-text-color);
  line-height: 100%;
}
.section-action-item-price{
  color: var(--base-href-color);
  font-size: 1.2rem;
  font-weight: var(--base-font-weight-extra-black);
  line-height: 100%;
  display: block;
  margin: 0 0 .5rem 0;
}
a.section-action-item-icon-cart{
  color: var(--base-white);
  background-color: var(--base-href-color);
  border-radius: 15px;
  padding: 7px 15px;
  font-size: 1.2rem;
  line-height: 0;
  display: inline-block;
}
@media (hover: hover){
  .section-action-item-img:hover{
    opacity: .75;
  }
  a.section-action-item-title:hover{
    color: var(--base-href-color);
  }
  a.section-action-item-icon-cart:hover{
    background-color: var(--base-href-color-hover);
  }
}

@media(min-width:576px){
  .section-action-item-price{
    margin: 0;
  }
}
@media(min-width:992px){
  .section-action-item{
    border-radius: 30px;
    padding: 0 0 20px 0;
  }
  .section-action-item-info{
    padding: 0 20px;
  }
  .section-action-item-art{
    font-size: var(--base-font-size-mini);
    margin-bottom: 5px;
  }
  a.section-action-item-title{
    font-size: var(--base-font-size);
  }
  .section-action-item-price{
    font-size: 1.6rem;
    font-weight: var(--base-font-weight-extra-black);
  }
  a.section-action-item-icon-cart{
    font-size: var(--base-font-size-h3-1400);
  }
}
@media(min-width:1200px){
  a.section-action-item-title{
    font-size: var(--base-font-size-more);
  }
  .section-action-item-price{
    font-size: 1.4rem;
  }
}
@media(min-width:1400px){
  .section-action-item-price{
    font-size: 1.6rem;
  }
}
@media(min-width:1600px){
  .section-action-item-price{
    font-size: 2rem;
  }
}
/* Section actions (End) */




.attention-consent{
  line-height: 1.2;
  font-size: var(--base-font-size-mini);
}
.main-feedback .attention-consent a{
  color: var(--base-white);
  text-decoration: underline;
}
@media(hover:hover){
  .main-feedback .attention-consent a:hover{
    text-decoration: none;
  }
}

.main-feedback{
  background: var(--grad-aqua-90);
  color: var(--base-white);
  border-radius: 15px;
  padding: 1.75rem .75rem;
  margin-bottom: 8rem;
}
.main-feedback h2{
  color: var(--base-white);
}
.main-feedback-text{
  font-size: var(--base-font-size-h3-mini);
  line-height: 1.2;
}

@media(min-width:480px){
  .main-feedback-text{
    font-size: var(--base-font-size-h3);
    line-height: 1.3;
  }
}
@media(min-width:576px){
  .main-feedback{
    padding: 1.75rem 1.75rem;
  }
}
@media(min-width:992px){
  .main-feedback{
    padding: 4rem 0;
    border-radius: 30px;
  }
}
@media(min-width:1400px){
  .main-feedback-text{
    font-size: var(--base-font-size-h3-1400);
  }
}



/* PAGE */
.page{
  padding-top: 60px;
}
@media(min-width:992px){
  .page{
    padding-top: 155px;
  }
}
@media(min-width:1400px){
  .page{
    padding-top: 180px;
  }
}
@media(min-width:1600px){
  .page{
    padding-top: 205px;
  }
}
/* PAGE (End) */


/* BREADCRUMB */
.breadcrumb{
  display: block;
  color: var(--base-light-gray);
  font-size: var(--base-font-size-micro);
  margin: .5rem 0 .5rem 0;
}
@media (min-width: 1400px){
  .breadcrumb{
    font-size: var(--base-font-size-mini);
  }
}

.breadcrumb a{
  text-decoration: none;
  color: var(--base-text-color);
  font-weight: var(--base-font-weight-bold);
}
.breadcrumb span{
  margin: 0 .25rem;
}
.breadcrumb a span, .breadcrumb span.current{
  margin: 0;
}
@media (hover: hover){
  .breadcrumb a:hover{
    color: var(--base-href-color);
  }
}
/* BREADCRUMB (End) */


/* Filter, Sort buttons */
.filter-button, .sort-button{
  padding: 1rem 0;
  font-size: var(--base-font-size-micro);
  font-weight: var(--base-font-weight-bold);
  color: var(--base-text-color);
  cursor: pointer;
}
.filter-button{
  position: relative;
  padding-right: 15px;
}

.filter-button:before, .filter-button:after{
  content: "";
  position: absolute;
  background-color: var(--base-light-gray);
  width: 1px;
  height: 5px;
  top: 23px;
}
.filter-button:before{
  right: 5px;
  rotate: -30deg;
}
.filter-button:after{
  right: 2px;
  rotate: 30deg;
}

.filter-button.opened:before{
  rotate: -150deg;
}
.filter-button.opened:after{
  rotate: 150deg;
}


@media (hover: hover){
  .filter-button:hover, .sort-button:hover{
    color: var(--base-href-color);
  }
  .filter-button:hover:before, .filter-button:hover:after{
    background-color: var(--base-href-color);
  }
}
@media (min-width: 1400px){
  .filter-button, .sort-button{
    font-size: var(--base-font-size-mini);
  }
  .filter-button:before, .filter-button:after{
    top: 25px;
  }
}

/*.filter-bg{
  position: fixed;
  top: 0;
  left: -100%;
  opacity: 0;
  height: 100%;
  width: 100%;
  background: var(--grad-aqua-270-opacity);
  z-index: 10;
  padding: 30px;
}
.filter-active .filter-bg{
  left: 0;
  opacity: 1;
}
.filter{
  overflow: auto;
  height: calc(100% - 30px);
  width: 40%;
  border-right: #60c7ec solid 1px;
}*/
/* Filter, Sort buttons (End) */


/* FILTER block */
.filter{
  font-size: var(--base-font-size-micro);
  margin: 0 0 2.5rem 0;
}
.filter-item{
  position: relative;
}
.filter-item-head{
  color: var(--base-light-gray) solid 1px;
  border: var(--base-light-gray) solid 1px;
  padding: 19px 30px 1px 15px;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}
.filter-item-head:before, .filter-item-head:after{
  content: "";
  position: absolute;
  background-color: var(--base-light-gray);
  width: 1px;
  height: 5px;
  top: 17px;
}
.filter-item-head:before{
  right: 16px;
  rotate: -30deg;
}
.filter-item-head:after{
  right: 13px;
  rotate: 30deg;
}

.filter-item.opened .filter-item-head{
  border: var(--base-href-color) solid 1px;
}

.filter-item.opened .filter-item-head:before{
  rotate: -150deg;
}
.filter-item.opened .filter-item-head:after{
  rotate: 150deg;
}

.filter-item-title{
  font-weight: var(--base-font-weight-bold);
  position: absolute;
  top: 2px;
}
.filter-item-variants{
  position: absolute;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 100%;
  padding: .25rem;
  display: none;
}
.filter-item.opened .filter-item-variants{
  /*display: block;*/
}

@media(min-width:992px){
  .filter-item-variants{
    padding: .5rem .75rem;
  }
}
@media(min-width:1200px){
  .filter-item-variants{
    padding: .5rem .5rem;
  }
}
.filter-item-variants ul{
  list-style: none;
  padding: .25rem 15px;
  margin: 0;
  background-color: var(--base-bg);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
  border-radius: 15px;
}

.filter-buttons{
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.filter-buttons .btn{
  height: fit-content;
  width: 45%;
}
/* FILTER block (End) */





/* PRODUCT HEAD */
.art-num{
  position: relative;
  top: -15px;
  color: var(--base-light-gray);
  font-weight: var(--base-font-weight-semibold);
  font-size: var(--base-font-size-mini);
}

.product-media-container{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  gap: 15px;
}

.product-head-previews{
  position: absolute;
  width: 60px;
  height: 100%;
  overflow: hidden;
}
.product-head-previews-item{
  display: flex !important;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  background-color: var(--base-white);
  border-radius: 15px;
  margin: 0 0 10px 0;
  border: var(--base-white) solid 1px;
}
.product-head-previews-item img{
  max-width: 100%;
  max-height: 100%;
}

.product-head-previews-item.swiper-slide-thumb-active{
  border: var(--base-href-color-hover) solid 1px;
}

.product-head-photo{
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  aspect-ratio: 7 / 8;
  background-color: var(--base-white);
  border-radius: 15px;
  width: calc(100% - 75px);
  margin-left: 75px;
}
.photo-swiper-container{
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.photoSwiper{
  height: 100%;
}
.product-head-photo a.product-head-photo-main{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  cursor: zoom-in;
}
.product-head-photo a.product-head-photo-main img{
  display: block;
  max-width: 100%;
  max-height: 100%;
}



.product-head{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 4rem;
}

.product-head-tools{
  flex: 0 0 auto;
  width: 100%;
  flex-direction: column;
  display: flex;
  margin-top: 1rem;
}


.product-head-price{
  color: var(--base-href-color);
  font-weight: var(--base-font-weight-extra-black);
  font-size: var(--base-font-size-h2);
  margin: 0 0 .5rem 0;
  line-height: .9;
}
.product-head-basket{
  font-size: var(--base-font-size-more);
  width: max-content;
  padding: 0.3rem 3.5rem;
}
.product-head-basket span{
  display: none;
}


.variants-block{
  margin: .75rem 0 0 0;
  position: relative;
}
.variants-title{
  font-weight: var(--base-font-weight-bold-black);
  margin: 0 0 .3rem 0;
}




.variants-select-block{
  position: relative;
  font-size: var(--base-font-size-mini);
  width: max-content;
}
.variants-select{
  position: relative;
  background-color: var(--base-white);
  padding: 8px 20px 8px 5px;
  cursor: pointer;
  border-radius: 15px;
  display: inline-block;
  font-weight: var(--base-font-weight-semibold);
  white-space: nowrap;
}
.variants-select:before, .variants-select:after{
  content: "";
  position: absolute;
  background-color: var(--base-text-color);
  width: 1px;
  height: 5px;
  top: calc(50% - 1px);
}
.variants-select:before{
  right: 10px;
  rotate: -30deg;
}
.variants-select:after{
  right: 7px;
  rotate: 30deg;
}

.variants-table{
  display: none;
  position: absolute;
  z-index: 1;
  top: 95%;
  right: 0;
  width: max-content;
  padding: 5px 0;
  background-color: var(--base-white);
  border-radius: 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.variants-table .variants-table-item{
  display: block;
  padding: 7px 10px;
  color: var(--base-text-color);
}
@media(hover:hover){
  .variants-table .variants-table-item:hover{
    color: var(--base-href-color);
  }
}


.colors-table{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: start;
  max-height: 280px;
  overflow: auto;
}

.colors-table-item{
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  background-color: var(--base-white);
  font-size: var(--base-font-size-micro);
  width: 90px;
  border-radius: 15px;
  overflow: hidden;
  text-decoration: none;
  color: var(--base-light-gray);
}
.colors-table-item.active{
  border: var(--base-href-color) solid 1px;
}


.colors-table-item img{
  display: block;
  position: absolute;
  bottom: 40px;
}
.colors-table-item div{
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  height: 40px;
  padding: 0 5px;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.2;
}

@media(min-width:480px){
  .product-head-photo{
    aspect-ratio: 4 / 3;
  }
}

@media(min-width:768px){
  .product-head-previews{
    width: 81px;
  }
  .product-head-photo{
    aspect-ratio: 3 / 2;
    width: calc(100% - 96px);
    margin-left: 96px;
  }
}

@media(min-width:992px){
  .product-head{
    flex-wrap: nowrap;
    gap: 15px;
  }

  .product-head-tools{
    width: 180px;
    margin-top: 0;
  }
  .product-head-price{
    text-align: center;
    margin: 0 0 .75rem 0;
  }
  .product-head-basket{
    width: auto;
    padding: 0.5rem 1.5rem;
  }

  .product-head-previews-item{
    margin: 0 0 15px 0;
  }

  .variants-block.colors-block{
    /*margin: auto 0 0 0;*/
    height: 100%;
    overflow: hidden;
  }

  .variants-select{
    width: 100%;
    font-size: var(--base-font-size-micro);
  }

  .colors-table{
    row-gap: 15px;
    column-gap: 15px;
    position: absolute;
    max-height: 100%;
    width: 100%;
    /*overflow-y: hidden;
    max-height: 180px;*/
  }

  .colors-table-item{
    aspect-ratio: 1 / 1;
    font-size: var(--base-font-size-micro);
    width: calc(50% - 8px);
  }

  /*.colors-table-item.all-colors{
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 85%;
    overflow-y: scroll;
    gap: 10px;
    align-content: start;
  }*/
}

@media(min-width:1200px){
  .product-head{
    gap: 20px;
  }
  .product-head-previews{
    width: 100px;
  }
  .product-head-photo{
    border-radius: 20px;
    width: calc(100% - 120px);
    margin-left: 120px;
  }

  .product-head-tools{
    width: 220px;
  }

  .product-head-previews-item{
    border-radius: 20px;
  }

  .variants-select{
    width: max-content;
    font-size: var(--base-font-size-mini);
  }

  .colors-table{
    column-gap: 20px;
    /*max-height: 215px;*/
  }

  .colors-table-item{
    width: calc(50% - 10px);
    border-radius: 20px;
  }
}

@media(min-width:1400px){
  .product-head{
    gap: 25px;
  }

  .product-head-photo{
    border-radius: 25px;
    width: calc(100% - 125px);
    margin-left: 125px;
  }

  .product-head-tools{
    width: 230px;
  }


  .product-head-previews-item{
    border-radius: 25px;
    margin: 0 0 15px 0;
  }

  .colors-table{
    /*max-height: 215px;*/
    column-gap: 20px;
  }

  .colors-table-item{
    width: 90px;
    border-radius: 25px;
  }
}


@media(min-width:1600px){
  .product-head{
    gap: 30px;
  }
  .product-head-previews{
    width: 120px;
  }
  .product-head-photo{
    border-radius: 30px;
    width: calc(100% - 150px);
    margin-left: 150px;
  }

  .product-head-tools{
    width: 300px;
  }

  .product-head-previews-item{
    border-radius: 30px;
    margin: 0 0 20px 0;
  }

  .colors-table{
    row-gap: 15px;
    column-gap: 15px;
    /*max-height: 195px;*/
  }

  .colors-table-item{
    border-radius: 15px;
    width: 84px;
  }
}

/* PRODUCT HEAD (End) */







/* PRODUCT INFO */
.product-info{
  margin-bottom: 4rem;
}
.product-info-tabs-exp{
  position: fixed;
  z-index: 5;
  top: calc(40% - 40px);
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 10px 0 0 10px;
  background-color: var(--base-white);
  box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
}
.product-info-tabs-exp:before{
  content: "";
  position: absolute;
  background-color: var(--base-light-gray);
  width: 1px;
  height: 7px;
  top: 10px;
  left: 12px;
  rotate: 45deg;
}
.product-info-tabs-exp:after{
  content: "";
  position: absolute;
  background-color: var(--base-light-gray);
  width: 1px;
  height: 7px;
  top: 15px;
  left: 12px;
  rotate: -45deg;
}
.product-info-tabs-exp.expanded:before{
  rotate: -45deg;
}
.product-info-tabs-exp.expanded:after{
  rotate: 45deg;
}
.product-info-tabs{
  position: fixed;
  z-index: 5;
  top: 40%;
  right: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.product-info-tabs.ohter-tabs{
  top: calc(40% + 80px);
}
.product-info-specific.only-specific .product-info-tabs.ohter-tabs{
  top: 40%;
}
.product-info-tabs li{
  align-items: center;
  display: flex;
  cursor: pointer;
  height: 30px;
  font-size: var(--base-font-size-mini);
  background-color: var(--base-white);
  color: var(--base-light-gray);
  border-radius: 10px 0 0 10px;
  width: 30px;
  margin: 0 0 10px 0;
  padding: 0 .5rem;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
}
/*.product-info-tabs li.active{
  color: var(--base-href-color);
}*/
.product-info-tabs-exp.expanded, .product-info-tabs.expanded li{
  width: 150px;
}
.product-info-tabs li i{
  margin: 0 10px 0 0;
}
.product-info-box{
  background-color: var(--base-white);
  margin: 1rem 0 0 0;
  border-radius: 15px;
  padding: 15px;
}
.product-info-box.active{
  display: block;
}

@media(min-width:992px){
  .product-info{
    position: relative;
    padding-top: 3rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
  }
  .product-info-tabs{
    position: absolute;
    top: -3rem !important;
    right: auto;
    width: auto;
    height: 3rem;
    display: flex;
    gap: 15px;
    align-items: start;
    margin: 0;
    padding: 0;
    font-size: var(--base-font-size-mini);
  }
  .product-info-tabs li{
    width: auto;
    box-shadow: none;
    border-radius: 0;
    background: none;
    cursor: pointer;
    padding: .5rem 0 .25rem 0;
    border-bottom: transparent solid 1px;
  }
  .product-info-tabs.expanded li{
    width: auto;
  }
  .product-info-tabs li i, .product-info-tabs-exp{
    display: none;
  }
  @media(hover:hover){
    .product-info-tabs li:hover{
      border-bottom: var(--base-light-gray) solid 1px;
    }
  }
  .product-info-tabs li.active{
    font-weight: var(--base-font-weight-bold);
    border-bottom: var(--base-light-gray) solid 1px;
    color: var(--base-light-gray);
  }
  .product-info-description{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 70%;
  }
  .product-info-specific{
    position: relative;
    width: 30%;
  }
  .product-info-specific.only-specific{
    width: 80%;
  }
  .product-info-boxes{
    width: 100%;
    height: 100%;
  }
  .product-info-box{
    display: none;
    margin: auto 0 0 0;
    height: 100%;
    max-height: 450px;
    overflow-y: auto;
  }
  .product-info-box.active{
    display: block;
  }
  .product-info-specific .product-info-box{
    aspect-ratio: auto;
    width: 100%;
  }
}

@media(min-width:1200px){
  .product-info{
    gap: 20px;
  }
  .product-info-tabs{
    gap: 20px;
    font-size: var(--base-font-size);
  }
  .product-info-box{
    border-radius: 20px;
    padding: 20px;
    max-height: 500px;
  }
}

@media(min-width:1400px){
  .product-info-description{
    width: 65%;
  }
  .product-info-specific{
    width: 35%;
    max-height: 550px;
  }
  .product-info-box{
    max-height: 550px;
  }
}

@media(min-width:1600px){
  .product-info-box{
    max-height: 550px;
  }
  .product-info-specific{
    max-height: 550px;
  }
}

@media(min-width:1800px){
  .product-info-specific.only-specific{
    width: 60%;
  }
}



.product-info-box .table {
  width: 100%;
  font-size: var(--base-font-size-mini);
}

.product-info-box .table tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.product-info-box .table td {
  width: 50%;
  border: none;
  padding: 0;
}

.product-info-box .table tr {
  border-bottom: var(--base-light) solid 1px;
  padding: .75rem 0;
  font-weight: var(--base-font-weight-semibold);
}
.product-info-box .table tr:first-child{
  padding: 0 0 .75rem 0;
}
.product-info-box .table tr:last-child{
  border: none;
  padding: .75rem 0 0 0;
}

.product-info-box .table .title {
  color: var(--base-light-gray);
}

.product-info-box .table .desc {
  text-align: right;
}

.product-info-box .table .desc ul{
  margin: 0;
  padding: 0;
}
.product-info-box .table .desc ul li{
  list-style-position: inside;
}

.docs-list{
  list-style: none;
  padding: 0;
  margin: 0;
}
.docs-list li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
  border-bottom: var(--base-light) solid 1px;
}
.docs-list li:first-child{
  padding-top: 0;
}
.docs-list li:last-child{
  padding-bottom: 0;
  border: none
}
/* PRODUCT INFO (End) */












/* ACTION HEAD */
.action-media-container{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  gap: 15px;
}

.action-head-photo{
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  aspect-ratio: 1 / 1;
  background-color: var(--base-white);
  border-radius: 15px;
  width: 100%;
}
.action-head-photo a.action-head-photo-main{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  cursor: zoom-in;
}
.action-head-photo a.action-head-photo-main img{
  display: block;
  max-width: 100%;
  max-height: 100%;
}


.action-head{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 4rem;
}

.action-head-tools{
  flex: 0 0 auto;
  width: 100%;
  flex-direction: column;
  display: flex;
  margin-top: 1rem;
}


.action-head-price{
  color: var(--base-href-color);
  font-weight: var(--base-font-weight-extra-black);
  font-size: var(--base-font-size-h2);
  margin: 0 0 .5rem 0;
  line-height: .9;
}
.action-head-basket{
  font-size: var(--base-font-size-more);
  width: max-content;
  padding: 0.3rem 3.5rem;
}

.vkomplekte-title{
  padding: 1rem 0 .5rem 0;
  font-weight: var(--base-font-weight-bold);
}
.vkomplekte-list{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.vkomplekte-item{
  width: calc(50% - 7.5px);
  font-size: var(--base-font-size-micro);
  line-height: 1.2;
  font-weight: var(--base-font-weight-semibold);
}
.vkomplekte-item-img{
  display: flex;
  aspect-ratio: 1 / 1;
  justify-content: center;
  align-items: center;
  background-color: var(--base-white);
  border-radius: 15px;
  margin: 0 0 .25rem 0;
}
.vkomplekte-item-img img{
  display: block;
  max-width: 90%;
  max-height: 90%;
  opacity: 1;
}
.vkomplekte-item-name{
  color: var(--base-light-gray);
}
@media(hover:hover){
  .vkomplekte-item-img:hover img{
    opacity: .75;
  }
  .vkomplekte-item-name:hover{
    color: var(--base-href-color);
  }
}

@media(min-width:480px){
  .action-head-photo{
    aspect-ratio: 16 / 9;
  }
}

@media(min-width:576px){
  .vkomplekte-item{
    width: calc(33.3% - 10px);
  }
}
@media(min-width:768px){
  .action-head{
    flex-wrap: nowrap;
    gap: 15px;
  }
  .action-head-tools{
    width: 280px;
    margin-top: 0;
  }
  .vkomplekte-item{
    width: calc(50% - 7.5px);
  }
}

@media(min-width:992px){
  .action-head-price{
    text-align: center;
    margin: 0 0 .75rem 0;
  }
  .action-head-basket{
    width: auto;
    padding: 0.5rem 1.5rem;
  }
}

@media(min-width:1200px){
  .action-head{
    gap: 20px;
  }

  .action-head-photo{
    aspect-ratio: auto;
    border-radius: 20px;
  }
  .action-head-tools{
    width: 300px;
  }
}

@media(min-width:1400px){
  .action-head{
    gap: 25px;
  }
  .action-head-photo{
    border-radius: 25px;
  }
}


@media(min-width:1600px){
  .action-head{
    gap: 30px;
  }
  .action-head-photo{
    border-radius: 30px;
  }
}
/* ACTION HEAD (End) */







/* ACTION INFO */
.action-info{
  margin-bottom: 4rem;
}

.action-info-box{
  background-color: var(--base-white);
  border-radius: 15px;
  padding: 15px;
}
.action-info-description{
  width: 100%;
}
.action-info-box.active{
  display: block;
}


@media(min-width:1200px){
  .action-info-box{
    border-radius: 20px;
    padding: 20px;
    max-height: 500px;
  }
}
/* ACTION INFO (End) */







/* SUB SECTIONS */
.sub-sections{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}
.sub-sections li{
  width: calc(50% - 5px);
  line-height: 1.2;
  font-size: var(--base-font-size-mini);
  font-weight: var(--base-font-weight-semibold);
}
.sub-sections-image{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--base-white);
  padding: 2%;
  margin-bottom: 5px;
  border-radius: 15px;
  aspect-ratio: 16 / 9;
  opacity: 1;
}
.sub-sections-image img{
    max-width: 100%;
    max-height: 100%;
}
.sub-sections-name, .sub-sections-name:visited{
  color: var(--base-light-gray);
}

@media (hover: hover){
  .sub-sections-image:hover{
    opacity: .75;
  }
  .sub-sections-name:hover{
    color: var(--base-href-color);
  }
}


@media (min-width: 768px){
  .sub-sections li{
    width: calc(25% - 10px);
  }
}
@media (min-width: 1200px){
  .sub-sections li{
    width: calc(16.666% - 10px);
  }
}
/* SUB SECTIONS (End) */



/* PAGE NAVIGATION */
.bx-pagination {
  margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
  text-align: center;
  position: relative;
}
.bx-pagination .bx-pagination-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
  display: inline-block;
  margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span{
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
       -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
      -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
       -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
        transition: color .3s ease, background-color .3s ease, border-color .3s ease;
  background: #eff0f1;
  padding: 0 8px;
  display: block;
  height: 32px;
  min-width: 32px;
  line-height: 32px;
  color: #444;
  font-size: 14px;
  border-radius: 16px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
  text-decoration: none;
  display: block;
  border-radius: 16px;
  height: 32px;
  min-width: 32px;
  line-height: 32px;
  color: #444;
  vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
  background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
  background: #0083d1;
  color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
  background: #fff;
  border: 2px solid #eff0f1;
  line-height: 28px;
  padding: 0 18px;
  color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
  color: #aab1b4;
  background: #fff;
  border: 2px solid #eff0f1;
  line-height: 28px;
  padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
  background: #fff;
  border-color: #DADADA;
  color: #000;
}




.bx-pagination .bx-pagination-container ul li.bx-active span{
  background: var(--base-href-color);
}
/* PAGE NAVIGATION (End) */




/* SEARCH */
.top-search-btn{
  position: absolute;
  border-radius: 13px;
  padding: .6rem .75rem;
  top: 4px;
  right: 4px;
}
.aws-search-result{
  position: absolute;
  width: calc(100% - 30px);
  padding: 30px;
  border-radius: 10px;
  background: var(--base-white);
  margin-top: 20px;
  max-height: 658px;
  overflow-y: auto;
  box-shadow: 0 3px 15px rgba(0, 0, 0, .25);
  display: none;
}

.top-search-item{
  border-bottom: var(--base-light) solid 1px;
  padding: 3px 0;
}

.search-item-img{
  width: 60px;
  height: 60px;
  display: block;
  position: relative;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
}

@media(min-width:992px){
  .top-search-btn{
    padding: 0.28rem .75rem;
  }
  .aws-search-result{
    width: calc(100% - 40px);
  }
}

@media(min-width:1400px){
  .top-search-btn{
    border-radius: 15px;
    padding: 0.6rem 1.5rem;
  }
}

@media(min-width:1600px){
  .top-search-btn{
    border-radius: 13px;
  }
}
/* SEARCH (End) */




/* CONTACTS */
.contacts-map{
  border-radius:15px;
  overflow:hidden;
  height:300px
}
@media(min-width:992px){
  .contacts-map{
    border-radius: 20px;
  }
}
/* CONTACTS (End) */



footer{
  background: var(--grad-aqua-270);
  color: var(--base-bg);
  padding: 3rem .5rem;
  font-size: var(--base-font-size);
  font-weight: var(--base-font-weight-thin);
  line-height: 105%;
}
@media(min-width:576px){
  footer{
    padding: 3rem 1rem;
    font-size: var(--base-font-size-mini);
  }
}
@media(min-width:768px){
  footer{
    padding: 4rem 0;
    font-size: var(--base-font-size);
  }
}
@media(min-width:992px){
  footer{
    padding: 5rem 0;
  }
}
@media(min-width:1200px){
  footer{
    padding: 6rem 0;
  }
}
@media(min-width:1400px){
  footer{
    ont-size: var(--base-font-size-more);
  }
}

footer p{
  margin-bottom: 1.75rem;
}
footer b{
  margin-bottom: .5rem;
  display: inline-block;
}
footer a, footer a:visited{
  color: var(--base-white);
}

footer hr{
  opacity: .5;
  margin: 3rem 0;
}

ul.footer-menu{
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: var(--base-font-weight-semibold);
}
ul.footer-menu li{
  margin: 0 0 1.5rem 0;
}
.footer-menu a.active{
  color: var(--base-href-color-hover);
}

.copyright, .develop{
  font-size: var(--base-font-size-mini);
  line-height: 100%;
}





/* BASKET */
.basket-detail{
  padding: 20px 20px 0 20px;
  border-radius: 20px;
  background-color: #fff;
}
.basket-detail .basket-item:not(:last-child){
  border-bottom: 1px solid var(--base-light);
}
.basket-item-img a, .basket-item-img span{
  display: block;
  border: 1px solid var(--base-light);
  border-radius: 10px;
  opacity: 1;
  aspect-ratio: 1 / 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.basket-detail .basket-item-info a.basket-item-info-name{
  font-weight: var(--base-font-weight-semibold);
  color: var(--base-text-color);
  line-height: 1;
  text-decoration: none;
}
@media(hover:hover){
  .basket-detail .basket-item-info a.basket-item-info-name:hover{
    text-decoration: none;
    color: var(--base-href-color-hover);
  }
}

.basket-item-price{
  color: var(--base-text-color);
  font-weight: var(--base-font-weight-bold);
  line-height: 1;
  white-space: nowrap;
}
.basket-item-block-amount{
  border: 1px solid var(--base-light);
  border-radius: 10px;
  padding: 5px;
  display: flex;
}
.basket-item-price span{
  color: var(--base-text-color);
  font-weight: var(--base-font-weight-semibold);
}
.basket-item-amount-btn-plus, .basket-item-amount-btn-minus{
  position: relative;
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: 300ms all ease;
  border-radius: 5px;
}

.basket-item-amount-btn-plus:before, .basket-item-amount-btn-plus:after, .basket-item-amount-btn-minus:after{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  width: 10px;
  height: 2px;
  background-color: var(--base-text-color);
  content: "";
}
.basket-item-amount-btn-plus:before{
  margin-top: -5px;
  margin-left: -1px;
  width: 2px;
  height: 10px;
}

@media(hover:hover){
  .basket-item-amount-btn-plus:hover, .basket-item-amount-btn-minus:hover{
    background-color: var(--base-light);
  }
}

.basket-item-amount-filed-block{
  position: relative;
  font-weight: var(--base-font-weight-semibold);
}
input[type="text"].basket-item-amount-filed, input[type="text"].basket-item-block-amount.disabled input[type="text"].basket-item-amount-filed:hover{
  border: none;
  padding: 0;
  width: 25px;
  height: 28px;
  outline: 0;
  vertical-align: middle;
  text-align: center;
  color: var(--base-light-gray);
  font-weight: var(--base-font-weight-normal);
}

.basket-detail .basket-item-actions-remove{
  color: var(--semantic-text-icons-text-02);
  font-size: var(--fz-b2);
  padding: 5px 10px;
  margin-right: 10px;
  cursor: pointer;
}

@media(hover:hover){
  .basket-detail .basket-item-actions-remove:hover{
    color: var(--base-href-color-hover);
  }
}
/* BASKET (End) */


/* Modal content */
.modal-content.modal-consult{
  padding: 1.5rem;
  border: none;
  border-radius: 15px;
}
@media(min-width:992px){
  .modal-content.modal-consult{
    border-radius: 20px;
  }
}

.modal-consult .btn-close{
  position: absolute;
    right: 0;
    top: 0;
    margin-top: 25px;
    margin-right: 25px;
}
.modal-header-wrap h4{
  padding-right: 30px;
}
span.error{
  line-height: 1.2;
  display: inline-block;
}

.form-element.error{
  border: var(--base-star-required) solid 1px;
  background-color: var(--base-error-bg);
}
/* Modal content (End) */



/* COOKIE-agree Block */
.cookie-agree-block{
  position: fixed;
  background-color: rgba(255, 255, 255, .95);
  width: 97%;
  padding: 30px;
  bottom: 1.5rem;
  left: 1.5%;
  z-index: 999999;
  border: var(--base-light) solid 1px;
  text-align: center;
}
.cookie-agree-block .close{
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.cookie-agree-block .close:before{
  content: "";
  position: absolute;
  background-color: var(--base-light-gray);
  width: 15px;
  height: 1px;
  rotate: 45deg;
  right: 5px;
  top: 12px;
}
.cookie-agree-block .close:after{
  content: "";
  position: absolute;
  background-color: var(--base-light-gray);
  width: 15px;
  height: 1px;
  rotate: -45deg;
  right: 5px;
  top: 12px;
}
.form-agree-title{
  margin: 0 0 .75rem 0;
  color: #6e6e6e;
  font-size: 12px;
}


@keyframes rotate {
   0% {
       transform: rotate(0deg);
       -webkit-transform: rotate(0deg);
   }
   50% {
       transform: rotate(180deg);
       -webkit-transform: rotate(180deg);
   }
   100% {
       transform: rotate(360deg);
       -webkit-transform: rotate(360deg);
   }
}

.cookie-agree-block .agree-preload i {
  display: inline-block;
  animation: rotate 3s linear infinite;
  -webkit-animation: rotate 3s linear infinite;
}
.cookie-agree-block.loaded .agree-preload{
  display: none;
}

.cookie-agree-block .load-full{
  display: none;
}
.cookie-agree-block.loaded .load-full{
  display: inline-flex;
}
/* COOKIE-agree Block (End) */


h2.actions-section-title{
  margin-bottom: 10px;
}
h2.actions-section-title a, h2.actions-section-title a:visited, h2.actions-section-title a:active{
  color: var(--base-text-color);
}
/*h2.actions-section-title a:active{
  color: var(--base-href-color);
}*/
@media(hover:hover){
  h2.actions-section-title a:hover{
    color: var(--base-href-color);
  }
}


.vkomplekte{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.vkomplekte-item{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
  border-radius: 15px;
  padding: 10px;
  background-color: var(--base-white);
}

.vkomplekte-item-img{
  display: flex;
  width: 100%;
  aspect-ratio: 4 / 3;
  opacity: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}

.vkomplekte-item-img img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
}

a.vkomplekte-item-name {
  display: inline-flex;
  font-size: var(--base-font-size-micro);
  font-weight: var(--base-font-weight-semibold);
  color: var(--base-text-color);
  line-height: 100%;
  /*display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 20px;
  justify-content: space-between;*/
}
@media (hover: hover) {
  a.vkomplekte-item-name:hover {
    color: var(--base-href-color);
  }
}

@media (min-width: 576px){
  a.vkomplekte-item-name{
    font-size: var(--base-font-size-mini);
  }
}

@media (min-width: 992px){
  .vkomplekte-item{
    border-radius: 20px;
    padding: 15px;
  }
}

@media (min-width: 2000px){
  a.vkomplekte-item-name{
    font-size: var(--base-font-size);
  }
}