/** Shopify CDN: Minification failed

Line 158:2 Unexpected "{"
Line 158:3 Expected identifier but found "%"
Line 159:12 Unexpected "{"
Line 159:21 Expected ":"
Line 160:16 Expected identifier but found whitespace
Line 160:18 Unexpected "{"
Line 160:27 Expected ":"
Line 160:78 Expected ":"
Line 161:19 Expected identifier but found whitespace
Line 161:21 Unexpected "{"
... and 24 more hidden warnings

**/
/* =========================
   HEADER GLASS V2 (STABLE)
   不破坏 Dawn color system
========================= */

h5, .h5 {
  font-size: 1.8rem; 
}



.card__heading, .inline-richtext{
  text-align:center;
}
.price {
    text-align: center;
}

/* 产品卡片颜色块胶囊样式 */
.card--standard>.card__content .card__information {
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
}
.card__color-swatch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e5e5e5; 
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0.2rem 1rem;
  border-radius: 6px; 
  margin-bottom: 1rem; 
  cursor: pointer;
  transition: background 0.2s;
  text-decoration:none;
}

.card__color-swatch:hover {
  background-color: #d1d1d1;
}

/* 可选：如果你想显示具体的颜色圆点而不是文字，可以用下面的类 */
.card__color-dots {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
.card__color-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #ddd;
}

 /* ===== 半透明按钮 ===== */
/* Global Reusable Overlay Button Style */
.btn-overlay-style {
  display: inline-block;
  padding: 12px 30px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.8rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease;
  backdrop-filter: blur(2px);
}

.btn-overlay-style:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: #ffffff;
  color: #ffffff;
}

 /* ===== 添加标题对齐样式 ===== */
    @media screen and (min-width: 750px) {
    .background-none .multicolumn-card__image-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
    /* 居中对齐样式 */
    .multicolumn__title.text-center {
      text-align: center !important;
    }

    /* 确保标题内容容器也居中对齐 */
    .multicolumn__title.text-center .title-content {
      display: flex;
      flex-direction: column;
      align-items: center !important; /* 垂直居中 */
  justify-content: center !important; /* 水平居中 */
  width: 100%;
    }

    /* 左对齐样式 */
    .multicolumn__title.text-left {
      text-align: left !important;
    }

    .multicolumn__title.text-left .title-content {
      display: flex;
      flex-direction: column;
      align-items: flex-start !important; /* 顶部对齐 */
  justify-content: flex-start !important; /* 左侧对齐 */
  width: 100%;
    }

    /* 副标题样式 */
    .multicolumn__title .subtitle {
      margin-top: 0.5rem;
      font-size: 1.1rem;
      color: rgba(var(--color-foreground), 0.8);
    }

    /* 确保列项链接不影响原有对齐 */
    .multicolumn-card.block-link {
      display: block;
      text-decoration: none;
      color: inherit;
    }

    /* 确保链接内部的内容对齐与列项对齐一致 */
    .multicolumn-list__item.center .multicolumn-card__info {
      text-align: center;
    }

    .multicolumn-list__item.center a.multicolumn-card.block-link .multicolumn-card__info,
  .multicolumn-list__item.center .multicolumn-card .multicolumn-card__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; /* 确保Flex子项也居中 */
  }
  

  {%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

  /* 🔧 新增：修复标题居中问题 */
  #collection-{{ section.id }} .collection__title.text-center {
    text-align: center;
  }
  #collection-{{ section.id }} .collection__title.text-center .title-content {
    text-align: center;
    margin: 0 auto;
  }
  #collection-{{ section.id }} .collection__title.text-center .title,
  #collection-{{ section.id }} .collection__title.text-center .subtitle,
  #collection-{{ section.id }} .collection__title.text-center .collection__description {
    margin-left: auto;
    margin-right: auto;
  }
{%- endstyle -%}
 

/* 添加图片悬停效果 - 修复版 */

/* 1. 外层容器：控制裁剪与外部阴影 */
.multicolumn-card__image-wrapper .media {
  overflow: hidden !important;
  position: relative !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.4s ease, transform 0.4s ease;
  background-color: #ffffff;
}
.multicolumn-card__image-wrapper:hover .media {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);
}

.multicolumn-card__image-wrapper .media img.multicolumn-card__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  position: absolute !important; /* 保持 Shopify 默认绝对定位，防止高度异常 */
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important; /* 清除默认外边距，消除偏移根源 */
  display: block !important;
  transform-origin: center center !important; /* 强制从几何中心缩放 */
  transform: scale(1) !important; /* 明确初始状态，覆盖主题默认微调 */
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* ⚠️ 关键：已移除 translateZ(0) 和 will-change，它们常导致 1px 渲染偏移 */
}
.multicolumn-card__image-wrapper:hover .media img.multicolumn-card__image {
  transform: scale(1.1) !important; /* 悬停放大 */
}

