/** Shopify CDN: Minification failed

Line 229:0 Unexpected "}"

**/
/* =======================================================
   Magnolia 极简产品卡片样式 (Minimal Card)
   ======================================================= */

.magnolia-minimal-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent !important; /* 强制透明背景 */
  border: none !important;            /* 强制无边框 */
  box-shadow: none !important;        /* 强制无阴影 */
  padding: 0 !important;              /* 移除卡片内边距，让图片完全撑满 */
}

.product__card__thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.product__card__image {
  display: block;
}

.product__card__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 优雅的放大过渡 */
}

/* 悬停时图片微微放大 */
.magnolia-minimal-card:hover .product__card__image img {
  transform: scale(1.04);
}

/* 悬停时第二张图片淡入 */
@media screen and (min-width: 992px) {
  .product__card__thumbnail:hover .media.media--hover-effect > img:first-child:not(:only-child) {
    opacity: 0;
  }
  .product__card__thumbnail:hover .media.media--hover-effect > img ~ img.secondary__img {
    opacity: 1;
    transform: scale(1.04);
  }
}

/* --- 卡片文字内容区 --- */
.product__card__content {
  padding-top: 15px; /* 极简风格下，文字紧贴图片 */
  display: flex;
  flex-direction: column;
  gap: 4px; /* 标题和价格极其紧凑 */
  flex-grow: 1;
}

.product__card__title {
  margin: 0;
  line-height: 1.3;
}

.product__card-title--link {
  text-decoration: none;
  color: #121212;
  font-size: 1.4rem;
  transition: color 0.2s ease;
}

.product__card-title--link:hover {
  color: #777777; /* 悬停时文字微微变灰，而不是生硬的亮色 */
}

/* --- 价格排版 --- */
.product__card__price {
  font-size: 1.4rem;
  font-weight: 400; /* 去掉粗体，显得更高级 */
  color: #555555;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.product__card__price .price__compare {
  text-decoration: line-through;
  color: #999999;
  font-size: 1.2rem;
}

.product__vendor {
  text-transform: uppercase;
  font-size: 1.1rem;
  letter-spacing: 1px;
  color: #888;
  margin-bottom: 4px;
}

/* --- 隐藏原本厚重的加购按钮，改为悬停呼出的优雅面板 --- */
.magnolia-quick-add-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 10;
}

.magnolia-minimal-card:hover .magnolia-quick-add-overlay {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.magnolia-quick-add-btn {
  width: 100%;
  border-radius: 0 !important; /* 强制直角按钮 */
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: #121212 !important;
  border: 1px solid transparent !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.magnolia-quick-add-btn:hover {
  background-color: #121212 !important;
  color: #ffffff !important;
}

/* --- 颜色 Swatches 微调 --- */
.product--color-swatch-wrapper {
  margin-top: 6px;
  display: flex;
  gap: 6px;
}

.product--color-swatch {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  padding: 2px;
  cursor: pointer;
}

.product--color-swatch.checked-color {
  border-color: #121212;
}

.variant--swatch-color {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
}

/* --- 徽章/折扣标签微调 --- */
.product__card__badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 8;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* 移动端特殊优化 */
@media screen and (max-width: 749px) {
  .product__card__title .product__card-title--link {
    font-size: 1.3rem; /* 移动端字号缩小 */
  }
  .product__card__price {
    font-size: 1.3rem;
  }
  
  /* 移动端直接显示加购按钮，不使用悬停效果 */
  .magnolia-quick-add-overlay {
    position: static;
    transform: none;
    opacity: 1;
    visibility: visible;
    padding: 10px 0 0 0;
  }
  .magnolia-quick-add-btn {
    background-color: #f4f4f4 !important;
    box-shadow: none;
  }
}/* =======================================================
   Magnolia 卡片内部图片轮播 (Carousel)
   ======================================================= */
.magnolia-card-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
}

.magnolia-carousel-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100%;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.magnolia-carousel-slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  position: relative;
}

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

/* 覆盖之前单图的放大动画，确保轮播不突兀 */
.magnolia-minimal-card:hover .magnolia-slide-img {
  transform: none !important; 
}

/* 轮播控制按钮 */
.magnolia-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid transparent;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 10;
  color: #121212;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.magnolia-carousel-btn.prev {
  left: 12px;
}

.magnolia-carousel-btn.next {
  right: 12px;
}

.magnolia-carousel-btn:hover {
  background: #121212;
  color: #fff;
  border-color: #121212;
  transform: translateY(-50%) scale(1.05);
}

/* 鼠标悬停卡片时，显示轮播箭头 */
.magnolia-card-carousel:hover .magnolia-carousel-btn {
  opacity: 1;
  visibility: visible;
}

/* 移动端强制隐藏箭头（手指滑动即可） */
@media screen and (max-width: 749px) {
  .magnolia-carousel-btn {
    display: none !important;
  }
}
/* --- 价格排版动态挂载 --- */
.magnolia-minimal-card .price-item--sale,
.magnolia-minimal-card .price__regular .price-item--regular {
  font-family: var(--p-sale-font, inherit) !important;
  font-weight: var(--p-sale-weight, 400) !important;
  font-size: var(--p-sale-size, 1.4rem) !important;
  color: var(--p-sale-color, #555555) !important;
}

.magnolia-minimal-card s.price-item--regular,
.magnolia-minimal-card .price__sale .price-item--regular {
  font-family: var(--p-reg-font, inherit) !important;
  font-weight: var(--p-reg-weight, 400) !important;
  font-size: var(--p-reg-size, 1.2rem) !important;
  color: var(--p-reg-color, #999999) !important;
  text-decoration: line-through;
}

/* --- Quick Add 动态挂载 --- */
.magnolia-quick-add-btn {
  font-family: var(--qa-font, 'Montserrat', sans-serif) !important;
  font-weight: var(--qa-weight, 500) !important;
  font-size: var(--qa-size, 1.2rem) !important;
  background-color: var(--qa-bg, rgba(255,255,255,0.95)) !important;
  color: var(--qa-text, #121212) !important;
  border-radius: 0 !important;
  border: 1px solid transparent !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.magnolia-quick-add-btn:hover {
  background-color: var(--qa-bg-hover, #121212) !important;
  color: var(--qa-text-hover, #ffffff) !important;
}

/* --- Carousel Button 动态挂载 --- */
.magnolia-carousel-btn {
  background-color: var(--c-btn-bg, rgba(255,255,255,0.85)) !important;
  color: var(--c-btn-icon, #121212) !important;
}

.magnolia-carousel-btn:hover {
  background-color: var(--c-btn-bg-hover, #121212) !important;
  color: var(--c-btn-icon-hover, #ffffff) !important;
  border-color: var(--c-btn-bg-hover, #121212) !important;
}