#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__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}

#header .product-cards__item .product-card__btn {
  position: absolute;
  left: 24px;
  bottom: 24px;
}