/* Products mega menu — light / airy */
.categories.dropdown > .dropdown-menu.mobii{
  padding:0;
  overflow:hidden;
  background:#fff;
}
@media (min-width:768px){
  li.categories.dropdown > .dropdown-menu.mobii{
    position:fixed;
    left:max(16px, calc(50vw - 560px));
    right:auto;
    top:72px;
    transform:none;
    width:min(1120px, calc(100vw - 32px));
    max-width:1120px;
    min-width:680px;
    margin-top:0;
    border-radius:0;
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    border:none;
    border-top:1px solid #eee;
    background:#fff;
    max-height:calc(100vh - 90px);
    overflow:auto;
    z-index:10000;
  }
  li.categories.dropdown.open > .dropdown-menu.mobii{display:block}
  #box-products-mega .mega-toggle{display:none !important}
}

#box-products-mega{
  padding:1.5rem 1.75rem 1.75rem;
}
#box-products-mega .mega-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:0 2rem;
  align-items:start;
}
#box-products-mega .mega-group{
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
  transform:none;
}
#box-products-mega .mega-main-wrap{position:relative}
#box-products-mega .mega-main{
  display:block;
  color:inherit;
  text-decoration:none;
  padding:0;
}
#box-products-mega .mega-main-img{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#f5f5f5;
  margin-bottom:.85rem;
}
#box-products-mega .mega-main-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .2s ease;
}
#box-products-mega .mega-main:hover .mega-main-img img{opacity:.88}
#box-products-mega .mega-main-title{
  display:block;
  padding:0 0 .65rem;
  margin:0;
  font-weight:700;
  font-size:.95rem;
  letter-spacing:.02em;
  text-transform:none;
  line-height:1.25;
  color:#243740;
  border-bottom:1px solid #e8e8e8;
}
#box-products-mega .mega-main:hover .mega-main-title{color:#1f6885}

#box-products-mega .mega-toggle{
  display:none;
  width:2rem;
  height:2rem;
  border:0;
  border-radius:999px;
  background:#1f6885;
  color:#fff;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  z-index:2;
  flex:0 0 auto;
}
#box-products-mega .mega-toggle .fa{pointer-events:none;transition:transform .2s ease}

#box-products-mega .mega-subs{
  list-style:none;
  margin:.75rem 0 0;
  padding:0;
  display:grid;
  gap:.15rem;
}
#box-products-mega .mega-subs a{
  display:block;
  padding:.28rem 0;
  border-radius:0;
  text-decoration:none;
  color:#555;
  background:transparent;
  font-size:.9rem;
  font-weight:400;
  line-height:1.35;
  transition:color .15s ease;
}
#box-products-mega .mega-subs a:hover,
#box-products-mega .mega-subs a:focus{
  background:transparent;
  color:#1f6885;
}

@media (max-width:991px) and (min-width:768px){
  #box-products-mega .mega-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:1.5rem 2rem;
  }
}

@media (max-width:767px){
  .categories.dropdown > .dropdown-menu.mobii{
    padding:0;
    background:#fff;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  #box-products-mega{padding:1rem}
  #box-products-mega .mega-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  #box-products-mega .mega-group{
    border-bottom:1px solid #eee;
  }
  #box-products-mega .mega-main-wrap{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:.35rem;
    padding:.7rem 0;
  }
  #box-products-mega .mega-main{
    display:grid;
    grid-template-columns:72px 1fr;
    align-items:center;
    gap:.75rem;
    min-width:0;
  }
  #box-products-mega .mega-main-img{
    aspect-ratio:auto;
    width:72px;
    height:54px;
    margin:0;
  }
  #box-products-mega .mega-main-title{
    padding:0;
    border:0;
    font-size:.95rem;
  }
  #box-products-mega .mega-toggle{display:inline-flex}
  #box-products-mega .mega-group.is-open .mega-toggle .fa{transform:rotate(180deg)}
  #box-products-mega .mega-subs{
    display:none;
    margin:0;
    padding:0 0 .85rem 72px;
  }
  #box-products-mega .mega-group.is-open .mega-subs{display:grid}
  #box-products-mega .mega-group--leaf .mega-toggle{display:none}
}