@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_18pt-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* R7FX3: Latin subset of Inter (49 KB instead of 116 KB); the full file is fetched only for other scripts. */
@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_18pt-Regular-latin.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212;
}

@font-face {
  font-family: Libre;
  src: url('../fonts/LibreBaskerville-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebas;
  src: url('../fonts/BebasNeue-Regular.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bebas Book;
  src: url('../fonts/BebasNeue-Book.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --biege: #f0eae0;
  --black: #000;
  --transparent: #0000;
  --h-paddings: 32px;
  --white: #fff;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--biege);
  color: #333;
  font-family: Libre, Times New Roman, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

h1 {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebas Book, Arial, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 52px;
}

h2 {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebas, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebas Book, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

p {
  margin-bottom: 10px;
}

a {
  background-color: var(--transparent);
  color: var(--black);
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: bold;
}

figure {
  margin-bottom: 10px;
}

.navbar {
  width: 100%;
  height: 64px;
  padding-right: var(--h-paddings);
  padding-left: var(--h-paddings);
  background-color: var(--transparent);
  position: absolute;
  top: 0;
  left: 0;
}

.navbar-bg {
  background-image: linear-gradient(#00000054, #0000);
  width: 100%;
  height: 140px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.container {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.container.hero {
  height: 100%;
}

.navbar-menu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  letter-spacing: .1em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: static;
}

.navbar-brand {
  width: 140px;
  height: 40px;
  position: relative;
}

.img-100 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.img-100.hero-link-img {
  height: 50%;
}

.img-100._18 {
  object-fit: cover;
  position: absolute;
}

.white {
  color: var(--white);
}

.section {
  width: 100%;
  padding-right: var(--h-paddings);
  padding-left: var(--h-paddings);
}

.section.hero {
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section.hero.product {
  height: 240px;
  padding-top: 64px;
  padding-bottom: 0;
}

.section.hero.product.black-bg {
  background-color: var(--black);
}

.section.hero.collection {
  height: 400px;
  padding-top: 64px;
  padding-bottom: 20px;
}

.section.no-gap {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.section.for-footer {
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.hero-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 50% 50%;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.hero-grid._3-col {
  grid-template-rows: 100%;
  grid-template-columns: 1fr minmax(100px, 1fr) 1fr;
  place-items: stretch stretch;
}

.hero-grid.collection {
  grid-template-rows: 80% 20%;
  grid-template-columns: 1fr minmax(100px, 1fr) 1fr;
  place-items: stretch stretch;
}

.hero-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-overlay {
  background-image: linear-gradient(#0006, #0003);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-overlay.line-h {
  background-color: var(--white);
  background-image: none;
  height: 1px;
  top: 50%;
}

.hero-overlay.line-v {
  background-color: var(--white);
  background-image: none;
  width: 1px;
  left: 50%;
}

.hero-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 25%;
  padding-right: 25%;
  display: flex;
  position: relative;
}

.link-w-icon.x2 {
  width: 48px;
  bottom: 0;
  left: auto;
  right: auto;
}

.hero-down-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--black);
  grid-template: "." minmax(50px, auto)
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 1px 1px 0;
  display: grid;
}

.product-grid.collection-section {
  grid-row-gap: 0px;
  grid-template-rows: minmax(50px, auto);
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.product-grid.cookies {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.product-grid._18-banner {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: minmax(50px, auto);
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 800px;
  max-height: 400px;
  padding-bottom: 1px;
  display: grid;
  inset: auto;
  overflow: hidden;
}

.product-grid.border {
  background-color: var(--biege);
  outline-color: var(--black);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
  padding-top: 0;
}

.product-grid-title {
  padding: 32px var(--h-paddings);
  background-color: var(--biege);
}

.product-tile {
  width: 100%;
  height: 100%;
  padding: var(--h-paddings);
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: var(--black);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-tile:hover {
  text-decoration: none;
}

.product-tile.border {
  outline-color: var(--black);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.thin {
  font-weight: 500;
}

.more-link {
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  flex: 0 auto;
  font-family: Libre, Times New Roman, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: underline;
  position: relative;
}

.more-link:hover {
  text-decoration: none;
}

.prod-t-img {
  object-fit: contain;
  object-position: 50% 100%;
  flex: 0 auto;
  width: 100%;
  max-width: 80%;
  height: 100%;
  max-height: 80%;
  position: relative;
}

.prod-t-img.hero-link-img {
  height: 50%;
}

.prod-t-img.square {
  max-width: 100%;
}

.prod-t-vid {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.prod-t-vid.for-product-gallery {
  width: 100%;
  height: 100%;
  position: absolute;
}

.relative {
  position: relative;
}

.p-16 {
  font-size: 16px;
  line-height: 1.33em;
  text-decoration: none;
}

.product-tile-c {
  background-color: var(--biege);
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.catalog-img-c {
  border-radius: var(--h-paddings);
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.prod-t-catalog-img {
  object-fit: cover;
  flex: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.prod-t-catalog-img.hero-link-img {
  height: 50%;
}

.collection-logo {
  width: 66%;
  position: relative;
}

.collection-logo.for-full-width {
  width: auto;
  max-width: none;
  height: 20%;
  position: absolute;
  bottom: 33%;
}

.overlay-black {
  background-color: var(--black);
  opacity: .2;
  position: absolute;
  inset: 0%;
}

.full-width-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 56%;
  display: flex;
  position: relative;
}

.full-width-bg-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.footer-grid {
  padding-right: var(--h-paddings);
  padding-left: var(--h-paddings);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--black);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--black);
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-bottom-color: var(--black);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--black);
  padding-top: calc(var(--h-paddings) * 2);
  padding-bottom: calc(var(--h-paddings) * 2);
  grid-template: "."
  / 1fr minmax(100px, auto) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sans {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.footer-nav {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  letter-spacing: .1em;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.button-icon {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  height: 40px;
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.button-icon.dark {
  color: var(--black);
}

.navbar-item {
  color: var(--white);
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33em;
}

.navbar-item.w--current {
  color: var(--white);
}

.navbar-item.lang.current {
  opacity: .33;
}

.product-page-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--black);
  grid-template: "." minmax(50px, auto)
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 1px 0;
  display: grid;
  position: relative;
}

.product-page-grid._4-col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.product-page-grid.contact-cols {
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center stretch;
  height: 40vh;
  min-height: 300px;
}

.product-gallery {
  background-color: var(--biege);
  flex: 0 50%;
  height: 100%;
  display: block;
}

.product-gallery.sticky {
  height: 100vh;
  position: sticky;
  top: 0;
}

.product-description {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  flex: 0 50%;
  display: flex;
  position: relative;
}

.product-description-mod {
  padding: var(--h-paddings);
  grid-column-gap: var(--h-paddings);
  grid-row-gap: var(--h-paddings);
  background-color: var(--biege);
  flex-flow: column;
  display: flex;
}

.product-description-mod.first {
  padding-top: calc(var(--h-paddings) * 3);
}

.product-description-mod.last {
  padding-top: var(--h-paddings);
  padding-bottom: calc(var(--h-paddings) * 3);
}

.product-description-mod.contact {
  text-align: center;
  grid-column-gap: calc(var(--h-paddings) / 2);
  grid-row-gap: calc(var(--h-paddings) / 2);
  justify-content: center;
  align-items: center;
  height: 100%;
}

.product-description-mod.full-height {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.product-description-mod.last-one {
  height: 100%;
  padding-left: calc(var(--h-paddings) * 6);
  padding-right: calc(var(--h-paddings) * 6);
  justify-content: center;
  align-items: center;
}

.product-description-mod.content {
  grid-column-gap: calc(var(--h-paddings) / 2);
  grid-row-gap: calc(var(--h-paddings) / 2);
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-left: 25%;
  padding-right: 25%;
}

.product-gallery-image {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.caps {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.stack-h {
  grid-column-gap: var(--h-paddings);
  grid-row-gap: var(--h-paddings);
  display: flex;
}

.stack-h.skip {
  flex-flow: wrap;
}

.p-40 {
  margin-bottom: 0;
  font-family: Bebas Book, Arial, sans-serif;
  font-size: 48px;
  line-height: 48px;
}

.spacer.v-line {
  background-color: var(--black);
  width: 1px;
}

.spacer._120 {
  min-height: var(--h-paddings);
}

.spacer._60 {
  min-height: calc(var(--h-paddings) / 2);
}

.stack-el-33 {
  flex: 33%;
}

.stacked-h {
  width: 100%;
}

.stacked-h ul {
  grid-column-gap: var(--h-paddings);
  grid-row-gap: var(--h-paddings);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr);
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.stacked-h strong {
  letter-spacing: .1em;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  display: block;
}

.stacked-h li {
  flex: 30%;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 140%;
}

.stacked-h h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.stacked-h ol {
  padding-left: 20px;
  list-style-type: disc;
}

.stacked-h img {
  width: 100%;
  max-height: 400px;
}

.stacked-h figure {
  width: 100%;
  max-width: none;
  height: auto;
  max-height: 300px;
}

.stacked-h-vertical-line ul {
  grid-column-gap: var(--h-paddings);
  grid-row-gap: var(--h-paddings);
  flex-flow: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.stacked-h-vertical-line strong {
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Libre, Times New Roman, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  display: block;
}

.stacked-h-vertical-line li {
  padding-right: var(--h-paddings);
  border-right: 1px solid var(--black);
  flex: 0 30%;
  font-family: Bebas Book, Arial, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
}

.navbar-logo-c {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
}

.product-tile-title {
  text-align: left;
  letter-spacing: .07rem;
  flex: 1 0 auto;
  width: 100%;
  min-width: 100%;
  font-family: Bebas Book, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1em;
  position: relative;
}

.product-tile-title.contact-link {
  text-align: center;
  flex-grow: 0;
}

.button-icon-caption {
  margin-top: 0;
  margin-bottom: 0;
}

.center {
  text-align: center;
}

.biege-bg {
  background-color: var(--biege);
}

.biege-bg.center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.biege-bg.paddings-cookies {
  padding: var(--h-paddings);
}

.biege-bg.cookies-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.biege-bg._18-img {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.biege-bg._18-question {
  padding: var(--h-paddings);
  flex-flow: column;
  display: flex;
}

.cookies-container {
  z-index: 999;
  width: 100%;
  height: auto;
  padding: var(--h-paddings);
  background-image: linear-gradient(#0000, #0009);
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.cookies-banner {
  border: 1px solid var(--black);
  background-color: var(--biege);
}

.cookies-img {
  width: 48px;
}

.p-cookies {
  color: var(--black);
  margin-bottom: 0;
  font-size: 16px;
  line-height: 140%;
}

.stacked-actions {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  letter-spacing: .1em;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.stacked-actions.vertical {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.content h2 {
  margin-top: 40px;
  margin-bottom: 10px;
}

.list {
  padding-left: 28px;
}

.footer-second-nav {
  padding-top: var(--h-paddings);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  letter-spacing: .1em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: flex;
}

.p-14 {
  letter-spacing: 0;
  text-transform: none;
  font-size: 14px;
  line-height: 1.33em;
}

._18-banner {
  z-index: 9999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

._18-text {
  color: var(--white);
  font-size: 8rem;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
  position: relative;
}

.stack-ext {
  flex: 1;
}

.lang-switch {
  position: absolute;
  top: 0;
  left: 0;
}

.lang-curr {
  color: var(--white);
  text-align: left;
  cursor: pointer;
  background-image: url('../images/icon-down.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.lang-options {
  background-color: var(--black);
  flex-flow: column;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  body {
    --h-paddings: 20px;
  }

  .product-grid {
    grid-template-columns: 1fr 1fr;
  }

  .product-grid.collection-section {
    grid-row-gap: 1px;
    grid-template-columns: 1fr 1fr;
  }

  .prod-t-img {
    max-width: 90%;
    max-height: 90%;
  }

  .button-icon {
    height: 48px;
    font-size: 12px;
  }

  .product-page-grid.contact-cols {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    height: auto;
  }

  .product-description-mod.content {
    padding-right: var(--h-paddings);
    padding-left: var(--h-paddings);
  }

  .stacked-h ul {
    grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr);
  }

  .stacked-h-vertical-line li {
    padding-right: 0;
    padding-bottom: var(--h-paddings);
    border-bottom: 1px solid var(--black);
    border-right-style: none;
    flex-basis: 40%;
  }

  .image-about {
    object-fit: cover;
    height: 100%;
  }

  .biege-bg {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --h-paddings: 20px;
  }

  h1 {
    font-size: 40px;
    line-height: 44px;
  }

  h2 {
    font-size: 32px;
    line-height: 32px;
  }

  h3 {
    font-size: 28px;
    line-height: 32px;
  }

  p {
    font-size: 16px;
    line-height: 150%;
  }

  ul {
    padding-left: 20px;
    font-size: 16px;
    line-height: 140%;
  }

  .navbar-bg {
    height: 60px;
  }

  .container {
    height: 100%;
  }

  .navbar-menu {
    background-color: var(--black);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100vh;
    inset: 0;
  }

  .section.hero.product, .section.hero.collection {
    height: 180px;
  }

  .hero-grid._3-col {
    grid-template-columns: 1fr minmax(150px, 1fr) 1fr;
  }

  .hero-grid.collection {
    grid-template-columns: 1fr minmax(50px, .5fr) 1fr;
  }

  .product-grid-title {
    padding-top: calc(var(--h-paddings) * 1.2);
    padding-bottom: calc(var(--h-paddings) * 1.2);
  }

  .p-16 {
    font-size: 14px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .button-icon {
    justify-content: center;
    align-items: center;
    width: 48px;
  }

  .button-icon.dark.keep-text {
    width: auto;
  }

  .navbar-item {
    text-align: center;
  }

  .navbar-item.lang {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-page-grid {
    grid-template-columns: 1fr;
  }

  .product-gallery.sticky {
    height: 60vh;
  }

  .product-description-mod.contact {
    grid-column-gap: calc(var(--h-paddings) / 2);
    grid-row-gap: calc(var(--h-paddings) / 2);
    padding-top: 0;
    padding-bottom: 0;
  }

  .product-description-mod.last-one {
    padding-right: var(--h-paddings);
    padding-left: var(--h-paddings);
  }

  .product-description-mod.content {
    grid-column-gap: calc(var(--h-paddings) / 2);
    grid-row-gap: calc(var(--h-paddings) / 2);
    padding-top: 0;
    padding-bottom: 0;
  }

  .p-40 {
    font-size: 40px;
  }

  .p-40 p {
    font-size: 40px;
    line-height: 110%;
  }

  .stacked-h li {
    font-size: 16px;
    line-height: 140%;
  }

  .stacked-h-vertical-line strong {
    font-size: 16px;
  }

  .stacked-h-vertical-line li {
    font-size: 32px;
    line-height: 32px;
  }

  .footer-link {
    height: 140px;
  }

  .menu-button {
    background-image: url('../images/menu.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 48px;
    height: 100%;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: var(--transparent);
    background-image: url('../images/menu-close.svg');
  }

  .product-tile-title {
    font-size: 20px;
  }

  .product-tile-title.contact-link {
    font-size: 24px;
  }

  .button-icon-caption {
    display: none;
  }

  .button-icon-caption.keep-visible {
    display: block;
  }

  .image-about {
    max-width: 50%;
  }

  .hide-mob {
    display: none;
  }

  .p-cookies {
    font-size: 14px;
    line-height: 140%;
  }

  .stacked-actions {
    width: 100%;
    padding: var(--h-paddings);
    justify-content: flex-start;
    align-items: center;
  }

  .stacked-actions.vertical {
    padding-bottom: 0;
    padding-left: 0;
  }

  .p-14 {
    font-size: 14px;
  }

  ._18-text {
    font-size: 5rem;
  }

  .lang-switch {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
    top: auto;
    bottom: 20px;
  }

  .lang-curr {
    display: none;
  }

  .lang-options {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-top: 1px solid var(--white);
    border-radius: 1px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .hero-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-grid._3-col {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-grid.collection {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr minmax(50px, .5fr) 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-overlay.line-h, .hero-overlay.line-v {
    display: none;
  }

  .hero-link {
    flex: 1 0 auto;
    height: auto;
    padding-left: 15%;
    padding-right: 15%;
  }

  .product-grid, .product-grid.collection-section {
    grid-template-columns: 1fr;
  }

  .image-about {
    max-width: 100%;
  }

  .biege-bg.cookies-icon {
    display: none;
  }
}

#w-node-daf2c725-ae13-8fce-41af-34d8e6792fa1-44069bc2, #w-node-_045fdf27-d325-ca19-cc3a-c111dcbfb917-44069bc2, #w-node-_312f1fdd-9789-26d7-82ad-95c5a28c4a3a-44069bc2, #w-node-_05687443-fa4e-96f7-ec2b-a28a07ed3c5b-44069bc2 {
  place-self: stretch stretch;
}

#w-node-_99ccd2fc-6f0b-aa97-de3a-afdf839d47a4-d7952d8c {
  align-self: stretch;
}

#w-node-d1eccec5-1cbe-bb64-90e0-12c3a0b75b4f-d7952d8c {
  place-self: stretch start;
}

#w-node-_8323d7a2-103e-286c-ca5d-7ef6081b0f6b-d7952d8c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_42374317-8f8f-f5ab-2962-c43633d30474-d7952d8c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_99d4145e-dcbc-b618-da24-b5ced7952d8f-d7952d8c {
  place-self: center start;
}

#w-node-_99d4145e-dcbc-b618-da24-b5ced7952d94-d7952d8c {
  place-self: center end;
}

#w-node-bbf1902b-96c9-6df5-46a3-6c634b62392a-d7952d8c {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: center;
}

#w-node-_8e2f122d-353b-6557-2d0f-e062fc164ff6-fc164ff5 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_873a0e25-bdef-1ed2-3132-72e6eb90d759-fc164ff5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_873a0e25-bdef-1ed2-3132-72e6eb90d75b-fc164ff5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_8e2f122d-353b-6557-2d0f-e062fc164ffc-fc164ff5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_40316992-0beb-b675-83d1-c8d0fe70ccc2-fdbf1158 {
  place-self: center start;
}

#w-node-ffece418-41d4-f208-3983-6754206dc556-fdbf1158 {
  place-self: stretch center;
}

#w-node-f89fa933-f75e-7781-d616-0ab8b714fc4c-fdbf1158 {
  place-self: center end;
}

#w-node-_57372144-8090-a0d0-bd08-00b7653effc2-fdbf1158 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485f8-3fc63ae0 {
  place-self: center start;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485fd-3fc63ae0 {
  place-self: stretch center;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485ff-3fc63ae0 {
  place-self: center end;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26f-3fc63ae0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_144c830f-1059-da86-87ef-bf3491c6132d-3f138646 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch center;
}

#w-node-_144c830f-1059-da86-87ef-bf3491c6132f-3f138646 {
  grid-area: 2 / 1 / 3 / 4;
  place-self: end center;
}

#w-node-_9bb90916-f366-e14c-30c1-82e35e620292-3f138646 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9bb90916-f366-e14c-30c1-82e35e620294-3f138646 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_1d7bf1c0-8c59-9e8f-d6a1-09af25092cfc-4f24e2f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_1d7bf1c0-8c59-9e8f-d6a1-09af25092d01-4f24e2f5 {
  place-self: stretch stretch;
}

#w-node-_1d7bf1c0-8c59-9e8f-d6a1-09af25092d03-4f24e2f5, #w-node-_60aab1ac-1fe9-07a4-8ee7-fe6534e121c6-4f24e2f5 {
  place-self: center end;
}

#w-node-ce80805c-648c-8f53-cdce-72708e298f7d-4f24e2f5, #w-node-d87475ea-92c2-c0f1-85df-f9990eb32ea2-4f24e2f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-b5a40e02-f3d2-2ad8-78bf-b310c0cf4ab9-4f24e2f5 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9b76ad2d-c705-4838-da12-b6a899d70bf2-4f24e2f5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9b76ad2d-c705-4838-da12-b6a899d70bf4-4f24e2f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-b5a40e02-f3d2-2ad8-78bf-b310c0cf4ac5-4f24e2f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485f8-337fb0e8 {
  place-self: center start;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485fd-337fb0e8 {
  place-self: center;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485ff-337fb0e8 {
  place-self: center end;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26a-337fb0e8 {
  align-self: stretch;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26f-337fb0e8, #w-node-_05315864-f3e3-613e-0530-bda257e1656f-337fb0e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485f8-dc40ec84 {
  place-self: center start;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485fd-dc40ec84 {
  place-self: center;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485ff-dc40ec84 {
  place-self: center end;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26a-dc40ec84 {
  align-self: stretch;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26f-dc40ec84, #w-node-_1caac55d-3461-592d-7227-63f8d372fecf-dc40ec84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_2cec29d9-e260-3e62-16eb-bb54c9733767-dc40ec84, #w-node-_982c5018-60ea-070a-d6f3-25036d075037-dc40ec84 {
  align-self: stretch;
}

#w-node-_1631fbbf-5277-a92c-5103-2a8c0f117a91-dc40ec84, #w-node-_5ae5bdfd-f08a-b912-c923-cfde59703d4d-dc40ec84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_44776eeb-95e7-e958-707b-a14bc1ad8bb8-dc40ec84 {
  align-self: stretch;
}

#w-node-_84b97b36-8883-3e88-f300-3cd8098e8af8-dc40ec84 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-c43c2a2f-2ba8-8da5-a308-ae36b3a2921c-dc40ec84, #w-node-_6e50ff9d-9325-1e96-3c09-bf4a4e12e78f-dc40ec84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485fd-ca36cc80 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: center;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26a-ca36cc80 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: stretch;
}

#w-node-daf2c725-ae13-8fce-41af-34d8e6792fa1-04e3625c, #w-node-_045fdf27-d325-ca19-cc3a-c111dcbfb917-04e3625c, #w-node-_312f1fdd-9789-26d7-82ad-95c5a28c4a3a-04e3625c, #w-node-_05687443-fa4e-96f7-ec2b-a28a07ed3c5b-04e3625c {
  place-self: stretch stretch;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485f8-850d7f9e {
  place-self: center start;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485fd-850d7f9e {
  place-self: center;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485ff-850d7f9e {
  place-self: center end;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26a-850d7f9e {
  align-self: stretch;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26f-850d7f9e, #w-node-_05315864-f3e3-613e-0530-bda257e1656f-850d7f9e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485fd-ad090629 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: center;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26a-ad090629 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: stretch;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485f8-cae4fa2d {
  place-self: center start;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485fd-cae4fa2d {
  place-self: center;
}

#w-node-b64cd5a4-1d11-0c3c-46cb-9b737e9485ff-cae4fa2d {
  place-self: center end;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26a-cae4fa2d {
  align-self: stretch;
}

#w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26f-cae4fa2d, #w-node-_1caac55d-3461-592d-7227-63f8d372fecf-cae4fa2d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_2cec29d9-e260-3e62-16eb-bb54c9733767-cae4fa2d, #w-node-_982c5018-60ea-070a-d6f3-25036d075037-cae4fa2d {
  align-self: stretch;
}

#w-node-_1631fbbf-5277-a92c-5103-2a8c0f117a91-cae4fa2d, #w-node-_5ae5bdfd-f08a-b912-c923-cfde59703d4d-cae4fa2d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_44776eeb-95e7-e958-707b-a14bc1ad8bb8-cae4fa2d {
  align-self: stretch;
}

#w-node-_84b97b36-8883-3e88-f300-3cd8098e8af8-cae4fa2d {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-c43c2a2f-2ba8-8da5-a308-ae36b3a2921c-cae4fa2d, #w-node-_6e50ff9d-9325-1e96-3c09-bf4a4e12e78f-cae4fa2d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_8e2f122d-353b-6557-2d0f-e062fc164ff6-fc164ff5, #w-node-_873a0e25-bdef-1ed2-3132-72e6eb90d759-fc164ff5, #w-node-_8e2f122d-353b-6557-2d0f-e062fc164ffc-fc164ff5, #w-node-b5a40e02-f3d2-2ad8-78bf-b310c0cf4ab9-4f24e2f5, #w-node-_9b76ad2d-c705-4838-da12-b6a899d70bf2-4f24e2f5, #w-node-b5a40e02-f3d2-2ad8-78bf-b310c0cf4ac5-4f24e2f5 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_99ccd2fc-6f0b-aa97-de3a-afdf839d47a4-d7952d8c, #w-node-d1eccec5-1cbe-bb64-90e0-12c3a0b75b4f-d7952d8c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_36124a6f-6c92-39bd-47bf-b8d4db22b62a-d7952d8c {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_8323d7a2-103e-286c-ca5d-7ef6081b0f6b-d7952d8c, #w-node-_42374317-8f8f-f5ab-2962-c43633d30474-d7952d8c {
    grid-column: span 5 / span 5;
  }

  #w-node-_99d4145e-dcbc-b618-da24-b5ced7952d8f-d7952d8c {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_99d4145e-dcbc-b618-da24-b5ced7952d92-d7952d8c {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: stretch;
  }

  #w-node-_99d4145e-dcbc-b618-da24-b5ced7952d94-d7952d8c {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-bbf1902b-96c9-6df5-46a3-6c634b62392a-d7952d8c {
    justify-self: center;
  }

  #w-node-b5a40e02-f3d2-2ad8-78bf-b310c0cf4ab9-4f24e2f5, #w-node-_9b76ad2d-c705-4838-da12-b6a899d70bf2-4f24e2f5 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9b76ad2d-c705-4838-da12-b6a899d70bf4-4f24e2f5 {
    grid-column: span 1 / span 1;
  }

  #w-node-b5a40e02-f3d2-2ad8-78bf-b310c0cf4ac5-4f24e2f5 {
    grid-column: span 2 / span 2;
  }

  #w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26a-dc40ec84 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26f-dc40ec84, #w-node-_1caac55d-3461-592d-7227-63f8d372fecf-dc40ec84 {
    grid-column: span 2 / span 2;
  }

  #w-node-_2cec29d9-e260-3e62-16eb-bb54c9733767-dc40ec84, #w-node-_982c5018-60ea-070a-d6f3-25036d075037-dc40ec84 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1631fbbf-5277-a92c-5103-2a8c0f117a91-dc40ec84, #w-node-_5ae5bdfd-f08a-b912-c923-cfde59703d4d-dc40ec84 {
    grid-column: span 2 / span 2;
  }

  #w-node-_44776eeb-95e7-e958-707b-a14bc1ad8bb8-dc40ec84 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c43c2a2f-2ba8-8da5-a308-ae36b3a2921c-dc40ec84, #w-node-_6e50ff9d-9325-1e96-3c09-bf4a4e12e78f-dc40ec84 {
    grid-column: span 2 / span 2;
  }

  #w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26a-cae4fa2d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_65b0ba20-ceca-ec1d-0809-597d9b3ed26f-cae4fa2d, #w-node-_1caac55d-3461-592d-7227-63f8d372fecf-cae4fa2d {
    grid-column: span 2 / span 2;
  }

  #w-node-_2cec29d9-e260-3e62-16eb-bb54c9733767-cae4fa2d, #w-node-_982c5018-60ea-070a-d6f3-25036d075037-cae4fa2d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1631fbbf-5277-a92c-5103-2a8c0f117a91-cae4fa2d, #w-node-_5ae5bdfd-f08a-b912-c923-cfde59703d4d-cae4fa2d {
    grid-column: span 2 / span 2;
  }

  #w-node-_44776eeb-95e7-e958-707b-a14bc1ad8bb8-cae4fa2d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c43c2a2f-2ba8-8da5-a308-ae36b3a2921c-cae4fa2d, #w-node-_6e50ff9d-9325-1e96-3c09-bf4a4e12e78f-cae4fa2d {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8323d7a2-103e-286c-ca5d-7ef6081b0f6b-d7952d8c, #w-node-_42374317-8f8f-f5ab-2962-c43633d30474-d7952d8c {
    grid-column: span 6 / span 6;
  }

  #w-node-_8e2f122d-353b-6557-2d0f-e062fc164ff6-fc164ff5, #w-node-_873a0e25-bdef-1ed2-3132-72e6eb90d759-fc164ff5, #w-node-b5a40e02-f3d2-2ad8-78bf-b310c0cf4ab9-4f24e2f5, #w-node-_9b76ad2d-c705-4838-da12-b6a899d70bf2-4f24e2f5, #w-node-b5a40e02-f3d2-2ad8-78bf-b310c0cf4ac5-4f24e2f5 {
    grid-column: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_18pt-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* R7FX3: Latin subset of Inter (49 KB instead of 116 KB); the full file is fetched only for other scripts. */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_18pt-Regular-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212;
}
@font-face {
  font-family: 'Libre';
  src: url('../fonts/LibreBaskerville-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bebas';
  src: url('../fonts/BebasNeue-Regular.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bebas Book';
  src: url('../fonts/BebasNeue-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Collections without a logo/hero image: dark background + plain name. */
.section.hero.no-image,
.catalog-img-c.no-image {
  background-color: #2a2a2e;
}

.collection-name-fallback {
  color: var(--white);
  text-align: center;
  letter-spacing: .07rem;
  margin: 0;
  font-family: Bebas Book, Arial, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1em;
  position: relative;
}

.product-tile.static {
  pointer-events: none;
}


/* Collection hero: keep logo inside the hero and the grid cell (no overflow). */
.hero-grid.collection > div {
  min-width: 0;
  min-height: 0;
}

.hero-grid.collection > .relative {
  max-height: 100%;
}

.hero-grid.collection .img-100.catalog-img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* H3W9: one logo size rule for every collection hero: ~160px desktop / ~90px mobile, never wider than the cell. */
.hero-grid.collection img.img-100.catalog-img {
  max-height: 160px;
}

.hero-grid.collection .logo-plate img {
  max-height: 160px;
}

@media screen and (max-width: 767px) {
  .hero-grid.collection img.img-100.catalog-img,
  .hero-grid.collection .logo-plate img {
    max-height: 90px;
  }

  .hero-grid.collection .logo-plate {
    padding: 10px 14px;
    max-width: 100%;
  }

  .hero-grid.collection .logo-plate img {
    max-width: 100%;
  }
}

.group-logo {
  display: block;
  height: 64px;
  width: auto;
  margin-bottom: 12px;
}

.product-awards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.product-awards img {
  width: 96px;
  height: 96px;
  object-fit: contain;
}

/* H3W9: taller mobile collection hero (photo visible), compact logo below the header. Desktop unchanged. */
@media screen and (max-width: 767px) {
  .section.hero.collection {
    height: max(320px, 58vh);
    padding-top: 84px;
    padding-bottom: 16px;
  }

  .hero-grid.collection {
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    align-content: start;
  }

  .hero-grid.collection img.img-100.catalog-img,
  .hero-grid.collection .logo-plate img {
    max-height: 56px;
    max-width: 60vw;
  }

  .hero-grid.collection .logo-plate {
    padding: 6px 10px;
  }
}

/* H3W9: soft dark gradient at the top of the collection hero so the logo stays readable on photos (<= 0.45 opacity, top 35%). */
.section.hero.collection > .hero-overlay {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, 0) 35%), linear-gradient(#0006, #0003);
}

/* H3W9: collections without a hero photo get a compact hero on mobile, logo/name centred. Desktop unchanged. */
@media screen and (max-width: 767px) {
  .section.hero.collection.no-image {
    height: 200px;
    padding-top: 64px;
    padding-bottom: 12px;
  }

  .section.hero.collection.no-image .hero-grid.collection {
    grid-template-rows: 1fr;
    align-content: center;
    justify-items: center;
  }

  .section.hero.collection.no-image .hero-grid.collection > .relative {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .section.hero.collection.no-image .collection-name-fallback {
    text-align: center;
  }
}

/* H3W9: hero video fades in over the hero image (added by /js/hero-video.js on desktop only). */
.hero-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  opacity: 0;
  transition: opacity .6s ease;
  pointer-events: none;
}

.hero-video.is-playing {
  opacity: 1;
}

/* Same framing for image and video so the swap is invisible (image files are cropped for this position). */
@media screen and (min-width: 768px) {
  .section.hero.collection[data-hero-video-mp4] .hero-img,
  .section.hero.collection[data-hero-video-mp4] .hero-video {
    object-position: 50% 20%;
  }
}

@media screen and (max-width: 767px), (prefers-reduced-motion: reduce) {
  .hero-video {
    display: none;
  }
}

/* H3W9 FIX1: logos are sized by their visible proportions. Desktop: the crop wrapper is transparent to layout. */
.logo-crop {
  display: contents;
}

@media screen and (max-width: 767px) {
  .hero-grid.collection > .relative {
    position: relative;
  }

  /* soft dark halo behind the logo so light logos read on any photo (<= 0.45) */
  .hero-grid.collection > .relative::before {
    content: "";
    position: absolute;
    left: -24px;
    top: -20px;
    width: min(100%, 300px);
    height: calc(100% + 40px);
    max-height: 150px;
    background: radial-gradient(ellipse at 30% 40%, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
  }

  .hero-grid.collection > .relative > * {
    position: relative;
  }

  .hero-grid.collection .logo-crop {
    display: block;
    position: relative;
    overflow: hidden;
    width: min(calc(var(--lh) * var(--la)), 70vw);
    aspect-ratio: var(--la);
  }

  .hero-grid.collection .logo-crop img.img-100.catalog-img {
    position: absolute;
    max-width: none;
    max-height: none;
    height: auto;
    width: calc(100% * var(--lw));
    left: calc(-100% * var(--ll));
    top: calc(-100% * var(--lt));
  }
}

/* H3W9 MERGE: Vinco's emblem is thin and pale on the hazy MJ photo, so its halo is darker (mobile) and the top gradient is stronger (desktop). */
@media screen and (max-width: 767px) {
  .section.hero.collection[data-collection="vinco"] .hero-grid.collection > .relative::before {
    background: radial-gradient(ellipse at 28% 45%, rgba(0, 0, 0, .62), rgba(0, 0, 0, 0) 72%);
  }

  .section.hero.collection[data-collection="vinco"] .logo-crop img {
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .75));
  }
}

@media screen and (min-width: 768px) {
  .section.hero.collection[data-collection="vinco"] > .hero-overlay {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 45%), linear-gradient(#0006, #0003);
  }
}

.card-buttons {
  flex-flow: wrap;
  gap: 8px 24px;
  display: flex;
}

.card-buttons .button-icon.dark.keep-text {
  width: auto;
  letter-spacing: 1px;
  font-size: 14px;
}