/** Shopify CDN: Minification failed

Line 231:17 Unexpected "{"
Line 231:26 Expected ":"
Line 240:17 Unexpected "{"
Line 240:26 Expected ":"
Line 241:17 Unexpected "{"
Line 241:26 Expected ":"
Line 242:17 Unexpected "{"
Line 242:26 Expected ":"
Line 243:17 Unexpected "{"
Line 243:26 Expected ":"
... and 2 more hidden warnings

**/
/*// =============================================================================
// 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.
//
// =============================================================================*/
/************ ① 先把外层白底清干净（仅商品页） ************/
.template-product #MainContent,
.template-product .page-content,
.template-product .halo-section,
.template-product .container,
.template-product .main-content {
  background: transparent !important;
}

/************ ② 给“产品模块卡片”上色（左右整块） ************/
/* 提高优先级，避免被主题后续规则盖回白色 */
.template-product #MainContent [id^="shopify-section-product"] .productView,
.template-product #MainContent [id^="shopify-section-product"] .halo-product-content,
.template-product #MainContent .shopify-section .productView,
.template-product #MainContent .shopify-section .halo-product-content,
.template-product #MainContent .productView,
.template-product #MainContent .halo-product-content {
  background: #F2EADC !important;   /* ← 你想要的区块底色 */
  border-radius: 14px;
  overflow: hidden;                  /* 裁掉内部小白边 */
  box-shadow: none !important;
}

/* 断点兜底：在移动端仍强制为区块色 */
@media (max-width: 1024px) {
  .template-product #MainContent [id^="shopify-section-product"] .productView,
  .template-product #MainContent [id^="shopify-section-product"] .halo-product-content,
  .template-product #MainContent .shopify-section .productView,
  .template-product #MainContent .shopify-section .halo-product-content,
  .template-product #MainContent .productView,
  .template-product #MainContent .halo-product-content {
    background: #F2EADC !important;
  }
}

/************ ③ 媒体区与缩略图分开处理 ************/
/* 大图区域：保留白底，产品图不会“飘在有色区块上” */
.template-product .productView-media,
.template-product .productView-gallery,
.template-product .swiper,
.template-product .swiper-slide {
  background: #ffffff !important;
}

/* 缩略图相关：改为透明（不再是白色条块） */
.template-product .productView-thumbnails,
.template-product .productView-thumbnails .thumbnails-wrapper,
.template-product .productView-thumbnails .thumbnail-list,
.template-product .productView-thumbnail,
.template-product .productView-thumbnail a,
.template-product .productView-thumbnail img,
.template-product .productView-thumbnails .swiper,
.template-product .productView-thumbnails .swiper-wrapper,
.template-product .productView-thumbnails .swiper-slide {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 高亮/选中状态（可微调） */
.template-product .productView-thumbnail.is-active,
.template-product .productView-thumbnail:hover {
  background: rgba(0,0,0,0.04) !important;
  outline: 2px solid rgba(0,0,0,0.06) !important;
  border-radius: 6px;
}

/* 确保媒体可见并按比例显示 */
.template-product .productView-media,
.template-product .productView-media * {
  opacity: 1 !important;
  visibility: visible !important;
  position: relative;
  z-index: 1;
}
.template-product .swiper-slide img,
.template-product .productView-media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain;
}

/************ ④ 卡片内距微调，避免看见缝 ************/
.template-product .productView,
.template-product .productView > .productView-left,
.template-product .productView > .productView-right {
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
}

/************ 仅系列页（Collection） ************/

/* ① 把外层白底清掉，免得出现“大白板” */
.template-collection #MainContent,
.template-collection .page-content,
.template-collection .halo-section,
.template-collection .container,
.template-collection .main-content {
  background: transparent !important;
}

/* ② 给系列列表“主体区块”上色（整块卡片容器） */
.template-collection #MainContent .shopify-section .collection,
.template-collection #MainContent .shopify-section .collection-page,
.template-collection #MainContent .shopify-section .collection-template,
.template-collection #MainContent .shopify-section .collection-content,
.template-collection #MainContent .shopify-section .collection-products,
.template-collection #MainContent .shopify-section .productGrid,
.template-collection #MainContent .collection,
.template-collection #MainContent .collection-page,
.template-collection #MainContent .collection-template,
.template-collection #MainContent .collection-content,
.template-collection #MainContent .collection-products,
.template-collection #MainContent .productGrid {
  background: #F2EADC !important;   /* ← 你的区块底色 */
  border-radius: 14px;
  overflow: hidden;                  /* 裁掉内部小白边 */
  box-shadow: none !important;
}

