/*
 * Mana Telugu Foods — requested mobile homepage/product-card fixes only.
 * Scope is limited to the homepage category icons, homepage product cards,
 * and related-product cards on single product pages.
 */
@media (max-width: 767px) {
  /* Bottom navigation: use the supplied SVG artwork without changing layout. */
  .mtf-mobile-bottom-nav a img {
    display: block;
    width: 22px;
    height: 22px;
    object-fit: contain;
    filter: grayscale(1) brightness(0) saturate(100%) opacity(.58);
  }
  .mtf-mobile-bottom-nav a.is-active img,
  .mtf-mobile-bottom-nav a:focus img,
  .mtf-mobile-bottom-nav a:hover img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(88%) saturate(550%) hue-rotate(103deg) brightness(92%) contrast(101%);
  }
  .mtf-mobile-bottom-nav a i {
    display: none !important;
  }

  /* Our Categories: reduce the category artwork itself by 30%. */
  .mtf-cat2-img img {
    width: 70% !important;
    height: 70% !important;
    max-width: 70% !important;
    max-height: 70% !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  /* Homepage product cards and single-product related cards:
     use the full card width and preserve the source image ratio (no crop). */
  body.home .mtf-product-card .thumb,
  body.front-page .mtf-product-card .thumb,
  body.single-product .mtf-related-product-slider .mtf-product-card .thumb {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.home .mtf-product-card .thumb > a,
  body.front-page .mtf-product-card .thumb > a,
  body.single-product .mtf-related-product-slider .mtf-product-card .thumb > a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.home .mtf-product-card .thumb img,
  body.front-page .mtf-product-card .thumb img,
  body.single-product .mtf-related-product-slider .mtf-product-card .thumb img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}


/* Keep bottom menu icon tiles square on the homepage as well. */
@media (max-width: 767px) {
  .mtf-mobile-bottom-nav a,
  .mtf-mobile-bottom-nav a img,
  .mtf-mobile-bottom-nav a i { border-radius: 0 !important; }
  .mtf-mobile-bottom-nav a.is-active { border-radius: 0 !important; }
}