.catalog {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 12px;
}
@media screen and (min-width: 1440px) {
  .catalog {
    padding-top: 40px;
    font-size: 20px;
  }
}
.catalog .h1Grp {
  display: flex; justify-content: space-between;
}
.catalog h1 {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (min-width: 1440px) {
  .catalog h1 {
    font-size: 40px;
  }
}

.catalogSearchGroup {
  width: 360px;
  --height: 56px;
  height: var(--height);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  --border-radius: 40px;
  border-radius: var(--border-radius);
  overflow: hidden;
  display: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .catalogSearchGroup {
    display: flex;
  }
}
.catalogSearchGroup button {
  width: var(--height); height: var(--height);
  display: flex; align-content: center; align-items: center; justify-content: center;
  position: absolute; left: 0; top: 0;
}
.catalogSearchGroup button svg {
  transform: translate(3px,2px);
}
.catalogSearchGroup input[type=text] {
  padding: 0 0 0 var(--height);
  margin: 0 !important;
  border-radius: var(--border-radius);
}

.categoriesFilter {
  font-size: 12px;
}
@media screen and (min-width: 1440px) {
  .categoriesFilter {
    font-size: 20px;
  }
}
.categoriesFilter ul {
  gap: 20px;
}
.categoriesFilter .btn_v2 {
  border: 1px solid #B41C1B;
  border-radius: 32px;
}






.risedBlock {
  background-color: #FFFFFF;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 30px;
}
@media scree and (min-width: 768px) {
  .risedBlock {
    border-radius: 40px;
  }
}
.risedBlock.r60 {
  border-radius: 40px;
}
@media screen and (min-width: 768px) {
  .risedBlock.r60 {
    border-radius: 60px;
  }
}




.pricesHolder {
}
.price, .partnerVolume {
  position: relative;
  white-space: nowrap;
  white-space-collapse: collapse;
  text-align: left;
  text-overflow: ellipsis;
  text-wrap-mode: nowrap;
  vertical-align: middle;
  overflow: hidden;
  font-weight: 500;
  /*font-size: 14px;*/
}
@media screen and (min-width: 768px) {
  .price, .partnerVolume {
    /*font-size: 24px;*/
  }
}
@media screen and (min-width: 1440px) {
  .price, .partnerVolume {
    /*font-size: 24px;*/
  }
}
@media screen and (min-width: 1920px) {
  .price, .partnerVolume {
    /*font-size: 24px;*/
  }
}
.price.old {
  color: #929292;
}
@media screen and (min-width: 1440px) {
  .catalog .price.old {
    font-size: 20px;
  }
}
.price.old::after {
  border-top: 1px solid;
  content: "";
  left: -1px;
  position: absolute;
  right: -1px;
  top: 50%;
  width: 100%;
}
.priceValue, .volumeValue {
}
.priceCurrency::before {
  content: "\a0";
  font-family: Arial, Helvetica, sans-serif;
}

.catalog .price, .catalog .partnerVolume {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .catalog .price, .catalog .partnerVolume {
    font-size: 24px;
  }
}


.categorie {
  margin-top: 40px;
}
@media screen and (min-width: 1440px) {
  .categorie {
    margin-top: 80px;
  }
}


.categoryName {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.4px;
  color: var(--txtClr);
}
@media screen and (min-width: 1440px) {
  .categoryName {
    font-size: 40px;
  }
}



.promosList {
  display: flex; flex-wrap: wrap; flex-direction: row;
  --bs-gutter-x: 20px;
  --bs-gutter-y: 40px;
}

.prodsList {
  display: flex; flex-wrap: wrap; flex-direction: row;
  --bs-gutter-x: 20px;
  --bs-gutter-y: 40px;
}





.favoriteProd, .favoriteProd.yes:hover {
  color: #cccccc;
  transition: all 0.25s ease-in-out;
}
.favoriteProd.yes, .favoriteProd:hover {
  color: var(--clrAccent);
}




.prodPicRised {
  max-width: 540px;
  display: flex; flex-direction: column;
  font-size: 12px;
}
@media screen and (min-width: 1440px) {
  .prodPicRised {
    font-size: 24px;
  }
}
.prodPicRised .partnerVolume {
  text-align: center;
}
.prodPicRised .pricesHolder {
  text-align: center;
}
.prodPicRised .risedBlock.x1x1 {
  aspect-ratio: 1;
}
.prodPicRised .risedBlock {
  display: flex; justify-content: center;
  position: relative;
}
.prodPicRised .risedBlock img {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1440px) {
  .prodPicRised {
    max-width: initial;
  }
}
@media screen and (min-width: 1920px) {
  .prodPicRised {
    max-width: initial;
  }
}
.prodPicRised .risedBlock .favoriteProd {
  position: absolute;
  right: 25px;
  top: 25px;
}

.prodPicRised .prodPicRisedTitle {
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .prodPicRised .prodPicRisedTitle {
    font-size: 24px;
    margin: 0 0 20px;
  }
}
.prodPicRised .article {
  text-align: center;
  font-size: 0.95em;
  margin-top: 2em;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .prodPicRised .article {
    text-align: center;
    font-size: 16px;
    margin-top: 2em;
    font-weight: 300;
  }
}
@media screen and (min-width: 1440px) {
  .prodPicRised .article {
    text-align: center;
    font-size: 0.65em;
    margin-top: 2em;
    font-weight: 300;
  }

}
@media screen and (min-width: 1920px) {

}
.prodPicRised .volPriceGrp {
  justify-content: center;
  margin-bottom: 10px;
  font-size: 12px;
}
@media screen and (min-width: 1440px) {
  .prodPicRised .volPriceGrp {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

.prodPicRised .btn_v2 {
  margin: 4px auto;
  width: 100%;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .prodPicRised .btn_v2 {
    width: 70%;
    font-size: 20px;
  }
}
.prodPicRisedBottom {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}






.prodFullRised {
  max-width: 540px;
  display: flex; flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  border-radius: 40px;
}
.prodFullRised .imgHolder {
  aspect-ratio: calc(380/280);
  border-radius: 40px 40px 0 0;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.prodFullRised .imgHolder img {
  width: auto;
  height: 100%;
}
.prodFullRised .favoriteProd {
  position: absolute;
  right: 25px;
  top: 25px;
}
.prodFullRised img {
}
.prodFullRised .textInfo {
  padding: 0 23px;
}
.prodFullRisedTitle {
  font-weight: 600;
  text-align: center;
  margin: 0 12px 21px;
  font-size: 20px;
}
@media screen and (min-width: 1440px) {
  .prodFullRisedTitle {
    font-size: 28px;
  }
}
.prodFullRised .article {
  text-align: center;
  font-size: 0.75em;
  margin-top: 2em;
  font-weight: 300;
}
.prodFullRised .volPriceGrp {
  justify-content: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 1440px) {
  .prodPicRised .volPriceGrp {
    margin-bottom: 20px;
    font-size: 24px;
  }
}


.prodFullRised .description {
  margin-top: 16px;
  font-size: 16px;
  display: none;
}


@media screen and (min-width: 768px) {
  .prodFullRised {
    max-width: initial;
  }
  .prodFullRised .textInfo {
    padding: 0 50px;
  }
  .prodFullRised .description {
    margin-top: 29px;
    font-size: 24px;
  }
}
@media screen and (min-width: 1440px) {
  .prodFullRised {
    max-width: initial;
  }
}
@media screen and (min-width: 1920px) {
  .prodFullRised {
    max-width: initial;
  }
}

.prodFullRised .btn_v2 {
  margin: 4px auto;
  width: 100%;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .prodFullRised .btn_v2 {
    width: 70%;
    font-size: 20px;
  }
}

.prodPicRisedBottom {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.prodFullRisedBottom {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /*margin-top: 12px;*/
  padding: 0 23px 23px;
}
@media screen and (min-width: 768px) {
  .prodFullRisedBottom {
    /*margin-top: 25px;*/
    padding: 0 50px 50px;
  }
}

.paginator {
  --height: 40px;
  display: flex; justify-content: center; gap: 10px;
  height: var(--height);
  margin-top: 40px;
}
.paginator .page,
.paginator .ellipsis {
  display: flex; justify-content: center; padding: 0 2px;
  min-width: var(--height);
  box-sizing: border-box;
  align-items: center;

}
.paginator .page.active {
  border-radius: var(--height);
  color: white;
  background-color: var(--clrAccent);
}



/**********************************************************************************************************************/
.backToCatalog {
  padding-top: 44px;
  padding-bottom: 28px;
}
.prodCard {
  --fs2: 16px;
  font-size: 13px;
}
@media screen and (min-width: 1440px) {
  .prodCard {
    --fs2: 24px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .prodCard {
    --fs2: 28px;
    font-size: 20px;
  }
}

.font-size2 {
  font-size: var(--fs2) !important;
}
ul.listInAccordeon {
  margin: 0;
  padding-left: 20px;
}

.prodCardTop {
  --bs-gutter-x: 20px;
  /*height: auto;*/
}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1440px) {
  .prodCardTop {
    --bs-gutter-x: 35px;
    /*height: 540px;*/
  }
}
@media screen and (min-width: 1920px) {
  .prodCardTop {
    --bs-gutter-x: 40px;
    /*height: 696px;*/
  }
}
.photoSelectWrap {
  position: relative;
  display: none;
  margin-right: -10px;
}
.photoSelect {
  height: 100%;
  padding: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth;
}
@media screen and (min-width: 768px) {
  .photoSelectWrap {
    display: block;
    height: 288px;
  }
}
@media screen and (min-width: 1440px) {
  .photoSelectWrap {
    height: 515px;
  }
}
@media screen and (min-width: 1920px) {
  .photoSelectWrap {
    height: 696px;
  }
}
.photoPreviews {
  display: flex; flex-direction: column;
  gap: 15px;
}
.photoPreview {
  width: 100%;
  aspect-ratio: 1;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
  border-radius: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #cccccc;
  cursor: pointer;
}
.photoSelectWrap .showPrev,
.photoSelectWrap .showNext {
  width: 100%; height: 50px;
  align-self: center;
  background: url("data:image/svg+xml,%3Csvg class='showPrev' width='49' height='19' viewBox='0 0 49 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.1607 18.875L0 2.32974L1.58996 0L24.1607 15.4559L46.7314 0L48.32 2.32974L24.1607 18.875Z' fill='black'/%3E%3C/svg%3E"), linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.75) 33%, white 50%);
  background-size: 49px 19px, 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute; left: 0;
  cursor: pointer;
  transition: all 0.35s linear;
  display: none;
}
.photoSelectWrap .showPrev:hover,
.photoSelectWrap .showNext:hover {
  background: url("data:image/svg+xml,%3Csvg class='showPrev' width='49' height='19' viewBox='0 0 49 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.1607 18.875L0 2.32974L1.58996 0L24.1607 15.4559L46.7314 0L48.32 2.32974L24.1607 18.875Z' fill='white'/%3E%3C/svg%3E"), var(--clrAccent);
  background-size: 49px 19px, 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.photoSelectWrap .showPrev {
  transform: rotate(180deg);
  top: 0;
}

.photoSelectWrap .showPrev,
.photoSelectWrap .showNext,
.photoSelectWrap .showPrev:hover,
.photoSelectWrap .showNext:hover {
  background-size: 26px 10px, 100% 100%;
}

@media screen and (min-width: 1440px) {
  .photoSelectWrap .showPrev,
  .photoSelectWrap .showNext,
  .photoSelectWrap .showPrev:hover,
  .photoSelectWrap .showNext:hover {
    background-size: 49px 19px, 100% 100%;

  }
}
.photoSelectWrap .showNext {
  bottom: 0;
}
.prodCard .bigPhoto {
  width: 100%;
  aspect-ratio: 1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  position: relative;
  background-size: cover;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.3s ease;
}
.prodCard .bigPhotoLoader {
  position: absolute; top: 50%; left: 50%;
  background-image: url('/imgs/logo_red.webp');
  background-color: rgba(0,0,0,0.5);
  border-radius: 30px;
  width: 60px; height: 60px;
  margin: -30px 0 0 -30px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  animation: bigPhotoLoaderAni 2s infinite ease-in-out;
  display: none;
}
@keyframes bigPhotoLoaderAni {
  0% { transform: rotate(-20deg); }
  50% { transform: rotate(20deg); }
  100% { transform: rotate(-20deg); }
}

.prodCard .bigPhoto .favoriteProd {
  position: absolute; top: 20px; right: 20px;
  display: block;
}
@media screen and (min-width: 768px) {
  .prodCard .bigPhoto .favoriteProd {
    display: none;
  }
}

.prodCard .prodName {
  font-weight: 600;
  line-height: 1;
  font-size: 20px;
  margin-top: 30px;
}
@media screen and (min-width: 1440px) {
  .prodCard .prodName {
    margin-top: 0;
    font-size: 36px;
  }
}

.prodCard .prodStats {
  margin: 19px 0 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ratingSet {
  display: flex;
  align-items: center;
  gap: 4px;
}
.rating {
  height: 16px;
  display: flex; gap: 2px;
}
.star {
  --star-color: var(--clrAccent);
  --progress: 100%;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
  background: linear-gradient(to right, var(--star-color) 0%, var(--star-color) var(--progress), transparent var(--progress), transparent 100%);
  mask-image: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.71777 0.683594C7.82114 0.438858 8.17885 0.438865 8.28223 0.683594L9.90527 4.53906C10.0947 4.98881 10.5211 5.29266 11.0059 5.33105L15.2188 5.66406C15.4981 5.68621 15.5892 6.01569 15.3945 6.18066L12.1846 8.89746C11.8125 9.21254 11.648 9.7093 11.7627 10.1846L12.7432 14.2461C12.801 14.4858 12.5305 14.7119 12.2852 14.5645L8.67773 12.3877C8.26129 12.1365 7.73871 12.1364 7.32227 12.3877L3.71484 14.5645C3.46953 14.7119 3.19896 14.4858 3.25684 14.2461L4.2373 10.1846C4.35198 9.70935 4.18759 9.21258 3.81543 8.89746L0.605469 6.18066C0.410831 6.0157 0.501932 5.68621 0.78125 5.66406L4.99414 5.33105C5.47892 5.29266 5.90533 4.98891 6.09473 4.53906L7.71777 0.683594Z' fill='black' stroke='black'/%3E%3C/svg%3E%0A");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  position: relative;
}
.star:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.71777 0.683594C7.82114 0.438858 8.17885 0.438865 8.28223 0.683594L9.90527 4.53906C10.0947 4.98881 10.5211 5.29266 11.0059 5.33105L15.2188 5.66406C15.4981 5.68621 15.5892 6.01569 15.3945 6.18066L12.1846 8.89746C11.8125 9.21254 11.648 9.7093 11.7627 10.1846L12.7432 14.2461C12.801 14.4858 12.5305 14.7119 12.2852 14.5645L8.67773 12.3877C8.26129 12.1365 7.73871 12.1364 7.32227 12.3877L3.71484 14.5645C3.46953 14.7119 3.19896 14.4858 3.25684 14.2461L4.2373 10.1846C4.35198 9.70935 4.18759 9.21258 3.81543 8.89746L0.605469 6.18066C0.410831 6.0157 0.501932 5.68621 0.78125 5.66406L4.99414 5.33105C5.47892 5.29266 5.90533 4.98891 6.09473 4.53906L7.71777 0.683594Z' fill='none' stroke='%23b41c1b'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute; left: 0; top: 0;
}
.prodCard .description p {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1440px) {
  margin-bottom: 0.75em;

}
@media screen and (min-width: 1920px) {
  margin-bottom: 1em;

}
.prodCard .description p:last-child{
  margin-bottom: 0;
}
.prodCard .pricesHolder {
  font-size: 24px;
  margin: 10px 0 10px;
}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1440px) {
  .prodCard .pricesHolder {
    font-size: 32px;
    margin: 20px 0 20px;
  }
}
@media screen and (min-width: 1920px) {

}
.prodActions .favoriteProd {
  display: none;
}
@media screen and (min-width: 768px) {
  .prodActions .favoriteProd {
    display: block;
  }
}
.prodActions {
  display: flex; gap: 20px;
}
.prodCard .prodActions .btn_v2 {
  font-size: 20px;
}
@media screen and (min-width: 1440px) {
  .prodCard .prodActions .btn_v2 {
    font-size: 24px;
  }
}
.featuresIcons {
  display: flex; gap: 20px 0; justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
.featuresIcons svg, .featuresIcons img {
  height: 62px;
  transform-origin: 0 0;
  transform: scale(0.75);
  margin-right: -50px;
}
.featuresIcons .svgHolder {
  flex-basis: 25%;
}
.featuresIcons .svgHolder:nth-child(5) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .featuresIcons svg, .featuresIcons img {
    transform: scale(0.9);
  }
}
@media screen and (min-width: 1440px) {
  .featuresIcons {
    margin-top: 50px;
    flex-wrap: nowrap;
  }
  .featuresIcons.short {
    justify-content: flex-start;
  }
  .featuresIcons svg, .featuresIcons img {
    transform: scale(1);
    margin-right: -50px;
  }
  .featuresIcons .svgHolder {
    flex: 0 1 12.5%;
  }
  .featuresIcons .svgHolder:nth-child(5) {
    margin-left: 70px;
  }
}
@media screen and (min-width: 1920px) {
  .featuresIcons {
    margin-top: 60px;
  }
  .featuresIcons svg, .featuresIcons img {
    transform: scale(133%);
    margin-right: -50px;
  }
  .featuresIcons .svgHolder {
    padding-bottom: 30px;
  }
  .featuresIcons .svgHolder:nth-child(5) {
    margin-left: 70px;
  }
}