/** Shopify CDN: Minification failed

Line 8:0 Unexpected "{"
Line 8:1 Unexpected "{"
Line 8:3 Expected identifier but found "'ingredient-slider.css'"

**/
{{ 'ingredient-slider.css' | asset_url | stylesheet_tag }}

/* ── 以下内容放入 ingredient-slider.css ── */

.ingredient-section {
  padding: 48px 20px;
  text-align: center;
}
.ingredient-title {
  font-size: clamp(18px, 4vw, 26px);
  font-weight: 700;
  margin-bottom: 32px;
}

/* 滑动容器：隐藏溢出，允许横向滚动 */
.ingredient-track-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;       /* Firefox */
  padding-bottom: 8px;
}
.ingredient-track-wrapper::-webkit-scrollbar {
  display: none;               /* Chrome / Safari */
}

/* 卡片横排，不换行 */
.ingredient-track {
  display: flex;
  gap: 16px;
  width: max-content;          /* 撑开父容器 */
  padding: 4px 4px 4px 4px;
}

/* 单张卡片 */
.ingredient-card {
  width: 220px;
  flex-shrink: 0;
  border: 1.5px dashed #ccc;
  border-radius: 12px;
  padding: 24px 20px 20px;
  text-align: left;
  background: #fff;
}

.ingredient-img-wrap {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 16px;
}
.ingredient-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ingredient-name {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.ingredient-desc {
  font-size: 13px;
  line-height: 1.6;
  color: #555;
  margin: 0 0 14px;
}

/* 徽章 */
.ingredient-badge {
  display: inline-block;
  background: #4db6e8;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 20px;
}

/* 桌面端：超过 4 张仍可横滑；4 张以内自动撑满 */
@media (min-width: 900px) {
  .ingredient-track {
    width: auto;
    flex-wrap: nowrap;
  }
  .ingredient-card {
    flex: 1 1 0;
    width: auto;
    min-width: 180px;
  }
}