/** Shopify CDN: Minification failed

Line 95:0 Unexpected "}"

**/
/* =====================================================================
   Mega-menu tidy (2026-06-25 v5)
   Desktop multi-image: matches mobile pattern
     1 image  -> single banner
     2 images -> two squares side-by-side
     3 images -> two squares on top + full-width 16:9 banner at bottom
   ===================================================================== */

/* ----------- DESKTOP ----------- */
@media (min-width: 768px) {
  .header__menu .grandparent .header__dropdown__inner { align-items: flex-start !important; }
  .header__menu .grandparent .header__grandparent__links { flex: 5 !important; }
  .header__menu .grandparent .menu__blocks {
    flex: 2 !important;
    align-self: flex-start !important;
    max-height: none !important;
    padding: 18px 18px 18px 6px !important;
  }

  /* 1 image: single block, banner */
  .header__menu .grandparent.images-1 .menu__blocks {
    display: block !important;
  }
  .header__menu .grandparent.images-1 .menu__blocks > .menu__block {
    max-height: 280px !important;
    padding: 0 !important;
  }

  /* 2 or 3 images: 2-col grid */
  .header__menu .grandparent.images-2 .menu__blocks,
  .header__menu .grandparent.images-3 .menu__blocks {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  /* Every grid cell defaults to square aspect, overflow hidden so cropping is clean */
  .header__menu .grandparent.images-2 .menu__blocks > .menu__block,
  .header__menu .grandparent.images-3 .menu__blocks > .menu__block {
    max-height: none !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  /* 3rd image of 3-image set: span 2 cols, 16:9 banner */
  .header__menu .grandparent.images-3 .menu__blocks > .menu__block:nth-child(3) {
    grid-column: 1 / -1 !important;
    aspect-ratio: 16 / 9 !important;
  }

  /* Inner image fills cell, cropped to fit */
  .header__menu .grandparent .menu__block .header__dropdown__image,
  .header__menu .grandparent .menu__block .header__dropdown__image .image-wrapper {
    height: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
  }
  .header__menu .grandparent .menu__block .header__dropdown__image .image-wrapper img,
  .header__menu .grandparent .menu__block .header__dropdown__image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
  }

    /* kids-4 keeps 4 columns */
  .header__menu .grandparent.kids-4 .header__grandparent__links {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: max-content !important;
    column-gap: 12px !important;
  }
  /* kids-5 → 5 columns so "Shop Feet Type" sits in the same row.
     .header__wrapper raises specificity so this beats the duplicate
     inline <style> rule in layout/theme.liquid. */
  .header__wrapper .header__menu .grandparent.kids-5 .header__grandparent__links {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-rows: max-content !important;
    column-gap: 12px !important;
  }
  }
  .header__menu .grandparent .dropdown__family {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .header__menu .grandparent .header__dropdown { max-height: none !important; }
}

/* ----------- MOBILE (unchanged from v4) ----------- */
@media (max-width: 767px) {
  .sliderule-grid > .menu__block { padding: 8px !important; }
  .sliderule-grid .header__dropdown__image .image-wrapper img,
  .sliderule-grid .header__dropdown__image img {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
  }
  .sliderule-grid.blocks-2,
  .sliderule-grid.blocks-3 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 8px !important;
  }
  .sliderule-grid.blocks-3 > .menu__block:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
  .sliderule-grid.blocks-2 .header__dropdown__image .image-wrapper img,
  .sliderule-grid.blocks-2 .header__dropdown__image img,
  .sliderule-grid.blocks-3 > .menu__block:not(:nth-child(3)) .header__dropdown__image .image-wrapper img,
  .sliderule-grid.blocks-3 > .menu__block:not(:nth-child(3)) .header__dropdown__image img {
    aspect-ratio: 1 / 1 !important;
  }
}
.search-popdown {
  --bg: #ffffff;
}