/* =========================================================
   Fix Pallini Category Icons Frontend
   Batch22: category image loading + larger category-list icons
   Scope: category/list/icon selectors only
   ========================================================= */

/* Main category list cards / all categories page */
.fp13k-card .fp13k-icon,
.fp13k-grid .fp13k-icon,
.fp13k-icon {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  border-radius: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.fp13k-card .fp13k-icon img,
.fp13k-grid .fp13k-icon img,
.fp13k-icon img {
  width: 58px !important;
  height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
  object-fit: contain !important;
}

/* Right/sidebar category icons on the all-categories/active categories pages */
.fp13k-side-icon {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  border-radius: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.fp13k-side-icon img {
  width: 78px !important;
  height: 78px !important;
  max-width: 78px !important;
  max-height: 78px !important;
  object-fit: contain !important;
}

/* Category landing page hero image/icon */
.fp-category-photo.fpcat-hero-image img,
.fp-category-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 14px !important;
}

/* Related categories on category pages */
.fp-related-thumb.fpcat-related-icon,
.fp-related-thumb {
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  border-radius: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.fp-related-thumb.fpcat-related-icon img,
.fp-related-thumb img {
  width: 92px !important;
  height: 92px !important;
  max-width: 92px !important;
  max-height: 92px !important;
  object-fit: contain !important;
}

/* Wizard top icon */
.fpcat-wizard-icon img,
.fpcw-icon-slot img {
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

@media (max-width: 760px) {
  .fp13k-card .fp13k-icon,
  .fp13k-grid .fp13k-icon,
  .fp13k-icon {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
  }

  .fp13k-card .fp13k-icon img,
  .fp13k-grid .fp13k-icon img,
  .fp13k-icon img {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
  }

  .fp13k-side-icon {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
  }

  .fp13k-side-icon img {
    width: 62px !important;
    height: 62px !important;
    max-width: 62px !important;
    max-height: 62px !important;
  }

  .fp-related-thumb.fpcat-related-icon,
  .fp-related-thumb {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
  }

  .fp-related-thumb.fpcat-related-icon img,
  .fp-related-thumb img {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
  }
}
