.header-link {
  color: var(--pink-light);

}
.link-logo:hover img {
  filter: drop-shadow(0 0.1vw 0.1vw rgba(245, 126, 164, 0.466));
}
.catalog {
  padding: 7.96vw 5.625vw;
}
.catalog-top {
  margin-bottom: 3.69vw;
}

.tab-radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}



.products-grid .product-card {
  display: none;
}


.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 3.33vw;
  column-gap: 3.1vw;
  margin-bottom: 3.33vw;
}
.mask-container {
  width: 27.5vw;
  height: 29.9vw;
  position: relative;
}
.product-card-name {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-size: 2.5vw;
  background: rgba(238, 76, 130, 0.42);
  transition: opacity 0.3s ease;
  font-family: OnestRegular, sans-serif;
}
  .product-card-img {
    width: 120%;
  }
.masked-element {
  width: 100%;
  height: 100%;
  background: rgba(254, 239, 244, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;

  mask-image: url(/img/product-mask.png);
  -webkit-mask-image: url(/img/product-mask.png);
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.masked-element:hover .product-card-name {
  opacity: 1;
}

.product-more {
  display: flex;
  align-items: center;
  gap: 1.66vw;
  padding: 0.52vw 0.57vw 0.52vw 1.6vw;
  background: linear-gradient(
    to right,
    rgba(253, 187, 199, 1),
    rgba(255, 211, 218, 1)
  );
  border-radius: 1.97vw;
  border: none;
  color: #fff;
  font-family: AeonikProRegularItalic, sans-serif;
  font-size: 1.25vw;
  position: absolute;
  bottom: 0;
  right: 0.1vw;
  cursor: pointer;
}
.product-more-circle {
  width: 2.39vw;
  height: 2.39vw;
  box-shadow: none;
}

@media (max-width: 1023px) {
  .catalog {
    padding: 12.4vw 2.59vw;
  }
  .catalog-title {
    margin: 0 2.6vw 2.6vw 0;
  }

  .products-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 2.5vw;
    column-gap: 2.5vw;
  }
  .product-card-name {
    font-size: 6vw;
  }
  .mask-container {
    width: 45vw;
    height: 46vw;
  }
  .product-more {
    gap: 4vw;
    padding: 0.8vw 1vw 0.8vw 2vw;
    border-radius: 5.1vw;
    font-size: 2vw;
  }
  .product-more-circle {
    width: 3.5vw;
    height: 3.5vw;
  }
}

@media (max-width: 1023px) and (orientation: portrait) {
  .header-link {
    color: var(--pink-highlight);
  }
  .email {
    color: #fff;
  }
  .catalog {
    padding: 27.4vw 5.59vw;
  }
  .catalog-top {
    margin-bottom: 12.2vw;
  }
  .products-grid {
    grid-template-columns: 1fr;
    row-gap: 2.5vw;
    column-gap: 0;
  }
  .product-card-name {
    font-size: 10.1vw;
  }
  .mask-container {
    width: 87.7vw;
    height: 91.3vw;
  }
  .product-more {
    gap: 4.2vw;
    padding: 1.36vw 1.5vw 1.36vw 4.2vw;
    border-radius: 5.1vw;
    font-size: 4vw;
  }
  .product-more-circle {
    width: 6.2vw;
    height: 6.2vw;
  }
}