#header .menu-desktop__submenu {
  max-width: unset;
}
#header .menu-desktop__submenu:has(.hook-in-menu) {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#header .menu-desktop__submenu:has(.hook-in-menu) .col-6 {
  grid-column: span 6/span 6;
}
#header .menu-desktop__submenu:has(.hook-in-menu) .col-4 {
  grid-column: span 4/span 4;
}
#header .menu-desktop__submenu:has(.hook-in-menu) .col-8 {
  grid-column: span 8/span 8;
}
#header .menu-desktop__submenu:has(.hook-in-menu) .col-3 {
  grid-column: span 3/span 3;
}
#header .menu-desktop__submenu:has(.hook-in-menu) .col-9 {
  grid-column: span 9/span 9;
}
#header .menu-desktop__submenu:has(.hook-in-menu) .col-12 {
  grid-column: span 12/span 12;
}
#header .menu-desktop__submenu:has(.hook-in-menu) .hook-in-menu {
  max-width: 100%;
}
#header .menu-desktop__submenu:has(.hook-in-menu) .hook-in-menu .submenu-column--title {
  display: none;
}
#header .product-cards__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
#header .product-cards__item {
  position: relative;
  grid-column: span 1/span 1;
  align-self: end;
  border-radius: 24px;
  overflow: hidden;
}
#header .product-cards__item .product-card__link {
  display: block;
  width: 100%;
  height: 100%;
}
#header .product-cards__item .product-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}
#header .product-cards__item .product-card__btn {
  position: absolute;
  left: 24px;
  bottom: 24px;
}