/** Shopify CDN: Minification failed

Line 111:1 Expected "}" to go with "{"

**/
/* EZDIY-FAB patch test file */
/* =====================================================
   PATCH 01 - Mobile Product Detail Image Safe Fix
   只修手機版詳情圖跑版，不影響桌機主圖 / 商品卡
   ===================================================== */

@media screen and (max-width: 989px) {
  .template-product #MainContent {
    overflow-x: hidden !important;
  }

  .template-product #MainContent .ez-product-detail-section,
  .template-product #MainContent .ez-product-detail-inner,
  .template-product #MainContent .product__description,
  .template-product #MainContent .rte {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .template-product #MainContent .ez-product-detail-section img,
  .template-product #MainContent .ez-product-detail-inner img,
  .template-product #MainContent .product__description img,
  .template-product #MainContent .rte img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    box-sizing: border-box !important;
  }

  .template-product #MainContent .ez-product-detail-inner p,
  .template-product #MainContent .ez-product-detail-inner div,
  .template-product #MainContent .ez-product-detail-inner figure,
  .template-product #MainContent .product__description p,
  .template-product #MainContent .product__description div,
  .template-product #MainContent .product__description figure,
  .template-product #MainContent .rte p,
  .template-product #MainContent .rte div,
  .template-product #MainContent .rte figure {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
/* =====================================================
   PATCH 02 - EZ Category Cards Mobile Image Fit V2
   手機版分類卡片圖片不要被拉近，同時減少左右黑邊
   ===================================================== */

@media screen and (max-width: 749px) {
  .ez-category-card {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
    background: #111111 !important;
    overflow: hidden !important;
  }

  .ez-category-card__image {
    background: #111111 !important;
  }

  .ez-category-card__image img,
  .ez-category-card__image svg {
    width: 100% !important;
    height: 100% !important;

    /* 保留完整圖片，不裁切 */
    object-fit: cover !important;
    object-position: center center !important;

    transform: none !important;
    background: #111111 !important;
  }

  .ez-category-card:hover .ez-category-card__image img,
  .ez-category-card:hover .ez-category-card__image svg {
    transform: none !important;
  }

  .ez-category-card__overlay,
  .ez-category-card::after {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.00) 0%,
      rgba(0, 0, 0, 0.08) 35%,
      rgba(0, 0, 0, 0.36) 62%,
      rgba(0, 0, 0, 0.82) 100%
    ) !important;
  }

  .ez-category-card__content {
    left: 22px !important;
    right: 72px !important;
    bottom: 24px !important;
  }

  .ez-category-card__arrow {
    right: 18px !important;
    bottom: 22px !important;
  }
}