/* BodyFrank product artwork: hero group, category tiles, mega-menu visual. */

/* Hero */
.bf-hero__art {
  position: absolute;
  right: max(2vw, calc((100vw - 1290px) / 2 - 40px));
  bottom: -2%;
  width: min(54vw, 760px);
  height: auto;
  z-index: -1;
  filter: drop-shadow(0 30px 40px rgb(21 23 28 / 0.18));
  animation: bf-float 7s ease-in-out infinite;
  pointer-events: none;
}
@keyframes bf-float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-14px) rotate(-0.6deg); }
}
.bf-hero .bf-hero__stripes { opacity: 0.55; }
@media (prefers-reduced-motion: reduce) { .bf-hero__art { animation: none; } }
@media (max-width: 989px) {
  .bf-hero { flex-direction: column; align-items: stretch; }
  .bf-hero__art { position: relative; right: auto; bottom: auto; display: block; width: min(92vw, 560px); margin: -10px auto 0; z-index: 0; }
  .bf-hero .bf-wrap { padding-bottom: 8px; }
}

/* Category tiles */
.bf-cat { aspect-ratio: 4 / 3.4 !important; }
.bf-cat__img {
  position: absolute;
  inset: 0 -6% 31% 18%;
  width: 88%;
  height: 69%;
  object-fit: contain;
  object-position: center right;
  z-index: 0;
  transition: transform 0.35s ease;
  pointer-events: none;
}
.bf-cat:hover .bf-cat__img { transform: scale(1.06) rotate(-1.5deg); }
.bf-cat__icon, .bf-cat__body, .bf-cat__label, .bf-cat__cta { position: relative; z-index: 1; }
.bf-cat:has(.bf-cat__img) .bf-cat__num { display: none; }
.bf-cat::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 42%; z-index: 0;
  background: linear-gradient(0deg, rgb(255 255 255 / 0.96) 35%, rgb(255 255 255 / 0)); pointer-events: none; }
@media (max-width: 479px) {
  .bf-cat { aspect-ratio: 1 / 1.05 !important; }
  .bf-cat__img { inset: 4% -6% 40% 22%; width: 84%; height: 56%; }
}

/* Mega menu visual column */
#header [data-id='menu'] > ul > li.bf-mega > .sub-menu { grid-template-columns: repeat(3, minmax(170px, 1fr)) 230px; width: 880px; }
#header [data-id='menu'] > ul > li.bf-mega > .sub-menu::after {
  content: '';
  grid-column: 4;
  grid-row: 1 / span 3;
  align-self: stretch;
  min-height: 250px;
  border-radius: 12px;
  background: url('/wp-content/uploads/2026/10/hero-products.webp') center 70% / 115% auto no-repeat,
    radial-gradient(ellipse at 50% 60%, rgb(255 138 0 / 0.25), transparent 70%), #fff7f0;
}
#header [data-id='menu'] > ul > li.bf-mega:nth-child(2) > .sub-menu { grid-template-columns: repeat(2, minmax(190px, 1fr)) 230px; width: 700px; }
#header [data-id='menu'] > ul > li.bf-mega:nth-child(2) > .sub-menu::after {
  grid-column: 3;
  background: url('/wp-content/uploads/2026/10/cat-bars-snacks.webp') center / 125% auto no-repeat,
    radial-gradient(ellipse at 50% 60%, rgb(255 138 0 / 0.25), transparent 70%), #fff7f0;
}