/* 断点兜底：移动端别被主题重新刷回白色 */
@media (max-width: 1024px) {
  .template-collection #MainContent .shopify-section .collection,
  .template-collection #MainContent .shopify-section .collection-page,
  .template-collection #MainContent .shopify-section .collection-template,
  .template-collection #MainContent .shopify-section .collection-content,
  .template-collection #MainContent .shopify-section .collection-products,
  .template-collection #MainContent .shopify-section .productGrid,
  .template-collection #MainContent .collection,
  .template-collection #MainContent .collection-page,
  .template-collection #MainContent .collection-template,
  .template-collection #MainContent .collection-content,
  .template-collection #MainContent .collection-products,
  .template-collection #MainContent .productGrid {
    background: #F2EADC !important;
  }
}

/* ③ 顶部条/工具条透明，不要把上色吃掉 */
.template-collection .collection-header,
.template-collection .collection-toolbar,
.template-collection .collectionToolbar,
.template-collection .collection-controls,
.template-collection .breadcrumb {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* ④ 单个商品卡片保持白底（视觉干净） */
.template-collection .product-card,
.template-collection .product-item,
.template-collection .card,
.template-collection .product-item__media,
.template-collection .product-media,
.template-collection .product-image,
.template-collection .product-item .card-media,
.template-collection .product-item .media,
.template-collection .product-item img {
  background: #ffffff !important;
}

/* ⑤ 列表/网格容器自身不再带白底 */
.template-collection .collection .grid,
.template-collection .productGrid,
.template-collection .product-list {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/************ 系列页商品卡片内部文字区域 ************/

/* 整个卡片本身（含图片+文字） */
.template-collection .product-card,
.template-collection .product-item,
.template-collection .grid__item,
.template-collection .card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 专门针对文字信息区（价格、标题） */
.template-collection .product-card .card__information,
.template-collection .product-item .card__information,
.template-collection .product-card .card-information,
.template-collection .product-item .card-information,
.template-collection .product-card .card__content,
.template-collection .product-item .card__content {
  background: transparent !important;   /* 如果想跟外层同色，可以写 #F2EADC */
  box-shadow: none !important;
  border: none !important;
}

/* 如果主题用了 .card-wrapper 包裹，也清掉 */
.template-collection .product-card .card-wrapper,
.template-collection .product-item .card-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* === 左側表單區塊：背景改成 F2EADC，輸入框保持白底 === */
#ContactSection-{{ section.id }} .contact-itemLeft {
  background: #F2EADC !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 14px;
  padding: 20px;
}

/* 保持輸入框、textarea 白底 */
#ContactSection-{{ section.id }} .contact-itemLeft input[type="text"],
#ContactSection-{{ section.id }} .contact-itemLeft input[type="email"],
#ContactSection-{{ section.id }} .contact-itemLeft input[type="tel"],
#ContactSection-{{ section.id }} .contact-itemLeft textarea,
#ContactSection-{{ section.id }} .contact-itemLeft select {
  background: #fff !important;
  border: 1px solid #d9cdbb !important;
  box-shadow: none !important;
}
/* 购物车主容器改色 */
.template-cart #MainContent .halo-page-content{
  background:#F2EADC !important;
  border-radius:14px;   /* 可选：圆角 */
  overflow:hidden;      /* 裁掉边角小白边 */
}

/* 防止内部块把背景又刷回白色 */
.template-cart #MainContent .halo-page-content .cart,
.template-cart #MainContent .halo-page-content .cart-content-wrapper,
.template-cart #MainContent .halo-page-content .cart-content-item,
.template-cart #MainContent .halo-page-content .cart-container{
  background:transparent !important;
  box-shadow:none !important;
}

/* 空购物车状态也统一底色 */
.template-cart .cart-content-empty{
  background:#F2EADC !important;
}