/** Shopify CDN: Minification failed

Line 43:14 Expected identifier but found whitespace
Line 43:20 Unexpected "!"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/


/* .productView {
    display: flex !important;
    align-items: flex-start !important;
}
.productView-thumbnail-wrapper {
    margin-top: 0 !important;
    top: 0 !important;
    align-self: flex-start !important;
}
.productView-image-area,
.productView-image,
.productView-for {
    align-self: flex-start !important;
}


/* 覆盖 Halo Banner 文字居中规则，让其靠底 20px */
/* #halo-image-banner-template--16909654491342__16394502839cbe45cc .content-box--absolute {
    position: absolute !important;
    top: auto !important;
    bottom: 20px !important;

    /* 移除 Halo 强制垂直居中的 transform */
    transform: none !important;

    /* 防止文字偏上 */
    /* margin-top: 0 !important; */ */
} */

/* ---- 桌面端才保持左右布局 ---- */
@media (min-width: 1025px) {
    .productView {
        display: flex !important;
        align-items: flex-start !important;
    }
    .productView-thumbnail-wrapper {
        margin-top: 0 !important;
        top: 0 !important;
        align-self: flex-start !important;
    }
    .productView-image-area,
    .productView-image,
    .productView-for {
        align-self: flex-start !important;
    }
}

/* ---- 手机端恢复主题原生布局 ---- */
@media (max-width: 1024px) {
    .productView {
        display: block !important;
    }
    .productView-thumbnail-wrapper,
    .productView-image-area,
    .productView-for {
        align-self: auto !important;
    }
}




/* 手机端缩略图修复 */
@media (max-width: 768px) {
  .productView-nav {
    display: flex !important;
    overflow-x: auto !important; /* 横向滚动 */
    width: 100% !important;
  }

  .productView-nav .slick-slide {
    display: inline-block !important;
    flex: 0 0 auto;            /* 保持原尺寸，不拉伸 */
    width: 80px;                /* 缩略图宽度可调 */
    height: 80px;               /* 缩略图高度可调 */
    margin-right: 8px;
    object-fit: cover;          /* 图片填充，保持比例 */
  }

  .productView-nav img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .slick-track {
    display: flex !important;
    align-items: center !important; /* 垂直居中 */
  }
}







.product-icon-filter-wrapper .filter-item img {
  filter: none !important;
}