/* Navigation 1.1: panel and shade share the header boundary. */
.navigation-shade{position:fixed;inset:var(--xaci-menu-top,76px) 0 0;background:rgb(0 0 0 / 30%);z-index:90;animation:xaci-shade-in .16s ease-out}
.mega-panel{max-height:calc(100dvh - var(--xaci-menu-top,76px));padding:28px max(4%,calc((100% - 1480px)/2)) 32px;box-shadow:0 8px 18px #0000000a;animation:xaci-menu-in .18s ease-out}
.mega-layout{max-width:1480px;margin:0 auto;min-width:0}
.mega-layout.has-subcategories{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px}
.mega-categories{display:flex;flex-direction:column;gap:3px;padding:0 22px 0 0;border-right:1px solid #eee;min-width:0}
.mega-category-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 12px;font-size:14px;line-height:1.35;border-radius:4px}
.mega-category-choice .dashicons{font-size:13px;width:13px;height:13px;flex-shrink:0}
.mega-category-choice[aria-selected=true]{color:var(--orange-text);background:#fff5ee;font-weight:600}
.mega-category-choice:hover{background:#f7f7f7;color:var(--orange-text)}
.mega-category-choice .xaci-category-thumbnail,.header-links .sub-menu .xaci-category-thumbnail{display:block;flex:0 0 48px;width:48px;height:48px;max-width:48px;object-fit:contain;object-position:center;margin:0;background:#fff;border-radius:4px}
.mega-category-label{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
.site-header .header-links .sub-menu a{display:flex;align-items:center;gap:12px}
.site-header .header-links .sub-menu{min-width:245px}
.product-card-image img.xaci-uncropped-image,.woocommerce ul.products li.product a img.xaci-uncropped-image{object-fit:contain!important;object-position:center;aspect-ratio:auto;clip-path:none;border-radius:0}
.mega-views,.mega-content{min-width:0}
.mega-content{animation:xaci-content-in .14s ease-out}
.mega-heading{margin:0 0 24px;font-size:20px;min-height:28px}
.mega-grid{gap:16px;min-height:210px;align-items:start}
.mega-grid .product-card{padding:10px 4px 4px;border-radius:0}
.mega-grid .product-card:hover{background:#fafafa}
.mega-grid .product-card-image{height:150px}
.mega-grid .product-card h3{min-height:38px;font-size:13px}
.mega-grid .product-price{font-size:13px;line-height:1.5}
.mega-empty{grid-column:1/-1;color:var(--muted);font-size:14px;padding:36px 0}
@media(min-width:1200px){
  .mega-item>summary{position:relative}
  .mega-item>summary:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent}
  .mega-item[open]>summary:after{background:var(--orange)}
  .mega-item[open]>summary{color:var(--orange-text)}
  .mega-layout:not(.has-subcategories) .mega-grid{max-width:1300px;margin:auto}
}
@media(max-width:1199px){
  .js .main-navigation{max-height:calc(100dvh - var(--xaci-menu-top,64px))}
  .mega-panel{padding:16px 0 22px;max-height:none;box-shadow:none;animation:none}
  .mega-layout.has-subcategories{display:block}
  .mega-categories{flex-direction:row;overflow:auto;gap:8px;padding:4px 0 15px;margin-bottom:20px;border:0;scrollbar-width:thin}
  .mega-category-choice{white-space:nowrap;flex-shrink:0;border:1px solid #ddd;font-size:13px;padding:11px 14px}
  .mega-category-choice[aria-selected=true]{border-color:var(--orange-text)}
  .mega-category-choice .dashicons{display:none}
  .mega-category-choice .xaci-category-thumbnail{flex-basis:40px;width:40px;height:40px;max-width:40px}
  .mega-category-label{white-space:nowrap}
  .mega-heading{font-size:17px;gap:16px;margin-bottom:14px}
  .mega-heading a{font-size:12px;white-space:nowrap}
  .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0}
  .mega-grid .product-card{background:#fafafa;padding:14px 10px}
  .mega-grid .product-card-image{height:140px}
}
@media(max-width:767px){
  .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mega-grid .product-card-image{height:120px}
  .mega-grid .product-card h3{font-size:13px;min-height:34px}
  .mega-grid .product-price{font-size:12px}
  .main-navigation{padding-left:16px;padding-right:16px}
}
@keyframes xaci-menu-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes xaci-shade-in{from{opacity:0}to{opacity:1}}
@keyframes xaci-content-in{from{opacity:.6}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.navigation-shade,.mega-panel,.mega-content{animation:none}}