.cmp-wrap{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:80px}
.cmp-side{flex:0 0 270px;display: flex;flex-direction: column;justify-content: flex-start;}
.cmp-content{flex:1;min-width:0;position:relative}
.cmp-cat{
  display:block;
  width:100%;
  padding:5px 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  border:none;
  text-align:left;
  cursor:pointer;
  color: var(--Black, #232323);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.cmp-cat.active{background: var(--Background, rgba(0, 0, 0, 0.03));color: var(--Black, #232323);}
.cmp-diff{display:flex;align-items:center;gap:6px;margin:12px 0}
.cmp-diff svg{display: none}
.cmp-clear{
  color: var(--Grey, #868686);
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap:0 8px;
}
.cmp-clear span:hover{
  text-decoration: none;
}
.cmp-labels{position:absolute;left:0;top:0;width:240px}
.cmp-group-title{
    color: var(--Black, #232323);
    margin-bottom: 10px;
    margin-top:0;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.cmp-row-name{padding:10px 5px;}


.cmp-swiper{margin-left:240px;padding-left:20px}
.cmp-swiper .swiper-slide{width:280px;display:flex;flex-direction:column}
.cmp-cell{
  padding:10px 5px;
  text-align:center;
  color: var(--Black, #232323);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */ 
}
.empty-cell{
  margin-bottom:63px;
}
.cmp-cell .stars{color:#FFA51E;font-size:16px;letter-spacing:-1px}
.cmp-cell.rating-cell{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.cmp-cell .rv-cnt{
  margin-left:3px;
  color: var(--Grey, #868686);

/* Medium - Text */
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 160% */
}
.cmp-group:first-child{
  margin-top:30px;
  margin-bottom: 55px;
}
.cmp-group{
  margin-top:30px;
  margin-bottom:25px;
}
.cmp-cell-group{
  margin-bottom:89px;
}
.cmp-prev,.cmp-next{position:absolute;top:50%;transform:translateY(-50%);
 background:#fff;border:1px solid #ddd;border-radius:50%;width:32px;height:32px;cursor:pointer}
.cmp-prev{left:-16px}.cmp-next{right:-16px}

.cmp-row-name{
  color: var(--Grey, #868686);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.cmp-side-menu-block{
  height: 392px;
  padding-bottom: 30px;
}

.cmp-img{width: 270px;display: block}
.swiper-wrapper .cmp-img img{max-width: 100%;width: auto;height: 270px;}
.cmp-name{
  color: var(--Black, #232323);

/* Paragraph - Medium */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
}

.cmp-col .gambit-product-item-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.cmp-col .gambit-product-item-buttons{
  margin-left:auto;
}
.cmp-col .gambit-product-item-title{
  margin-bottom: 20px;
}
.cmp-col .gambit-product-item{
  position: relative;
  height: 392px;
  margin-bottom: 30px;
}
.cmp-col .gambit-product-item-img{
  margin-bottom: 20px;
}

.cmp-rm{
  position: absolute;
  right:0;
  cursor: position;
}
.cmp-title{flex: 0 0 100%}

.cmp-hover{background:rgba(0,0,0,.03);position: relative;}
.cmp-hover::after{                              
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: -40px;
  background: rgba(0,0,0,.03);
  pointer-events: none;
  z-index: -1;
  width: 40px;
}

.icon-notmobile{
  display: inline-block;
}
.icon-mobile{
  display: none;
}

@media(max-width:991px){
  .cmp-wrap{
    gap:0;
    margin-bottom: 0;
  }
  .cmp-col .gambit-product-item-buttons .addtocart{
    margin: 0;
    border-radius: 8px;
    background: var(--Primary, #04AF53);
    padding: 7px 15px;
    border:none;
  }
  .cmp-col .addtocart span{
    display: none;
  }

  .icon-notmobile{
  display: none;
}
.icon-mobile{
  display: block;
}
  .cmp-col .gambit-product-item{

  }
   .cmp-side {
    flex-direction: row;
    flex: 0 0 100%;
    max-width: 100%;
  }
 .cmp-content{flex:0 0 100%}
 .cmp-labels{display:none}
 .cmp-swiper{margin:0;padding:0}
 .cmp-cell{text-align:left;padding:0;position:relative;margin-bottom: 20px}
 .cmp-cell::before{
    content:attr(data-label);
    position:relative;
    color: var(--Grey, #868686);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
display: block;
margin-bottom: 5px;
flex:0 0 100%;
  }
  .cmp-col .gambit-product-item-newprice{
    margin-bottom: 0;
  }
  .cmp-cell.rating-cell{
    justify-content: flex-start;
    margin-bottom: 40px;
  }
  .cmp-cell .rv-cnt{
    display: none;
  }
  .cmp-hover {background:transparent;position: relative;}
  .cmp-hover::after{                              
    content: none;  
  }
  .cmp-side .cmp-names{
    display: none;
  }
  .cmp-side-menu-block{
  height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    overflow-x: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    gap:0 10px;
  }
  .cmp-side-cats{
    width: 100%;
  flex: 0 0 100%;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  position: relative;
  z-index: 2;
  }
  .cmp-cat{
    display:block;
    width:auto;
    white-space: nowrap;
    padding:5px 10px;
    margin-bottom: 0;
    border-radius: 10px;
    border:none;
    text-align:left;
    cursor:pointer;
    color: var(--Black, #232323);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-radius: 10px;
background: var(--Background, rgba(0, 0, 0, 0.03));


/* Paragraph */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
  }
  .cmp-cat.active{background: var(--Black---Fill, #2E2E32);color: var(--White, #FFF);}
  .cmp-col.swiper-slide-active .cmp-cell-group.group-label::before{content:attr(data-label);}/* сам текст */
  /* чтобы «строка-фон» шла сплошняком: */
  
    .cmp-cell-group.group-label{
      position: relative;
      padding: 0;
      margin: 24px 0 10px;
  }
  .cmp-col.swiper-slide-active .cmp-cell-group.group-label::before{
      content: attr(data-label);
      color: #232323;                          /* var(--Black) */
      font-family: Roboto;
      font-size: 20px;                         /* H3 */
      font-weight: 600;
      line-height: 24px;
      position: absolute;
    top: -38px;
  }


}

@media(max-width:767px){
  .cmp-col .gambit-product-item-title{
    margin-bottom: 10px;
  }
  .cmp-col .gambit-product-item-img a{
    display: flex;
    flex-direction: column;
  }
  .cmp-col .gambit-product-item-data-wrap{
    flex: 1;
  }
  .empty-cell{
    display: none;
  }
  .cmp-col .gambit-product-item-info{
    margin-top: auto;
  }
  .cmp-col .gambit-product-item{
    height: 284px;

  }
  .cmp-cell-group{
    margin-bottom: 30px;
  }
}