.shadow-01 {
  box-shadow: 0 6px 16px rgba(0,0,0,.1)
}
.shadow-02 {
  box-shadow: 0 12px 22px rgba(0,0,0,.1)
}
.shadow-03 {
  box-shadow: 0 24px 34px rgba(0,0,0,.1)
}
.blur-01 {
  filter: blur(4px)
}
.wishlistContainer .pageDesigner__product .productCard {
  display: block
}
.categoryLoaderContainer {
  position: fixed;
  inset: 0;
  background: #fffA
}
.grid-content .pageDesigner__product .colorLoaderContainer {
  position: absolute;
  inset: 0;
  background: #fffA;
  z-index: 7
}
.grid-content .pageDesigner__product:hover .search-result__quickAddToCartDesktop:not(.-showQuickAddToCartDesktop) {
  opacity: 0;
  visibility: hidden
}
.product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper,
.product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper {
  content-visibility: auto;
  contain-intrinsic-size: auto calc((50vw - 4px) * (1 / 0.6666666667))
}
.product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-BB,
.product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-marketing,
.product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-BB,
.product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-marketing {
  contain-intrinsic-size: auto calc(100vw * (1 / 0.6666666667))
}
@media(min-width:600px) {
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((100vw * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((100vw * 1 / 4 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((100vw * 2 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((100vw * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((100vw * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((100vw * 1 / 3) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((100vw / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((50vw) * (1 / 0.6666666667))
  }
}
@media(min-width:600px)and (min-width:600px) {
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((568px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((568px * 1 / 4 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((568px * 2 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((568px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((568px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((568px * 1 / 3) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((568px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((284px) * (1 / 0.6666666667))
  }
}
@media(min-width:600px)and (min-width:900px) {
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((852px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((852px * 1 / 4 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((852px * 2 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((852px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((852px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((852px * 1 / 3) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((852px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((426px) * (1 / 0.6666666667))
  }
}
@media(min-width:600px)and (min-width:1200px) {
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((1120px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((1120px * 1 / 4 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((1120px * 2 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((1120px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((1120px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((1120px * 1 / 3) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((560px) * (1 / 0.6666666667))
  }
}
@media(min-width:600px)and (min-width:1800px) {
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((1640px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((1640px * 1 / 4 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((1640px * 2 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((1640px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((1640px * 1 / 3 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((1640px * 1 / 3) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((820px) * (1 / 0.6666666667))
  }
}
@media(min-width:900px) {
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-B.el1,
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S1.el1,
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S1.el1 + .-tile-S2.el2,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-B.el1,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S1.el1,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S1.el1 + .-tile-S2.el2 {
    grid-column-start: 2
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-B.el3,
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S1.el2,
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-S2.el3,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-B.el3,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-D,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S1.el2,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-S2.el3 {
    grid-column-end: 12
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-BB.el1,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-BB.el1 {
    grid-column-start: 2;
    grid-column-end: 7
  }
  .product-grid.grid-classic .grid-content.grid-search-results .productTileWrapper.-tile-BB.el2,
  .product-grid.grid-classic .grid-content.inPageDesigner .productTileWrapper.-tile-BB.el2 {
    grid-column-start: 7;
    grid-column-end: 12
  }
}
.product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper,
.product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper {
  content-visibility: auto;
  contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
}
@media(min-width:600px) {
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((100vw) * (1 / 0.6666666667))
  }
}
@media(min-width:600px)and (min-width:600px) {
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((568px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((568px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((568px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((568px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((568px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((568px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((568px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((568px) * (1 / 0.6666666667))
  }
}
@media(min-width:600px)and (min-width:900px) {
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((852px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((852px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((852px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((852px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((852px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((852px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((852px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((852px) * (1 / 0.6666666667))
  }
}
@media(min-width:600px)and (min-width:1200px) {
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((1120px / 2 - 24px) * (1 / 0.6666666667))
  }
}
@media(min-width:600px)and (min-width:1800px) {
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-XS,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-XS {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-B,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-B {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S1,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S1 {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-S2,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-S2 {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-T,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-T {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-BB,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-BB {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
  .product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper.-tile-D,
  .product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper.-tile-D {
    contain-intrinsic-size: auto calc((1640px / 2 - 24px) * (1 / 0.6666666667))
  }
}
.grid-content.grid-search-results .productTileWrapper .experience-component:not(.experience-category-productTile),
.grid-content.inPageDesigner .productTileWrapper .experience-component:not(.experience-category-productTile) {
  height: 100%
}
.grid-content.grid-search-results .-tile-BB,
.grid-content.inPageDesigner .-tile-BB {
  grid-column: span 2
}
.grid-content.grid-search-results .-tile-D,
.grid-content.inPageDesigner .-tile-D {
  grid-column: span 2
}
@media(max-width:899.98px) {
  .grid-content.grid-search-results .-tile-B,
  .grid-content.grid-search-results .-tile-T,
  .grid-content.inPageDesigner .-tile-B,
  .grid-content.inPageDesigner .-tile-T {
    grid-column: span 2
  }
}
@media(min-width:900px) {
  .grid-content.grid-search-results .productTileWrapper .experience-component:not(.experience-category-productTile),
  .grid-content.grid-search-results .productTileWrapper .pageDesigner__productBlockContainer,
  .grid-content.grid-search-results .productTileWrapper .pageDesigner__productBlockContent,
  .grid-content.inPageDesigner .productTileWrapper .experience-component:not(.experience-category-productTile),
  .grid-content.inPageDesigner .productTileWrapper .pageDesigner__productBlockContainer,
  .grid-content.inPageDesigner .productTileWrapper .pageDesigner__productBlockContent {
    width: 100%;
    overflow: hidden
  }
  .grid-content.grid-search-results .productTileWrapper .experience-component:not(.experience-category-productTile),
  .grid-content.inPageDesigner .productTileWrapper .experience-component:not(.experience-category-productTile) {
    height: 100%
  }
  .grid-content.grid-search-results .-tile-S1,
  .grid-content.inPageDesigner .-tile-S1 {
    grid-column: 9/13
  }
  .grid-content.grid-search-results .-tile-S1.el1,
  .grid-content.inPageDesigner .-tile-S1.el1 {
    grid-column: 1/5
  }
  .grid-content.grid-search-results .-tile-S2,
  .grid-content.inPageDesigner .-tile-S2 {
    grid-column: 9/13
  }
  .grid-content.grid-search-results .-tile-S2.el2,
  .grid-content.inPageDesigner .-tile-S2.el2 {
    grid-column: 1/5
  }
  .grid-content.grid-search-results .-tile-S,
  .grid-content.inPageDesigner .-tile-S {
    grid-column: span 4
  }
  .grid-content.grid-search-results .-tile-XS,
  .grid-content.inPageDesigner .-tile-XS {
    grid-column: span 3
  }
  .grid-content.grid-search-results .-tile-B,
  .grid-content.inPageDesigner .-tile-B {
    grid-column: 1/9
  }
  .grid-classic:not(.grid-detailed) .grid-content.grid-search-results .-tile-B,
  .grid-classic:not(.grid-detailed) .grid-content.inPageDesigner .-tile-B {
    grid-row: span 2
  }
  .grid-content.grid-search-results .-tile-B.el3,
  .grid-content.inPageDesigner .-tile-B.el3 {
    grid-column: 5/13
  }
  .grid-classic:not(.grid-detailed) .grid-content.grid-search-results .-tile-B .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.grid-search-results .-tile-S1 .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.grid-search-results .-tile-S2 .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.inPageDesigner .-tile-B .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.inPageDesigner .-tile-S1 .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.inPageDesigner .-tile-S2 .productCard {
    display: grid;
    grid-auto-columns: 100%
  }
}
@media(min-width:900px)and (min-width:600px) {
  .grid-classic:not(.grid-detailed) .grid-content.grid-search-results .-tile-B .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.grid-search-results .-tile-S1 .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.grid-search-results .-tile-S2 .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.inPageDesigner .-tile-B .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.inPageDesigner .-tile-S1 .productCard,
  .grid-classic:not(.grid-detailed) .grid-content.inPageDesigner .-tile-S2 .productCard {
    height: 100%
  }
}
@media(min-width:900px)and (min-width:600px) {
  .product-grid:not(.grid-mosaic) .grid-content.grid-search-results .-tile-B .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.grid-search-results .-tile-S1 .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.grid-search-results .-tile-S2 .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.inPageDesigner .-tile-B .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.inPageDesigner .-tile-S1 .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.inPageDesigner .-tile-S2 .productCard {
    grid-template-rows: 1fr minmax(105px,auto)
  }
}
@media(min-width:900px) {
  .grid-content.grid-search-results .-tile-H,
  .grid-content.inPageDesigner .-tile-H {
    grid-column: span 4
  }
}
@media(min-width:900px) {
  .grid-content.grid-search-results .-tile-D,
  .grid-content.inPageDesigner .-tile-D {
    grid-column: span 12
  }
}
@media(min-width:900px) {
  .grid-content.grid-search-results .-tile-T,
  .grid-content.inPageDesigner .-tile-T {
    grid-column: span 12
  }
}
@media(min-width:900px) {
  .grid-content.grid-search-results .-tile-BB,
  .grid-content.inPageDesigner .-tile-BB {
    grid-column: span 6
  }
}
@media(min-width:900px) {
  @supports not (aspect-ratio:0.6666666667) {
    .grid-content.grid-search-results .-tile-B .aspect-ratio,
    .grid-content.inPageDesigner .-tile-B .aspect-ratio {
      aspect-ratio: unset
    }
    .grid-content.grid-search-results .-tile-B .aspect-ratio::after,
    .grid-content.grid-search-results .-tile-B .aspect-ratio::before,
    .grid-content.inPageDesigner .-tile-B .aspect-ratio::after,
    .grid-content.inPageDesigner .-tile-B .aspect-ratio::before {
      display: none
    }
    .grid-content.grid-search-results .-tile-B picture,
    .grid-content.inPageDesigner .-tile-B picture {
      display: contents!important
    }
  }
}
.product-grid:not(.grid-mosaic) .-tile-D .pageDesigner__productBlockContainer .pageDesigner__productImageContent,
.product-grid:not(.grid-mosaic) .-tile-T .pageDesigner__productBlockContainer .pageDesigner__productImageContent {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-auto-flow: unset
}
.product-grid:not(.grid-mosaic) .-tile-D .visualIndicator__container,
.product-grid:not(.grid-mosaic) .-tile-D .visualSlider__navigation,
.product-grid:not(.grid-mosaic) .-tile-T .visualIndicator__container,
.product-grid:not(.grid-mosaic) .-tile-T .visualSlider__navigation {
  display: none
}
.product-grid:not(.grid-mosaic) .-tile-D .visualSlider,
.product-grid:not(.grid-mosaic) .-tile-D .visualSlider__container,
.product-grid:not(.grid-mosaic) .-tile-T .visualSlider,
.product-grid:not(.grid-mosaic) .-tile-T .visualSlider__container {
  display: contents
}
.product-grid:not(.grid-mosaic) .-tile-D .visualSlider__item,
.product-grid:not(.grid-mosaic) .-tile-T .visualSlider__item {
  display: none
}
.product-grid:not(.grid-mosaic) .-tile-D .visualSlider__item:first-child,
.product-grid:not(.grid-mosaic) .-tile-T .visualSlider__item:first-child {
  display: block
}
.product-grid:not(.grid-mosaic) .-tile-D .visualSlider__item:nth-child(2),
.product-grid:not(.grid-mosaic) .-tile-T .visualSlider__item:nth-child(2) {
  display: block
}
@media(min-width:900px) {
  .product-grid:not(.grid-mosaic) .-tile-T .pageDesigner__productBlockContainer .pageDesigner__productImageContent {
    grid-template-columns: repeat(3,1fr)
  }
  .product-grid:not(.grid-mosaic) .-tile-T .pageDesigner__productBlockContainer .pageDesigner__productImageContent .visualSlider__item:nth-child(3) {
    display: block
  }
}
.filterHover .pageDesigner__product:hover:not(.-hoverDisabled) .pageDesigner__productImageContent::after {
  content: "";
  height: 100%;
  opacity: .3
}
.rectozoomin .pageDesigner__product:hover:not(.-hoverDisabled) .lazyLoadedContainer {
  transform: scale(1.1)
}
@media(min-width:1200px) {
  .pageDesigner__product:hover:not(.-hoverDisabled) .search-result__quickAddToCart {
    max-height: 400px
  }
}
.pageDesigner__product.productCard {
  position: relative
}
.pageDesigner__product .search-result__infoTileContent .search-result__infoTileContentBlock .search-result__productCallout:not(.-active) {
  display: none
}
.pageDesigner__product .search-result__wishlistDetailledContainer {
  display: none
}
.pageDesigner__product .search-result__topTileContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0 0;
  z-index: 1;
  order: 1
}
.pageDesigner__product .search-result__subTileContent {
  display: flex;
  flex-direction: column;
  order: 2
}
.pageDesigner__product .search-result__infoTileContent {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.pageDesigner__product .search-result__infoTileContent .pageDesigner__productNotAvailableDetailed {
  display: none
}
.pageDesigner__product .search-result__color {
  position: relative;
  align-items: center;
  border-bottom: 1px solid #dde1e6;
  z-index: 2;
  order: 0
}
.pageDesigner__product .search-result__color.-bottom {
  order: 3;
  border-bottom: none
}
.pageDesigner__product .search-result__color .productColorsWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%
}
.pageDesigner__product .search-result__color .scrollList__slide {
  width: auto;
  position: relative
}
.pageDesigner__product .search-result__color .productColor {
  display: block;
  width: 16px;
  height: 16px;
  padding: 1px;
  margin: 12px 8px 12px 4px;
  border-radius: 50%;
  border: 1px solid #dde1e6;
  background-size: cover;
  overflow: visible
}
.pageDesigner__product .search-result__color .productColor.-current::before {
  content: "";
  display: block;
  position: relative;
  left: -4px;
  top: -4px;
  width: 18px;
  height: 18px;
  border: 1px solid #0b1215;
  border-radius: 50%
}
.pageDesigner__product .search-result__color .productColor::after {
  display: block;
  content: "";
  position: absolute;
  inset: 0
}
.pageDesigner__product .search-result__color .swiper-button {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  opacity: 1;
  margin-top: 0;
  background-color: #fdfdfd;
  transition: opacity .3s ease;
  z-index: 6
}
.pageDesigner__product .search-result__color .swiper-button::after {
  display: none
}
.pageDesigner__product .search-result__color .swiper-button-prev {
  left: -1px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.980211 5.98691C0.976138 5.85448 1.02606 5.72088 1.12998 5.61697L6.16998 0.577594C6.36998 0.377618 6.67998 0.377618 6.87998 0.577594C7.07998 0.777569 7.07998 1.08753 6.87998 1.28751L2.17999 5.98691L6.85998 10.6663C7.05998 10.8663 7.05998 11.1763 6.85998 11.3762C6.75998 11.4762 6.62998 11.5262 6.50998 11.5262H6.49998C6.36998 11.5262 6.23998 11.4762 6.14998 11.3762L1.12998 6.35686C1.02606 6.25295 0.976138 6.11935 0.980211 5.98691Z' fill='%230B1215'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px 12px
}
.pageDesigner__product .search-result__color .swiper-button-next {
  right: -1px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.82997 6.01L1.12998 1.31001C0.92998 1.11001 0.92998 0.800012 1.12998 0.600012C1.32998 0.400012 1.63998 0.400012 1.83998 0.600012L6.87998 5.64001C6.98388 5.74391 7.0338 5.8775 7.02975 6.00992C7.03385 6.1424 6.98392 6.27605 6.87999 6.37999L1.85998 11.4C1.75998 11.5 1.62999 11.55 1.50999 11.55H1.49999C1.36999 11.55 1.23998 11.5 1.14998 11.4C0.949985 11.2 0.949985 10.89 1.14998 10.69L5.82997 6.01Z' fill='%230B1215'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px 12px
}
.pageDesigner__product .search-result__color .swiper-button-disabled {
  opacity: 0;
  pointer-events: none
}
.pageDesigner__product .search-result__productContentFlag {
  max-width: 40px;
  position: absolute;
  top: 12px;
  font-weight: 600;
  font-size: .6875rem
}
.pageDesigner__product .search-result__productContentFlag.-left {
  left: 12px
}
.pageDesigner__product .search-result__productContentFlag.-right {
  right: 12px
}
.pageDesigner__product .search-result__bottomPastille {
  position: relative;
  left: 8px;
  bottom: 7px;
  z-index: 4;
  display: flex
}
.pageDesigner__product .search-result__pastilles {
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.pageDesigner__product .search-result__pastilles > * {
  display: inline-block;
  margin-bottom: 8px
}
.pageDesigner__product .search-result__pastilles > * img {
  display: block;
  max-height: 20px
}
.pageDesigner__product .search-result__bestSeller {
  color: #0b1215;
  padding: 4px 8px
}
.pageDesigner__product .search-result__bottomContent {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  z-index: 7
}
.pageDesigner__product .search-result__wishlist {
  position: absolute;
  right: 8px;
  top: 8px;
  right: 16px;
  top: 16px
}
@media(min-width:900px) {
  .pageDesigner__product .search-result__wishlist {
    right: 12px;
    top: 12px
  }
}
.pageDesigner__product .search-result__wishlist .icon-wishlist {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
  background-color: #0b1215;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.pageDesigner__product .search-result__wishlist .icon-wishlist.-white {
  -webkit-mask-image: url("../../../images/picto/heart_white.svg");
  mask-image: url("../../../images/picto/heart_white.svg")
}
.pageDesigner__product .search-result__wishlist .icon-wishlist.-full {
  -webkit-mask-image: url("../../../images/picto/heart_black.svg");
  mask-image: url("../../../images/picto/heart_black.svg")
}
.pageDesigner__product .search-result__detailledQuickAddToCartMobile {
  display: none
}
.pageDesigner__productBlockContainer {
  cursor: pointer;
  display: flex;
  position: relative
}
.pageDesigner__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon) .pageDesigner__productContentFlag,
.pageDesigner__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon) .pageDesigner__productImageContent {
  opacity: .6
}
.pageDesigner__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon) .component-image img {
  filter: brightness(70%)
}
.pageDesigner__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon).-videoBackground .pageDesigner__productContentFlag,
.pageDesigner__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon).-videoBackground .pageDesigner__productImageContent {
  opacity: 1
}
.pageDesigner__productBlockContainer.-notAvailable:not(>.productCard__productImageContainerBackInStock,>.productCard__productImageContainerComingSoon).-videoBackground .component-image img {
  filter: brightness(100%)
}
.pageDesigner__productBlockContainer .swiper-button {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 100%;
  opacity: 0;
  transition: all .3s ease-in-out;
  margin-top: 0;
  z-index: 6
}
.pageDesigner__productBlockContainer .swiper-button::after {
  display: none
}
@media(min-width:900px) {
  .pageDesigner__productBlockContainer .swiper-button {
    display: block
  }
}
.pageDesigner__productBlockContainer .swiper-button-prev {
  left: -32px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.980211 5.98691C0.976138 5.85448 1.02606 5.72088 1.12998 5.61697L6.16998 0.577594C6.36998 0.377618 6.67998 0.377618 6.87998 0.577594C7.07998 0.777569 7.07998 1.08753 6.87998 1.28751L2.17999 5.98691L6.85998 10.6663C7.05998 10.8663 7.05998 11.1763 6.85998 11.3762C6.75998 11.4762 6.62998 11.5262 6.50998 11.5262H6.49998C6.36998 11.5262 6.23998 11.4762 6.14998 11.3762L1.12998 6.35686C1.02606 6.25295 0.976138 6.11935 0.980211 5.98691Z' fill='%230B1215'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px 12px
}
.pageDesigner__productBlockContainer .swiper-button-next {
  right: -32px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.82997 6.01L1.12998 1.31001C0.92998 1.11001 0.92998 0.800012 1.12998 0.600012C1.32998 0.400012 1.63998 0.400012 1.83998 0.600012L6.87998 5.64001C6.98388 5.74391 7.0338 5.8775 7.02975 6.00992C7.03385 6.1424 6.98392 6.27605 6.87999 6.37999L1.85998 11.4C1.75998 11.5 1.62999 11.55 1.50999 11.55H1.49999C1.36999 11.55 1.23998 11.5 1.14998 11.4C0.949985 11.2 0.949985 10.89 1.14998 10.69L5.82997 6.01Z' fill='%230B1215'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px 12px
}
.pageDesigner__productBlockContainer:hover .search-result__bottomContent:not(:hover) ~ .swiper-button {
  opacity: 1
}
.pageDesigner__productBlockContainer:hover .search-result__bottomContent:not(:hover) ~ .swiper-button.swiper-button-prev {
  left: 0
}
.pageDesigner__productBlockContainer:hover .search-result__bottomContent:not(:hover) ~ .swiper-button.swiper-button-next {
  right: 0
}
.pageDesigner__productBlockContainer:hover .search-result__bottomContent:not(:hover) ~ .swiper-button.swiper-button-disabled {
  opacity: .3;
  pointer-events: auto
}
.pageDesigner__productBlockContainer .search-result__wishlistContainer {
  position: absolute;
  right: 0;
  top: 0
}
.pageDesigner__productBlockContainer .search-result__color {
  display: none
}
.pageDesigner__productBlockContainer .productNameGamme {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
@media(max-width:899.98px) {
  .pageDesigner__productBlockContainer .productNameGamme {
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0
  }
}
.pageDesigner__detailedSwipeBtnContainer {
  display: none
}
.pageDesigner__productImageContainer {
  position: relative;
  height: 100%;
  width: 100%
}
.pageDesigner__productImageContainer .scrollListPagination {
  opacity: 1;
  transition: opacity .3s ease-in-out
}
.pageDesigner__productImageContainer .scrollListPagination.hide {
  opacity: 0
}
.pageDesigner__productImageContent {
  height: 100%
}
.pageDesigner__productImageContent .visualSlider,
.pageDesigner__productImageContent .visualSlider__container {
  height: 100%
}
.pageDesigner__productImageContent.scrollList .lazyLoadedContainer:not(:first-child) {
  display: block
}
.pageDesigner__productImageContent.-greyscale img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: grayscale(100%)
}
.pageDesigner__productImageContent .lazyLoadedContainer {
  display: flex;
  align-items: stretch;
  transition: opacity .2s ease-in-out,transform .2s ease-in-out;
  flex-direction: column;
  height: 100%
}
.pageDesigner__productImageContent .lazyLoadedContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  place-self: flex-start flex-start
}
.product-grid.-appProductList .pageDesigner__productImageContent .lazyLoadedContainer img {
  height: auto
}
.pageDesigner__productImageContent .lazyLoadedContainer picture {
  display: contents
}
@supports not (aspect-ratio:1) {
  .pageDesigner__productImageContent .lazyLoadedContainer picture {
    display: block
  }
}
.pageDesigner__productImageContent .lazyLoadedContainer:not(:first-child) {
  display: none
}
.rectozoomin .pageDesigner__productImageContent .lazyLoadedContainer {
  transition: opacity .2s ease-in-out,transform .4s ease-in-out
}
.pageDesigner__productImageContent::after {
  content: none;
  width: 100%;
  height: 40%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top,#000 0,rgba(0,0,0,.987) 8.1%,rgba(0,0,0,.951) 15.5%,rgba(0,0,0,.896) 22.5%,rgba(0,0,0,.825) 29%,rgba(0,0,0,.741) 35.3%,rgba(0,0,0,.648) 41.2%,rgba(0,0,0,.55) 47.1%,rgba(0,0,0,.45) 52.9%,rgba(0,0,0,.352) 58.8%,rgba(0,0,0,.259) 64.7%,rgba(0,0,0,.175) 71%,rgba(0,0,0,.104) 77.5%,rgba(0,0,0,.049) 84.5%,rgba(0,0,0,.013) 91.9%,rgba(0,0,0,0) 100%);
  pointer-events: none;
  transform: translate3d(0,0,0);
  opacity: 0;
  transition: all ease-in-out;
  z-index: 1
}
.pageDesigner__productOverlay {
  display: none
}
.pageDesigner__productBlockContent {
  width: 100%;
  display: flex;
  flex-direction: column
}
.pageDesigner__productBlockContent .product-name-description,
.pageDesigner__productBlockContent .product-name-productSet {
  display: none
}
.pageDesigner__productBlockContent .search-result__topTileContent .search-result__color {
  display: none
}
.pageDesigner__productBlockContent .productNoteReview {
  display: none
}
.pageDesigner__productBlockContent .productNameGamme {
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
@media(max-width:899.98px) {
  .pageDesigner__productBlockContent .productNameGamme {
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0
  }
}
.pageDesigner__productContentFlag {
  position: absolute;
  top: 12px;
  font-weight: 600;
  font-size: .6875rem
}
.pageDesigner__productContentFlag.-left {
  left: 12px
}
.pageDesigner__productContentFlag.-right {
  right: 12px
}
.pageDesigner__tuileSubContent {
  display: flex;
  align-items: center;
  justify-content: flex-start
}
@media(min-width:900px) {
  .hidePriceDesktop .pageDesigner__tuileSubContent {
    display: none
  }
}
@media(max-width:899.98px) {
  .hidePriceMobile .pageDesigner__tuileSubContent {
    display: none
  }
}
.pageDesigner__tuileSubContent .badge {
  padding: 6px 8px 4px
}
.pageDesigner__productNotAvailable {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  width: 100%;
  z-index: 3
}
.pageDesigner__productNotAvailableBtn {
  color: #fdfdfd;
  transition: all ease-in-out .3s;
  opacity: 1;
  margin: 0 auto;
  text-align: center
}
.category-seo .productTileWrapper .abTestCategInfos,
.product-grid .productTileWrapper .abTestCategInfos {
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: all .3s ease-in-out;
  display: block
}
.category-seo .productTileWrapper .abTestCategInfos:not(.-active,.-visible),
.product-grid .productTileWrapper .abTestCategInfos:not(.-active,.-visible) {
  margin: 0;
  padding: 0
}
.product-grid .hideOnClassic {
  display: none
}
.product-grid .productCard .showClassic {
  display: block
}
.product-grid.grid-classic .productCard .gamme:not(.showClassic) {
  display: none
}
@media(min-width:900px) {
  .product-grid.grid-classic:has(.grid-content.-formatSSS) {
    display: grid;
    grid-template-columns: repeat(12,1fr)
  }
  .product-grid.grid-classic:has(.grid-content.-formatSSS) .grid-content {
    grid-column-start: 2;
    grid-column-end: 12
  }
}
@media(min-width:900px) {
  .product-grid.grid-detailed {
    display: grid;
    grid-template-columns: repeat(12,1fr)
  }
}
.product-grid.grid-detailed .hideOnClassic {
  display: flex
}
.product-grid.grid-detailed .grid-content {
  display: block
}
@media(min-width:900px) {
  .product-grid.grid-detailed .grid-content {
    display: grid;
    grid-column-start: 2;
    grid-column-end: 12
  }
}
.product-grid.grid-detailed .grid-content:not(.inPageDesigner):not(.grid-search-results) {
  grid-template-columns: repeat(12,1fr)
}
.product-grid.grid-detailed .grid-content .gamme {
  display: block
}
.product-grid.grid-detailed .grid-content .gamme.-onlyClassic {
  display: none
}
.product-grid.grid-detailed .grid-content.grid-search-results .productTileWrapper,
.product-grid.grid-detailed .grid-content.inPageDesigner .productTileWrapper {
  grid-column: span 6
}
.product-grid.grid-detailed .grid-content .productTileWrapper:not(.tile-experience) {
  display: block;
  margin-bottom: var(--sfra-gutter-y)
}
@media(min-width:900px) {
  .product-grid.grid-detailed .grid-content .productTileWrapper:not(.tile-experience) {
    margin-bottom: 0
  }
}
.product-grid.grid-detailed .grid-content .productTileWrapper.tile-experience:not(.tile-marketing) {
  display: none
}
.product-grid.grid-detailed .grid-content .productTileWrapper.tile-experience.tile-marketing {
  display: block;
  grid-column: span 12;
  margin-bottom: var(--sfra-gutter-y)
}
@media(min-width:900px) {
  .product-grid.grid-detailed .grid-content .productTileWrapper.tile-experience.tile-marketing {
    margin-bottom: 0
  }
}
.product-grid.grid-detailed .grid-content .productTileWrapper.col-6 {
  width: 100%;
  grid-column: span 6
}
.product-grid.grid-detailed .grid-content .product-name-description {
  order: 3;
  display: block;
  z-index: 7
}
.product-grid.grid-detailed .grid-content .product-name-description .content {
  display: inline
}
.product-grid.grid-detailed .grid-content .product-name-description .seeMore {
  display: inline
}
.product-grid.grid-detailed .grid-content .productNoteReview {
  display: flex;
  margin-top: 0;
  padding-right: 10px;
  margin-right: 10px;
  order: 4;
  cursor: auto
}
.product-grid.grid-detailed .grid-content .productNoteReview .productNoteReview__rate {
  color: #697077
}
.product-grid.grid-detailed .grid-content .product-name-productSet {
  order: 5
}
.product-grid.grid-detailed .grid-content .-tile-D .pageDesigner__productBlockContainer .pageDesigner__productImageContent,
.product-grid.grid-detailed .grid-content .-tile-T .pageDesigner__productBlockContainer .pageDesigner__productImageContent {
  display: block
}
.product-grid.grid-detailed .grid-content .-tile-D .pageDesigner__productBlockContainer .pageDesigner__productImageContent .visualSlider__item:nth-child(2),
.product-grid.grid-detailed .grid-content .-tile-D .pageDesigner__productBlockContainer .pageDesigner__productImageContent .visualSlider__item:nth-child(3),
.product-grid.grid-detailed .grid-content .-tile-T .pageDesigner__productBlockContainer .pageDesigner__productImageContent .visualSlider__item:nth-child(2),
.product-grid.grid-detailed .grid-content .-tile-T .pageDesigner__productBlockContainer .pageDesigner__productImageContent .visualSlider__item:nth-child(3) {
  display: none
}
.product-grid.grid-detailed .grid-content .-tile-B .pageDesigner__productBlockContainer > * {
  position: relative
}
#productInfosPanel .productInformations__container {
  display: flex;
  flex-direction: column;
  gap: 24px
}
#productInfosPanel .productInformations__container .productInformations__detail hr {
  margin: 24px 0
}
#productInfosPanel .productInformations__container .productInformations__detail:last-child {
  margin-bottom: 64px
}
#productInfosPanel .productInformations__container .productInformations__detail.loading {
  text-align: center
}
#productInfosPanel .productInformations__container .productInformations__detail .globalModelDesc {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #697077
}
#productInfosPanel .productInformations__container .productInformations__detail .globalModelDesc .icon {
  background: #697077
}
#productInfosPanel .productInformations__container .productInformations__detail .globalModelDesc .modelDesc {
  display: none
}
#productInfosPanel .productInformations__container .productInformations__detail .globalModelDesc + .productInformations__reference {
  margin-top: 8px
}
#productInfosPanel .panel__close {
  display: flex;
  align-items: center;
  position: initial;
  padding: 0
}
#productInfosPanel .panel__close .productInfosPanel__title {
  width: 100%;
  text-align: center
}
#productInfosPanel .videoContainer {
  height: 40vh
}
#productInfosPanel .productInformations__title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 24px 0;
  cursor: pointer
}
#productInfosPanel .productInformations__title .icon {
  position: absolute;
  right: 8px;
  width: 12px;
  height: 12px;
  -webkit-mask-size: inherit;
  mask-size: inherit
}
@media(min-width:900px) {
  #productInfosPanel .productInformations__title {
    padding: 16px 0;
    justify-content: center;
    text-align: center;
    max-width: 90%;
    margin: auto;
    word-break: break-word
  }
  #productInfosPanel .productInformations__title:hover {
    text-decoration: underline
  }
  #productInfosPanel .productInformations__title .icon {
    display: none
  }
}
#productInfosPanel .productInformations__subTitle {
  margin-bottom: 16px
}
#productInfosPanel .productInformations__subTitle:not(:first-child) {
  margin-top: 16px
}
#productInfosPanel .productInformations__weCareIntro {
  margin-bottom: 16px
}
#productInfosPanel .productInformations__shortDescription {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: 20px;
  flex-basis: 100%;
  font-weight: 400
}
#productInfosPanel .productInformations__shortDescription > * {
  display: contents
}
#productInfosPanel .productInformations__careIcons {
  display: flex;
  flex-direction: column;
  gap: 8px
}
#productInfosPanel .productInformations__careIcon {
  display: flex;
  align-items: center;
  gap: 8px
}
#productInfosPanel .productInformations__careIconLabel {
  position: relative;
  padding-left: 16px
}
#productInfosPanel .productInformations__careIconLabel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #0b1215;
  height: 1px;
  width: 8px
}
#productInfosPanel .productInformations__booking {
  display: block;
  width: 100%
}
#productInfosPanel .productInformations__agec {
  margin: 12px 0;
  display: flex
}
#productInfosPanel .productInformations__agec:last-child {
  margin-bottom: 0
}
#productInfosPanel .productInformations__agecValue {
  color: #697077
}
#productInfosPanel .productInformations__agecValue::before {
  content: "—";
  padding: 0 4px
}
#productInfosPanel .productInformations__detail:not(:has(>*)) {
  display: none
}
#productInfosPanel .productInformations__detail:not(:has(>*)) + .divider-horizontal {
  display: none
}
#productInfosPanel .productInformations__reference {
  margin-top: 24px
}
:root {
  --duration-animation-button: .3s;
  --duration-animation-no-longer-disabled: .6s;
  --transition-style-animation: ease-in-out
}
.button,
.pageDesigner__productNotAvailableBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  background: #0b1215;
  color: #fdfdfd;
  border-radius: 0;
  gap: 8px;
  border: none;
  outline: 0;
  cursor: pointer;
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0
}
@media(hover:hover)and (pointer:fine) {
  .button:not(.-disabled,:disabled).-hover,
  .button:not(.-disabled,:disabled):hover,
  .pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled).-hover,
  .pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled):hover {
    background: #21272a
  }
}
.-active.pageDesigner__productNotAvailableBtn,
.button.-active,
.button:active,
.pageDesigner__productNotAvailableBtn:active {
  background: #0b1215
}
.-disabled.pageDesigner__productNotAvailableBtn,
.button.-disabled,
.button:disabled,
.pageDesigner__productNotAvailableBtn:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.-disabled.pageDesigner__productNotAvailableBtn .icon,
.button.-disabled .icon,
.button:disabled .icon,
.pageDesigner__productNotAvailableBtn:disabled .icon {
  background-color: #a2a9b0
}
.-small.pageDesigner__productNotAvailableBtn,
.button.-small {
  min-width: 75px;
  min-height: 32px;
  padding: 6px 16px
}
.-medium.pageDesigner__productNotAvailableBtn,
.button.-medium {
  min-width: 83px;
  min-height: 40px;
  padding: 10px 20px
}
.-medium.pageDesigner__productNotAvailableBtn .loading .loader-element,
.button.-medium .loading .loader-element {
  max-height: 38px
}
.-large.pageDesigner__productNotAvailableBtn,
.button.-large {
  min-width: 97px;
  min-height: 48px;
  padding: 12px 24px;
  gap: 12px;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0
}
.-large.pageDesigner__productNotAvailableBtn .loading .loader-element,
.button.-large .loading .loader-element {
  max-height: 46px
}
.-full.pageDesigner__productNotAvailableBtn,
.button.-full {
  width: 100%
}
.-primary.-black.pageDesigner__productNotAvailableBtn,
.button.-primary.-black {
  border: 1px solid #0b1215;
  background: #0b1215;
  color: #fdfdfd
}
.-primary.-black.pageDesigner__productNotAvailableBtn .icon,
.button.-primary.-black .icon {
  background-color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .-primary.-black.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .-primary.-black.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .button.-primary.-black:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-primary.-black:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: #21272a
  }
}
.-primary.-black.-active.pageDesigner__productNotAvailableBtn,
.-primary.-black.-selected.pageDesigner__productNotAvailableBtn,
.-primary.-black.pageDesigner__productNotAvailableBtn:active,
.button.-primary.-black.-active,
.button.-primary.-black.-selected,
.button.-primary.-black:active {
  background: #0b1215
}
.-primary.-black.-disabled.pageDesigner__productNotAvailableBtn,
.-primary.-black.pageDesigner__productNotAvailableBtn:disabled,
.button.-primary.-black.-disabled,
.button.-primary.-black:disabled {
  border-color: #f2f4f8;
  background: #f2f4f8;
  color: #a2a9b0
}
.-primary.-black.-disabled.pageDesigner__productNotAvailableBtn .icon,
.-primary.-black.pageDesigner__productNotAvailableBtn:disabled .icon,
.button.-primary.-black.-disabled .icon,
.button.-primary.-black:disabled .icon {
  background-color: #a2a9b0
}
.-primary.-white.pageDesigner__productNotAvailableBtn,
.button.-primary.-white {
  background: #fdfdfd;
  color: #0b1215
}
.-primary.-white.pageDesigner__productNotAvailableBtn .icon,
.button.-primary.-white .icon {
  background-color: #0b1215
}
@media(hover:hover)and (pointer:fine) {
  .-primary.-white.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .-primary.-white.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .button.-primary.-white:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-primary.-white:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: #f2f4f8
  }
}
.-primary.-white.-active.pageDesigner__productNotAvailableBtn,
.-primary.-white.-selected.pageDesigner__productNotAvailableBtn,
.-primary.-white.pageDesigner__productNotAvailableBtn:active,
.button.-primary.-white.-active,
.button.-primary.-white.-selected,
.button.-primary.-white:active {
  background: #0b1215;
  color: #fdfdfd
}
.-primary.-white.-active.pageDesigner__productNotAvailableBtn .icon,
.-primary.-white.-selected.pageDesigner__productNotAvailableBtn .icon,
.-primary.-white.pageDesigner__productNotAvailableBtn:active .icon,
.button.-primary.-white.-active .icon,
.button.-primary.-white.-selected .icon,
.button.-primary.-white:active .icon {
  background-color: #fdfdfd
}
.-primary.-white.-disabled.pageDesigner__productNotAvailableBtn,
.-primary.-white.pageDesigner__productNotAvailableBtn:disabled,
.button.-primary.-white.-disabled,
.button.-primary.-white:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.-primary.-white.-disabled.pageDesigner__productNotAvailableBtn .icon,
.-primary.-white.pageDesigner__productNotAvailableBtn:disabled .icon,
.button.-primary.-white.-disabled .icon,
.button.-primary.-white:disabled .icon {
  background-color: #a2a9b0
}
.-black.pageDesigner__productNotAvailableBtn,
.button.-secondary.-black {
  border: 1px solid #0b1215;
  background: 0 0;
  color: #0b1215
}
.-black.pageDesigner__productNotAvailableBtn .icon,
.button.-secondary.-black .icon {
  background-color: #0b1215
}
@media(hover:hover)and (pointer:fine) {
  .-black.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .-black.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .button.-secondary.-black:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-secondary.-black:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: rgba(11,18,21,.04)
  }
}
.-black.-active.pageDesigner__productNotAvailableBtn,
.-black.-selected.pageDesigner__productNotAvailableBtn,
.-black.pageDesigner__productNotAvailableBtn:active,
.button.-secondary.-black.-active,
.button.-secondary.-black.-selected,
.button.-secondary.-black:active {
  background: #0b1215;
  color: #fdfdfd
}
.-black.-active.pageDesigner__productNotAvailableBtn .icon,
.-black.-selected.pageDesigner__productNotAvailableBtn .icon,
.-black.pageDesigner__productNotAvailableBtn:active .icon,
.button.-secondary.-black.-active .icon,
.button.-secondary.-black.-selected .icon,
.button.-secondary.-black:active .icon {
  background-color: #fdfdfd
}
.-black.-disabled.pageDesigner__productNotAvailableBtn,
.-black.pageDesigner__productNotAvailableBtn:disabled,
.button.-secondary.-black.-disabled,
.button.-secondary.-black:disabled {
  background: 0 0;
  border: 1px solid #a2a9b0;
  color: #a2a9b0
}
.-black.-disabled.pageDesigner__productNotAvailableBtn .icon,
.-black.pageDesigner__productNotAvailableBtn:disabled .icon,
.button.-secondary.-black.-disabled .icon,
.button.-secondary.-black:disabled .icon {
  background-color: #a2a9b0
}
.-white.pageDesigner__productNotAvailableBtn,
.button.-secondary.-white {
  border: 1px solid #fdfdfd;
  background: 0 0;
  color: #fdfdfd
}
.-white.pageDesigner__productNotAvailableBtn .icon,
.button.-secondary.-white .icon {
  background-color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .-white.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .-white.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .button.-secondary.-white:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-secondary.-white:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: rgba(253,253,253,.1)
  }
}
.-white.-active.pageDesigner__productNotAvailableBtn,
.-white.-selected.pageDesigner__productNotAvailableBtn,
.-white.pageDesigner__productNotAvailableBtn:active,
.button.-secondary.-white.-active,
.button.-secondary.-white.-selected,
.button.-secondary.-white:active {
  border: 1px solid #0b1215;
  background: #0b1215;
  color: #fdfdfd
}
.-white.-active.pageDesigner__productNotAvailableBtn .icon,
.-white.-selected.pageDesigner__productNotAvailableBtn .icon,
.-white.pageDesigner__productNotAvailableBtn:active .icon,
.button.-secondary.-white.-active .icon,
.button.-secondary.-white.-selected .icon,
.button.-secondary.-white:active .icon {
  background-color: #fdfdfd
}
.-white.-disabled.pageDesigner__productNotAvailableBtn,
.-white.pageDesigner__productNotAvailableBtn:disabled,
.button.-secondary.-white.-disabled,
.button.-secondary.-white:disabled {
  background: 0 0;
  border: 1px solid #a2a9b0;
  color: #a2a9b0
}
.-white.-disabled.pageDesigner__productNotAvailableBtn .icon,
.-white.pageDesigner__productNotAvailableBtn:disabled .icon,
.button.-secondary.-white.-disabled .icon,
.button.-secondary.-white:disabled .icon {
  background-color: #a2a9b0
}
.-conversion.pageDesigner__productNotAvailableBtn,
.button.-conversion {
  background: #0b1215;
  color: #fdfdfd
}
.-conversion.pageDesigner__productNotAvailableBtn .icon,
.button.-conversion .icon {
  background-color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .-conversion.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .-conversion.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover,
  .button.-conversion:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated).-hover,
  .button.-conversion:not(.-disabled,:disabled,:active,.-active,.-selected,.-animated):hover {
    background: #343a3f
  }
}
.-conversion.-active.pageDesigner__productNotAvailableBtn,
.-conversion.-selected.pageDesigner__productNotAvailableBtn,
.-conversion.pageDesigner__productNotAvailableBtn:active,
.button.-conversion.-active,
.button.-conversion.-selected,
.button.-conversion:active {
  background: #0b1215
}
.-conversion.-disabled.pageDesigner__productNotAvailableBtn,
.-conversion.pageDesigner__productNotAvailableBtn:disabled,
.button.-conversion.-disabled,
.button.-conversion:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.-conversion.-disabled.pageDesigner__productNotAvailableBtn .icon,
.-conversion.pageDesigner__productNotAvailableBtn:disabled .icon,
.button.-conversion.-disabled .icon,
.button.-conversion:disabled .icon {
  background-color: #a2a9b0
}
.-transparent.pageDesigner__productNotAvailableBtn,
.button.-transparent {
  background: rgba(11,18,21,.2);
  color: #fdfdfd;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: 360px
}
.-transparent.pageDesigner__productNotAvailableBtn .icon,
.button.-transparent .icon {
  background-color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .-transparent.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .-transparent.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .button.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: rgba(33,39,42,.6)
  }
}
.-transparent.-active.pageDesigner__productNotAvailableBtn,
.-transparent.-selected.pageDesigner__productNotAvailableBtn,
.-transparent.pageDesigner__productNotAvailableBtn:active,
.button.-transparent.-active,
.button.-transparent.-selected,
.button.-transparent:active {
  background: #0b1215;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0)
}
.-transparent.-disabled.pageDesigner__productNotAvailableBtn,
.-transparent.pageDesigner__productNotAvailableBtn:disabled,
.button.-transparent.-disabled,
.button.-transparent:disabled {
  background: rgba(242,244,248,.8);
  color: #a2a9b0
}
.-transparent.-disabled.pageDesigner__productNotAvailableBtn .icon,
.-transparent.pageDesigner__productNotAvailableBtn:disabled .icon,
.button.-transparent.-disabled .icon,
.button.-transparent:disabled .icon {
  background-color: #a2a9b0
}
.-loyalty.pageDesigner__productNotAvailableBtn,
.button.-loyalty {
  background: #e0144c;
  color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .-loyalty.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .-loyalty.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .button.-loyalty:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-loyalty:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: #e0144c
  }
}
.-loyalty.-active.pageDesigner__productNotAvailableBtn,
.-loyalty.-selected.pageDesigner__productNotAvailableBtn,
.-loyalty.pageDesigner__productNotAvailableBtn:active,
.button.-loyalty.-active,
.button.-loyalty.-selected,
.button.-loyalty:active {
  background: #e0144c
}
.-loyalty.-disabled.pageDesigner__productNotAvailableBtn,
.-loyalty.pageDesigner__productNotAvailableBtn:disabled,
.button.-loyalty.-disabled,
.button.-loyalty:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.-loyalty.-disabled.pageDesigner__productNotAvailableBtn .icon,
.-loyalty.pageDesigner__productNotAvailableBtn:disabled .icon,
.button.-loyalty.-disabled .icon,
.button.-loyalty:disabled .icon {
  background-color: #a2a9b0
}
.-loyalty.pageDesigner__productNotAvailableBtn .icon,
.button.-loyalty .icon {
  background-color: #fdfdfd
}
.-loyalty.-transparent.pageDesigner__productNotAvailableBtn,
.button.-loyalty.-transparent {
  background: #fdfdfd;
  border: 1px solid #e0144c;
  color: #e0144c;
  border-radius: 0
}
@media(hover:hover)and (pointer:fine) {
  .-loyalty.-transparent.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .-loyalty.-transparent.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .button.-loyalty.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-loyalty.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: inherit
  }
}
.-loyalty-highlight.pageDesigner__productNotAvailableBtn,
.button.-loyalty-highlight {
  background: #0b1215;
  color: #fdfdfd
}
@media(hover:hover)and (pointer:fine) {
  .-loyalty-highlight.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .-loyalty-highlight.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .button.-loyalty-highlight:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-loyalty-highlight:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: #0b1215
  }
}
.-loyalty-highlight.-active.pageDesigner__productNotAvailableBtn,
.-loyalty-highlight.-selected.pageDesigner__productNotAvailableBtn,
.-loyalty-highlight.pageDesigner__productNotAvailableBtn:active,
.button.-loyalty-highlight.-active,
.button.-loyalty-highlight.-selected,
.button.-loyalty-highlight:active {
  background: #0b1215
}
.-loyalty-highlight.-disabled.pageDesigner__productNotAvailableBtn,
.-loyalty-highlight.pageDesigner__productNotAvailableBtn:disabled,
.button.-loyalty-highlight.-disabled,
.button.-loyalty-highlight:disabled {
  background: #f2f4f8;
  color: #a2a9b0
}
.-loyalty-highlight.-disabled.pageDesigner__productNotAvailableBtn .icon,
.-loyalty-highlight.pageDesigner__productNotAvailableBtn:disabled .icon,
.button.-loyalty-highlight.-disabled .icon,
.button.-loyalty-highlight:disabled .icon {
  background-color: #a2a9b0
}
.-loyalty-highlight.pageDesigner__productNotAvailableBtn .icon,
.button.-loyalty-highlight .icon {
  background-color: #fdfdfd
}
.-loyalty-highlight.-transparent.pageDesigner__productNotAvailableBtn,
.button.-loyalty-highlight.-transparent {
  background: #fdfdfd;
  border: 1px solid #0b1215;
  color: #0b1215;
  border-radius: 0
}
@media(hover:hover)and (pointer:fine) {
  .-loyalty-highlight.-transparent.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .-loyalty-highlight.-transparent.pageDesigner__productNotAvailableBtn:not(.-disabled,:disabled,:active,.-active,.-selected):hover,
  .button.-loyalty-highlight.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected).-hover,
  .button.-loyalty-highlight.-transparent:not(.-disabled,:disabled,:active,.-active,.-selected):hover {
    background: inherit
  }
}
.-iconOnly.pageDesigner__productNotAvailableBtn,
.button.-iconOnly {
  padding: 6px;
  border-radius: 0
}
.-iconOnly.-transparent.pageDesigner__productNotAvailableBtn,
.button.-iconOnly.-transparent {
  border-radius: 360px
}
.-iconOnly.pageDesigner__productNotAvailableBtn .icon,
.button.-iconOnly .icon {
  background-color: #fdfdfd
}
.-iconOnly.-small.pageDesigner__productNotAvailableBtn,
.button.-iconOnly.-small {
  min-width: 32px;
  padding: 6px
}
.-iconOnly.-medium.pageDesigner__productNotAvailableBtn,
.button.-iconOnly.-medium {
  min-width: 40px;
  padding: 10px
}
.-iconOnly.-large.pageDesigner__productNotAvailableBtn,
.button.-iconOnly.-large {
  min-width: 48px;
  padding: 12px
}
.-iconLeft.-small.pageDesigner__productNotAvailableBtn,
.button.-iconLeft.-small {
  padding-left: 12px
}
.-iconLeft.-medium.pageDesigner__productNotAvailableBtn,
.button.-iconLeft.-medium {
  padding-left: 16px
}
.-iconLeft.-large.pageDesigner__productNotAvailableBtn,
.button.-iconLeft.-large {
  padding-left: 20px
}
.-iconRight.-small.pageDesigner__productNotAvailableBtn,
.button.-iconRight.-small {
  padding-right: 12px
}
.-iconRight.-medium.pageDesigner__productNotAvailableBtn,
.button.-iconRight.-medium {
  padding-right: 16px
}
.-iconRight.-large.pageDesigner__productNotAvailableBtn,
.button.-iconRight.-large {
  padding-right: 20px
}
.button .loading,
.pageDesigner__productNotAvailableBtn .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%)
}
.button .loading .loader-element,
.pageDesigner__productNotAvailableBtn .loading .loader-element {
  opacity: 1;
  max-height: 30px
}
.button.loading,
.loading.pageDesigner__productNotAvailableBtn {
  font-size: 0!important
}
.button .loader-element,
.pageDesigner__productNotAvailableBtn .loader-element {
  opacity: 0;
  transition: opacity .3s ease
}
@media(min-width:900px) {
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled),
  .button.-animated:not(.-selected).loading,
  .button.-animated:not(.-selected):has(.loading),
  .button.-animated:not(.-selected):not(.-disabled,:disabled) {
    background-size: 100% 200%;
    background-position: 0 0;
    transition: background-position var(--duration-animation-button) var(--transition-style-animation),color var(--duration-animation-button) var(--transition-style-animation)
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard) {
    transition: background-color var(--duration-animation-button) var(--transition-style-animation)
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-conversion,
  .button.-animated:not(.-selected).loading.-conversion,
  .button.-animated:not(.-selected):has(.loading).-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-conversion {
    border: 1px solid #0b1215
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-primary.-black,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-primary.-black,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-primary.-black,
  .button.-animated:not(.-selected).loading.-conversion,
  .button.-animated:not(.-selected).loading.-primary.-black,
  .button.-animated:not(.-selected):has(.loading).-conversion,
  .button.-animated:not(.-selected):has(.loading).-primary.-black,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-primary.-black {
    background-image: linear-gradient(to top,#fdfdfd 0,#fdfdfd 50%,#0b1215 50%,#0b1215 100%);
    color: #fdfdfd
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-primary.-white,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-primary.-white,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-primary.-white,
  .button.-animated:not(.-selected).loading.-primary.-white,
  .button.-animated:not(.-selected):has(.loading).-primary.-white,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-primary.-white {
    background-image: linear-gradient(to top,#0b1215 0,#0b1215 50%,transparent 50%,transparent 100%);
    color: #0b1215;
    border: 1px solid #fdfdfd
  }
}
@media(min-width:900px)and (hover:hover)and (pointer:fine) {
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-primary,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-primary,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-primary,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-primary,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-primary,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-primary,
  .button.-animated:not(.-selected).loading.-hover.-conversion,
  .button.-animated:not(.-selected).loading.-hover.-primary,
  .button.-animated:not(.-selected).loading:hover.-conversion,
  .button.-animated:not(.-selected).loading:hover.-primary,
  .button.-animated:not(.-selected):has(.loading).-hover.-conversion,
  .button.-animated:not(.-selected):has(.loading).-hover.-primary,
  .button.-animated:not(.-selected):has(.loading):hover.-conversion,
  .button.-animated:not(.-selected):has(.loading):hover.-primary,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary {
    background-position: 0 100%;
    transition: color var(--duration-animation-button) var(--transition-style-animation),background-position var(--duration-animation-button) var(--transition-style-animation)
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-conversion,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-conversion,
  .button.-animated:not(.-selected).loading.-hover.-conversion,
  .button.-animated:not(.-selected).loading:hover.-conversion,
  .button.-animated:not(.-selected):has(.loading).-hover.-conversion,
  .button.-animated:not(.-selected):has(.loading):hover.-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-conversion,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-conversion {
    border: 1px solid #0b1215;
    color: #0b1215
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-conversion .icon,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-conversion .icon,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-conversion .icon,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-conversion .icon,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-conversion .icon,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-conversion .icon,
  .button.-animated:not(.-selected).loading.-hover.-conversion .icon,
  .button.-animated:not(.-selected).loading:hover.-conversion .icon,
  .button.-animated:not(.-selected):has(.loading).-hover.-conversion .icon,
  .button.-animated:not(.-selected):has(.loading):hover.-conversion .icon,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-conversion .icon,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-conversion .icon {
    background-color: #0b1215
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-primary.-black,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-primary:not(.-white),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-primary.-black,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-primary:not(.-white),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-primary.-black,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-primary:not(.-white),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-primary.-black,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-primary:not(.-white),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-black,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-primary:not(.-white),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-primary.-black,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-primary:not(.-white),
  .button.-animated:not(.-selected).loading.-hover.-primary.-black,
  .button.-animated:not(.-selected).loading.-hover.-primary:not(.-white),
  .button.-animated:not(.-selected).loading:hover.-primary.-black,
  .button.-animated:not(.-selected).loading:hover.-primary:not(.-white),
  .button.-animated:not(.-selected):has(.loading).-hover.-primary.-black,
  .button.-animated:not(.-selected):has(.loading).-hover.-primary:not(.-white),
  .button.-animated:not(.-selected):has(.loading):hover.-primary.-black,
  .button.-animated:not(.-selected):has(.loading):hover.-primary:not(.-white),
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-black,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary:not(.-white),
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary.-black,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary:not(.-white) {
    border: 1px solid #0b1215;
    color: #0b1215
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading.-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading.-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading:hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading:hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading).-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading).-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading):hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading):hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary.-black .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary:not(.-white) .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard) {
    background: #0b1215
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-primary.-white,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-primary.-white,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-primary.-white,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-primary.-white,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-white,
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-primary.-white,
  .button.-animated:not(.-selected).loading.-hover.-primary.-white,
  .button.-animated:not(.-selected).loading:hover.-primary.-white,
  .button.-animated:not(.-selected):has(.loading).-hover.-primary.-white,
  .button.-animated:not(.-selected):has(.loading):hover.-primary.-white,
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-white,
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary.-white {
    border: 1px solid #0b1215;
    color: #fdfdfd
  }
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading.-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).loading:hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading).-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):has(.loading):hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .-animated.pageDesigner__productNotAvailableBtn:not(.-selected):not(.-disabled,:disabled):hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading.-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected).loading:hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading).-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):has(.loading):hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled).-hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard),
  .button.-animated:not(.-selected):not(.-disabled,:disabled):hover.-primary.-white .icon:not(.icon-facebook,.icon-google,.icon-googlepay,.icon-googlewallet,.icon-paypal,.icon-cashondelivery,.icon-cb,.icon-amex,.icon-applepay,.icon-visa,.icon-creditcard) {
    background: #fdfdfd
  }
}
.button__shoptheLook {
  overflow: hidden;
  justify-content: flex-start;
  padding: 10px!important;
  min-width: unset!important;
  height: 40px;
  width: 40px;
  gap: 8px;
  box-shadow: var(--sfra-shadow-03);
  --btn-expanded-width: 0px;
  animation: animateShopTheLook .4s ease-in-out forwards;
  animation-delay: 1s
}
.button__shoptheLook:active {
  background: #f2f4f8!important;
  color: #0b1215!important
}
.button__shoptheLook:active i {
  background-color: #0b1215!important
}
.button__shoptheLook i {
  min-width: 20px
}
.button__shoptheLook .button__text {
  white-space: nowrap;
  opacity: 0;
  animation: animateShopTheLookText .3s ease-in-out forwards;
  animation-delay: 1s
}
@media(max-width:899.98px) {
  .button__shoptheLook {
    animation: none;
    width: var(--btn-expanded-width)
  }
  .button__shoptheLook .button__text {
    animation: none;
    opacity: 1
  }
}
#checkoutWrapper button.-animated:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
#checkoutWrapper button.-animated:not(.-selected).-primary:not(.-white):not(:hover,.-hover,:disabled,.-disabled),
#stickyCheckout button.-animated:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
#stickyCheckout button.-animated:not(.-selected).-primary:not(.-white):not(:hover,.-hover,:disabled,.-disabled),
form .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
form .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).-primary:not(.-white):not(:hover,.-hover,:disabled,.-disabled),
form .button.-animated:not(.-selected).-conversion:not(:hover,.-hover,:disabled,.-disabled),
form .button.-animated:not(.-selected).-primary:not(.-white):not(:hover,.-hover,:disabled,.-disabled) {
  background-color: #0b1215;
  transition: background-position var(--duration-animation-no-longer-disabled) var(--transition-style-animation),border-top-color var(--duration-animation-no-longer-disabled) cubic-bezier(1, 0, 1, 0),border-left-color var(--duration-animation-no-longer-disabled) cubic-bezier(1, 0, 1, 0),border-right-color var(--duration-animation-no-longer-disabled) cubic-bezier(1, 0, 1, 0);
  background-image: linear-gradient(0deg,#fdfdfd 0,#fdfdfd 33.33%,#0b1215 33.33%,#0b1215 66.66%,#f2f4f8 66.66%,#f2f4f8 100%);
  background-size: 100% 300%;
  background-position: 0 50%;
  border-top-color: #0b1215;
  border-bottom-color: #0b1215
}
#checkoutWrapper button.-animated:not(.-selected).-conversion.-disabled,
#checkoutWrapper button.-animated:not(.-selected).-conversion:disabled,
#checkoutWrapper button.-animated:not(.-selected).-primary:not(.-white).-disabled,
#checkoutWrapper button.-animated:not(.-selected).-primary:not(.-white):disabled,
#stickyCheckout button.-animated:not(.-selected).-conversion.-disabled,
#stickyCheckout button.-animated:not(.-selected).-conversion:disabled,
#stickyCheckout button.-animated:not(.-selected).-primary:not(.-white).-disabled,
#stickyCheckout button.-animated:not(.-selected).-primary:not(.-white):disabled,
form .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).-conversion.-disabled,
form .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).-conversion:disabled,
form .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).-primary:not(.-white).-disabled,
form .-animated.pageDesigner__productNotAvailableBtn:not(.-selected).-primary:not(.-white):disabled,
form .button.-animated:not(.-selected).-conversion.-disabled,
form .button.-animated:not(.-selected).-conversion:disabled,
form .button.-animated:not(.-selected).-primary:not(.-white).-disabled,
form .button.-animated:not(.-selected).-primary:not(.-white):disabled {
  background: #f2f4f8;
  transition: background-position var(--duration-animation-no-longer-disabled) var(--transition-style-animation),border-top-color var(--duration-animation-no-longer-disabled) cubic-bezier(0, 1, 0, 1),border-left-color var(--duration-animation-no-longer-disabled) cubic-bezier(0, 1, 0, 1),border-right-color var(--duration-animation-no-longer-disabled) cubic-bezier(0, 1, 0, 1);
  background-image: linear-gradient(0deg,#fdfdfd 0,#fdfdfd 33.33%,#0b1215 33.33%,#0b1215 66.66%,#f2f4f8 66.66%,#f2f4f8 100%);
  background-size: 100% 300%;
  background-position: 0 0;
  border-color: #f2f4f8 transparent
}
form #contactSubmit.-animated:not(.-selected).-conversion.-disabled,
form #contactSubmit.-animated:not(.-selected).-conversion:disabled,
form #contactSubmit.-animated:not(.-selected).-primary:not(.-white).-disabled,
form #contactSubmit.-animated:not(.-selected).-primary:not(.-white):disabled {
  transition: background-position 0s var(--transition-style-animation),border 0s var(--transition-style-animation),border-color 0s var(--transition-style-animation)
}
@media(min-width:900px) {
  .popOver .popOver__container.-black .-animated.-primary.-white {
    background-image: linear-gradient(to top,#21272a 0,#21272a 50%,transparent 50%,transparent 100%)
  }
}
@media(min-width:900px)and (hover:hover)and (pointer:fine) {
  .popOver .popOver__container.-black .-animated.-primary.-white.-hover,
  .popOver .popOver__container.-black .-animated.-primary.-white:hover {
    border: #fdfdfd 1px solid
  }
}
@keyframes animateShopTheLook {
  0% {
    width: 40px
  }
  100% {
    width: var(--btn-expanded-width)
  }
}
@keyframes animateShopTheLookText {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@media(min-width:600px) {
  .product-grid:not(.grid-mosaic) .grid-content.grid-search-results .-tile-B .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.grid-search-results .-tile-S1 .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.grid-search-results .-tile-S2 .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.inPageDesigner .-tile-B .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.inPageDesigner .-tile-S1 .productCard,
  .product-grid:not(.grid-mosaic) .grid-content.inPageDesigner .-tile-S2 .productCard {
    grid-template-rows: 1fr minmax(135px,auto)
  }
}
.pageDesigner__productNotAvailableBtn {
  width: 90%;
  text-align: center;
  background: 0 0;
  border-color: #fdfdfd;
  border-radius: 0;
  color: #fdfdfd;
  flex-wrap: wrap;
  font-size: .6875rem;
  padding: 0
}
@media(min-width:600px) {
  .pageDesigner__productNotAvailableBtn {
    padding: 0 8px
  }
}
@media(min-width:900px) {
  .pageDesigner__productNotAvailableBtn {
    font-size: .8125rem;
    padding: 0 24px
  }
}
.pageDesigner__productNotAvailableBtn:hover {
  border: none
}
.pageDesigner__productNotAvailableBtn .stock {
  margin-left: 4px
}
@media(min-width:1200px) {
  .pageDesigner__productNotAvailableBtn {
    width: 75%
  }
}
.pageDesigner__product .search-result__productCallout {
  margin-top: 8px;
  padding: 0
}
.pageDesigner__productBlockContent .productNameGamme {
  text-transform: lowercase;
  display: block;
  font-family: Inter,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}
.pageDesigner__productBlockContent .productNameGamme::first-letter {
  text-transform: capitalize
}
@media(max-width:899.98px) {
  .pageDesigner__productBlockContent .productNameGamme {
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0
  }
}