/* 3. 内部高级暗角阴影 */
.multicolumn-card__image-wrapper .media::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background: radial-gradient(circle at center, rgba(0,0,0,0) 35%, rgba(0,0,0,0.2) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  border-radius: inherit;
}
.multicolumn-card__image-wrapper:hover .media::after {
  opacity: 1;
}

/* 4. 圆形图片兼容（后台若选圆形则自动适配） */
.multicolumn-card__image-wrapper .media--circle {
  border-radius: 50% !important;
}
.multicolumn-card__image-wrapper .media--circle img.multicolumn-card__image {
  border-radius: 50% !important;
}

/* 首页3视频 */
.csg-section {
    position: relative;
    overflow: hidden;
  }
  .csg-header {
    margin-bottom: 2rem;
  }
  .csg-header.text-left { text-align: left; }
  .csg-header.text-center { text-align: center; }

  .csg-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--csg-gap, 16px);
    width: calc(100% + var(--csg-gap, 16px));
    margin: 0 calc(-1 * var(--csg-gap, 16px) / 2);
  }
  .csg-item {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 620px;
    border-radius: var(--card-corner-radius, 0px);
    background-color: rgba(var(--color-foreground), 0.04);
    flex: 0 0 calc(var(--csg-d-width, 100%) - var(--csg-gap, 16px));
    max-width: calc(var(--csg-d-width, 100%) - var(--csg-gap, 16px));
    box-sizing: border-box;
    padding: 0 calc(var(--csg-gap, 16px) / 2);
  }
  .csg-heading.inline-richtext{
    margin-bottom:1rem;
  }
  .csg-media {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .csg-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .csg-media video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0);
    }
  .csg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
  }
 .csg-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    /* 初始状态：轻微遮罩（可选，如果不想要初始遮罩可以改为 rgba(0,0,0,0)） */
    background: rgba(0, 0, 0, 0.2);
    transition: background 0.4s ease;
  }

  /* hover 时整体变暗 */
  .csg-item:hover .csg-overlay {
    background: rgba(0, 0, 0, 0.5); /* 加深遮罩 */
  }

/* hover 内部压暗 + 内阴影 */
.csg-item {
  transition: transform 0.4s ease;
  cursor: pointer;
}

.csg-item:hover {
  transform: translateY(-2px);
}

.csg-media img,
.csg-video {
  transition:
    transform 0.7s ease;
}

.csg-item:hover .csg-media img,
.csg-item:hover .csg-video {
  transform: scale(1.05);
}
  .csg-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1.5rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /* 垂直定位 */
    justify-content: var(--csg-v-align, center);
    /* 🔧 水平定位：通过 align-items 控制 */
    align-items: var(--csg-h-align, center);
    /* 文字对齐 */
    text-align: var(--csg-text-align, center);
  }
  /* 🔧 修复：只让按钮宽度自适应，标题和副标题保持 100% */
  .csg-content .csg-title,
  .csg-content .csg-subtext {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: inherit;
    color:#fff;
  }
  .csg-content .csg-btn.button {
    width: auto !important;
    max-width: 100%;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 44px;
    padding: 12px 24px !important;
    line-height: 1.4;
    font-size:1.2rem;
    text-align: center;
    /* 🔧 关键：按钮跟随父容器的 align-items 定位 */
    align-self: var(--csg-h-align, center);
  }
  .csg-btn.button::after {
    display: none !important;
  }
  .csg-title {
    margin: 0;
    font-family: var(--font-heading-family);
    line-height: 1.2;
    font-size:3.5rem;
  }
  .csg-subtext {
    margin: 0;
    opacity: 0.9;
    font-size:1.8rem;
    font-family: var(--font-heading-family);
  }

  @media screen and (max-width: 749px) {
    .card--standard>.card__content .card__information {
    padding-top: 10px;
}
    .csg-item {
      flex: 0 0 calc(var(--csg-m-width, 100%) - var(--csg-gap, 16px));
      max-width: calc(var(--csg-m-width, 100%) - var(--csg-gap, 16px));
    }
    .csg-content {
      padding: 1rem;
    }
    .csg-grid {
    margin: 0 auto;
}
  }

  .cart-notification{
    z-index:999;
    margin-top:100px;
    background: #F8F6F3;
    border: 1px solid #9A9997
  }
  .cart-notification .cart-notification__heading, 
  .cart-notification .product-option,
  .cart-notification .link.button-label{
    color:#333;
  }
  .cart-notification .cart-notification-product__name {
    color: #333;
    font-size: 1.8rem;
}
.cart-notification__heading .icon-checkmark {
    color: #333;
}