.textHeader {
  text-align: center;
  padding: calc(3.268vw + 1.17647px) 1.875rem;
}
@media (min-width: 1024px) {
  .textHeader {
      text-align: left;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
  }
}

.textHeader__title {
  content: "t-h2";
  font-family: ZegnaHelveestiRegular,sans-serif;
  text-transform: uppercase;
  font-size: 1.4375rem;
  line-height: 1.6875rem;
  letter-spacing: .15625rem;
}
@media (min-width: 1280px) {
  .textHeader__title {
      font-size: 2.4375rem;
      line-height: 2.5rem;
      letter-spacing: .21875rem;
  }
}
@media (min-width: 1024px) {
  .textHeader__title {
      margin-bottom: 1rem;
  }
.textHeader__subtitle {
  text-indent: 2rem;
}
}

.textHeader__subtitle {
  content: "t-body3";
  font-family: ZegnaHelveestiRegular,sans-serif;
  font-size: .9375rem;
  line-height: 1.5rem;
  display: none;
}
.textHeader__subtitle--mobile {
  display: block;
}
@media (min-width: 1280px) {
  .textHeader__subtitle {
      font-size: 1.1875rem;
      line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .textHeader__subtitle {
      display: block;
      max-width: 87.5rem;
  }
}

.listingGrid {
  position: relative;
}
@media (min-width: 1024px) {
  .listingGrid {
    position: static;
    padding-top: 0;
  }
}
.productGrid {
  font-size: 0;
  margin: -0.0625rem;
}
.productGrid:after, .productGrid:before {
  content: "";
  display: table;
}
.productGrid:after {
  clear: both;
}
.productGrid__grid {
  position: relative;
  /*min-height: 70rem;*/
}
@media (min-width: 1024px) {
.productGrid__grid {
  position: relative;
  min-height: 70rem;
}
}
.productGrid__grid:after, .productGrid__grid:before {
  content: "";
  display: table;
}
.productGrid__elem {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 0.01rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .productGrid__elem {
      width: 25%;
  }
}
@media (min-width: 1024px) {
  .productGrid__elem {
      padding-bottom: 1.875rem;
  }
}
@media (min-width: 1280px) {
  .productGrid__elem {
      padding-bottom: 3.4375rem;
  }
}
.productBox {
  width: 100%;
  padding: 0.0625rem;
  font-size: 1rem;
  position: relative;
}
.productBox__imgWrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
}
.productBox__imgWrapper:hover img {
  transform: scale(1.5);
  transition: transform 0.5s linear;
} 
.productBox__img--default {
  pointer-events: none;
}
.productBox__img {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}
.productBox__img--front {
  z-index: 1;
  opacity: 0;
  transform: translateX(-50%);
}
.productBox__img--back {
  transform: translateX(50%);
  z-index: 1;
  width: 100%;
  opacity: 0;
}
.productBox__img--back, .productBox__img--front {
  height: 100%;
  transition: width 0s cubic-bezier(.09,.72,.76,1.01) 0s;
}
.productBox__imgWrapper:after {
  content: "";
  display: block;
  padding-bottom: 133.33333%;
  background-color: #cdcdcd;
}

