/** Shopify CDN: Minification failed

Line 172:15 Unexpected "{"
Line 172:24 Expected ":"
Line 176:15 Unexpected "{"
Line 176:24 Expected ":"
Line 182:15 Unexpected "{"
Line 182:24 Expected ":"
Line 187:15 Unexpected "{"
Line 187:24 Expected ":"
Line 192:15 Unexpected "{"
Line 192:24 Expected ":"

**/
@media screen and (max-width: 768px) {

  /* 禁止横向滚动 */
  html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* 铺满屏幕 */
  .shopify-section-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .shopify-section--divider {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* overflow 允许 peek 显示 */
  .gallery-wrap,
  .gallery-wrap .flickity-viewport,
  .product_gallery,
  .product_gallery .flickity-viewport {
    overflow: visible !important;
  }

  /* 每张图宽度 + 间距 */
  .product_gallery .gallery-cell {
    width: calc(100% - 32px) !important;
    margin-right: 12px !important;
  }

  /* 固定图片高度 */
  .product_gallery .gallery-cell .image__container {
    height: 420px !important;
    overflow: hidden !important;
  }

  .product_gallery .gallery-cell .image__container img.product-gallery__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* 隐藏箭头和缩略图 */
  .product_gallery .flickity-prev-next-button {
    display: none !important;
  }

  [data-product-gallery-thumbnails] {
    display: none !important;
  }

  /* 文字区域恢复内边距 */
  .product-main .product_section > *:not(.gallery-wrap) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 导航条居中 */
  .gallery-wrap + div {
    display: flex !important;
    justify-content: center !important;
    margin-top: 12px !important;
    margin-bottom: 8px !important;
    padding: 0 16px !important;
  }
    /* SALE badge 叠在图片左上角 */
  .gallery-wrap {
    position: relative !important;
  }

  .price-ui-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 10 !important;
  }
}
/* USP bar 增强 - 桌面端 + 移动端 */
.puffora-usp-bar {
  background-color: #EEF4F8 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin: 16px 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}

.puffora-usp-bar > div,
.puffora-usp-bar > * {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2C2C2C !important;
  letter-spacing: 0.02em !important;
}
/* 成分卡片强化 - 移动端 */
@media (max-width: 768px) {
  .puffora-ingredients__row {
    background-color: #EDF6FF !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
    border-top: none !important;
    border-bottom: none !important;
  }

  .puffora-ingredients__row:last-child {
    border-bottom: none !important;
  }

  .puffora-ingredients__name {
    font-size: 16px !important;
    margin-bottom: 4px !important;
  }

  .puffora-ingredients__desc {
    font-size: 13px !important;
  }

  .puffora-ingredients__content {
    padding: 28px 16px !important;
  }
}
/* Trust Badges 横向滑动 - 移动端 */
@media (max-width: 768px) {
  .puffora-trust__grid {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 0 24px 16px !important;
    margin: 0 -24px !important;
    scrollbar-width: none !important;
  }

  .puffora-trust__grid::-webkit-scrollbar {
    display: none !important;
  }

  .puffora-trust__card {
    flex: 0 0 72% !important;
    scroll-snap-align: start !important;
    min-width: 0 !important;
  }

  .puffora-trust {
    overflow: hidden !important;
  }
}
/* Use Cases 全宽沉浸式 - 移动端 */
@media (max-width: 480px) {
  .puffora-uc-{{ section.id }} .pu-container {
    padding: 0 !important;
  }

  .puffora-uc-{{ section.id }} .pu-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 !important;
  }

  .puffora-uc-{{ section.id }} .pu-card {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .puffora-uc-{{ section.id }} .pu-cover-img {
    height: 260px !important;
    border-radius: 0 !important;
  }

  .puffora-uc-{{ section.id }} .pu-card-body {
    padding: 16px 24px 24px !important;
  }
}