/*Pre-existing overrides START*/
@media (max-width: 768px) {
    #menu-header-image {
        content: url(https://functionflo-cdn.azureedge.net/prd-a2dd59d8fcff414b221008da8a990146/1e1782f7-c170-4894-c2d4-08da8a990f09_mobile.png);
    }
    #menu-header {
	height: auto !important;
    }
}

@media (max-width: 810px) {
.menu-product-card-outer
{
	width: calc(50% - calc(var(--ff-v2-margin)*1)) !important;
}

.marginr-2
{
	margin-right: 0px !important;
}

.menu-product-container-button
{
	width: 36px !important;
	height: 36px !important;
}

.menu-product-card-price
{
	font-size: 14px;
}
}

@media (min-width: 1200px) {
  #menu-header-image
  {
    object-fit: scale-down !important;
  }
}
/*Pre-existing overrides END*/


/*fix dynamic nav menu spacing/wrapping - global */
#page-header-links{flex-grow:1;justify-content: flex-start;gap: 5px;}/*allow to flex*/
#page-header-logo{padding-right:15px;} /*give back space*/
#page-header-links .page-header-link{margin:0;}/*justify and gap handles this*/
#product-category-dropdown-menu-page-header a:focus{z-index:1;}/*fix outline crop on nav menu*/


/*fix footer links */
.page-footer-links{padding:0 10px;margin:15px auto;max-width:1280px;justify-content:space-evenly;text-align:center;}
.page-footer-links>div{max-width:200px;}


/*FEAT: Menu page image lazy loading*/
/* Base state (hidden) */
#menu-content div.menu-product-image-container {
  opacity: 0;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transform: translateY(20px); /* Optional: Slide up slightly on fade-in */
  will-change: opacity, transform;
}

/* Visible state (applied by IntersectionObserver) */
#menu-content div.menu-product-image-container.visible {
  opacity: 1;
  transform: translateY(0);
}

#menu-content div.menu-product-image-container.visible:nth-child(odd) {
  transition-delay: 0.1s;
}
#menu-content div.menu-product-image-container.visible:nth-child(even) {
  transition-delay: 0.2s;
}

/* Prevent background image loading until visible */
#menu-content div.menu-product-image-container:not(.in-viewport) a.menu-product-cart-button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==) !important;
}

/*FEAT END: Menu page image lazy loading*/