.productBox__info {
    display: block;
    padding: 0.9375rem 1.25rem 1.875rem;
}
@media (min-width: 1024px) {
  .productBox__info {
      height: 50px;
      padding-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .productBox__info {
      padding: 1.25rem 1.25rem 0;
      height: 75px;
  }
}

.productBox__name {
    content: "t-card";
    font-family: ZegnaHelveestiRegular,sans-serif;
    font-size: .8125rem;
    line-height: 1.25rem;
    color: #000;
}
@media (min-width: 1280px) {
  .productBox__name {
      font-size: 1.0625rem;
      line-height: 1.625rem;
  }
}

.productBox__price {
    content: "t-body4";
    font-family: ZegnaHelveestiRegular,sans-serif;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #707070;
    display: inline-block;
}
@media (min-width: 1280px) {
  .productBox__price {
      font-size: 1.0625rem;
      line-height: 1.625rem;
  }
}
.productGrid__elem--big {
    width: 100%;
    float: left;
}
@media (min-width: 768px) {
  .productGrid__elem--big {
      width: 50%;
  }
}

.productGrid__elem--right {
  float: right;
}

.editorialBox {
  width: 100%;
  padding: 0.0625rem;
  font-size: 1rem;
  position: relative;
  margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
  .editorialBox {
      margin-bottom: 0;
  }
}
.editorialBox__content {
  position: absolute;
  top: 0.0625rem;
  bottom: 0.0625rem;
  left: 0.0625rem;
  right: 0.0625rem;
}

.editorialBox:after {
  content: "";
  background: #ebebeb;
  display: block;
  padding-bottom: calc(66.66666% - 2px);
}
.editorialBox.editorialBox--doubleRow:after {
  padding-bottom: 120%;
}
@media (min-width: 768px) {
  .editorialBox.editorialBox--doubleRow:after {
      padding-bottom: calc(133.333% + 80px);
  }
}
@media (min-width: 1280px) {
  .editorialBox.editorialBox--doubleRow:after {
      padding-bottom: calc(133.333% + 129px);
  }
}
.cardWrapper {
  background: transparent;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.card, .card__mediaElement {
  position: relative;
  height: 100%;
}
.card__image .picture, .hubThumbnail .picture, .largeSlider .picture {
  z-index: -1;
}
.editorialBox .card, .editorialBox .card__media, .editorialBox .card__mediaElement, .editorialBox .picture {
  height: 100%;
}
.card__mediaElement {
  width: auto;
  width: 100%;
  display: block;
}
.editorialBox .picture {
  position: static;
}
/* .editorialBox:hover .picture__img {
  top: 0;
  transform: translate(-50%) scale(1);
} */
.picture__img {
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  backface-visibility: hidden;
}
@media (min-width: 1024px) {
  .card__image .picture__img {
      transition: all .3s cubic-bezier(.09,.72,.76,1.01);
      transform: translate(-50%,-50%) scale(1.005);
      will-change: transform;
  }
}
.picture__img.focusOnTop {
  top: 0;
  transform: translate(-50%) scale(1);
}
.picture, .picture:after {
  position: relative;
  display: block;
}
.picture:after {
  content: "";
  width: 100%;
  padding-bottom: 133.33333%;
  z-index: -1;
}
.card__textWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.card__textWrapper--link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.card__text {
  width: 100%;
  padding: 0 2.5rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: 0;
  bottom: 0;
  color: #fff;
}
@media (min-width: 1024px) {
  .card__text {
      width: 100%;
      padding: 0 0.625rem;
  }
}
.card__text--bottom {
  bottom: 3.75rem;
  top: auto;
}
.card__supportText {
  content: "t-sub-h2";
  font-family: ZegnaHelveestiRegular,sans-serif;
  font-size: .875rem;
  line-height: 1.125rem;
  letter-spacing: .03125rem;
  display: block;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media (min-width: 1280px) {
  .card__supportText {
    font-size: 1.2375rem;
    line-height: 1.3125rem;
    letter-spacing: .0625rem;
  }
}

.card__title {
  content: "t-h2";
  font-family: ZegnaHelveestiRegular,sans-serif;
  text-transform: uppercase;
  font-size: 1.4375rem;
  line-height: 1.6875rem;
  letter-spacing: .15625rem;
}
@media (min-width: 1280px) {
  .card__title {
    font-size: 1.6375rem;
    line-height: 2.5rem;
    letter-spacing: .21875rem;
  }
}
.card__ctaWrapper {
  display: flex;
  justify-content: center;
}

.productGrid__loadMore {
  text-align: center;
  padding-bottom: 3.75rem;
  max-width: 20.9375rem;
  margin: 2.5rem auto 0px;
}
@media (min-width: 1024px) {
.productGrid__loadMore {
  margin: 2.5rem auto 105px;
}
}
.loadMore__txt {
    color: #000;
    font-family: ZegnaHelveestiRegular,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.9375rem;
}
.loadMore__bar {
  height: 0.1875rem;
  width: 100%;
  margin: 0.9375rem 0 1.875rem;
  background: #e0e0e0;
  position: relative;
}
.loadMore__done {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #000;
}
.loadMore__cta {
  content: "cta-primary";
  font-family: ZegnaHelveestiRegular,sans-serif;
  font-size: .8125rem;
  line-height: 1rem;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #000;
  border: none;
  transition: opacity .3s cubic-bezier(.09,.72,.76,1.01);
  font-size: .9375rem;
  padding: 0.9375rem;
  width: 100%;
  box-sizing: border-box;
}

.new-header {
  font-size: 1.4375rem;
  line-height: 1.4375rem;
  letter-spacing: .09375rem;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 2.25rem;
}
@media (min-width: 1024px) {
  .new-header {
    font-size: 1.4375rem;
    line-height: 1.4375rem;
    letter-spacing: .0625rem;
  }
}
.new-block {
  padding-bottom: 5rem;
}
.new-list ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.new-item {
  width: 100%;
  margin-bottom: 1rem;
  border: 1px solid #f5f5f5;
}
.new-item a {
    color: #000;
}
.new-pic {
  position: relative;
  height: 100px;
  overflow: hidden;
}
.new-pic img {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -25%;
  transition: all 0.5s;
}
.new-pic img:hover {
  /* transform: scale(1.3); */
  transform: translateY(-20%);
}
.new-text {
  padding: 1rem;
  font-size: 0.825rem;
  line-height: 1.375rem;
  letter-spacing: .0625rem;
}
@media (min-width: 1024px) {
.new-item {
  width: 33%;
}
}