/** Shopify CDN: Minification failed

Line 45:15 Unexpected "{"
Line 45:24 Expected ":"
Line 45:31 Unexpected "{"

**/
/* ============================================================
   YATA-08 Fluid Responsive Scaling — clamp() system
   Breakpoint reference: 375px → 1440px → 2560px
   ============================================================ */

/* ── 1. Tab Feature Switcher ── */
.tab-feature-switcher {
  padding: clamp(24px, 3vw, 60px) 0 0;
}

.tfs-tab-bar {
  gap: clamp(8px, 1.2vw, 20px);
  margin-bottom: clamp(24px, 3vw, 56px);
  padding: 0 clamp(16px, 3vw, 40px);
}

.tfs-tab-btn {
  padding: clamp(8px, 0.9vw, 16px) clamp(16px, 2vw, 36px);
  font-size: clamp(11px, 0.9vw, 15px);
  border-width: clamp(1px, 0.12vw, 2px);
}

.tfs-text {
  padding: 0 clamp(16px, 3vw, 40px);
  margin-bottom: clamp(20px, 2.5vw, 48px);
}

.tfs-text h2 {
  font-size: clamp(22px, 2.8vw, 52px);
  margin-bottom: clamp(8px, 0.9vw, 18px);
}

.tfs-text p {
  font-size: clamp(13px, 1.1vw, 20px);
}

/* ── 2. Feature Tabs Slider ── */
#feature-tabs-{{ section.id }} { /* 注意：需替换为实际 section ID，见下方说明 */
  padding: clamp(24px, 3vw, 64px) clamp(16px, 3vw, 40px);
}

.fts-tabs {
  gap: clamp(6px, 0.9vw, 16px);
  margin-bottom: clamp(20px, 2.5vw, 48px);
}

.fts-tab-btn {
  padding: clamp(7px, 0.75vw, 14px) clamp(14px, 1.6vw, 28px);
  font-size: clamp(11px, 0.9vw, 15px);
}

.fts-slider-wrapper {
  max-width: clamp(480px, 66vw, 960px);
}

.fts-slide-title {
  font-size: clamp(20px, 2.5vw, 44px) !important;
  margin-bottom: clamp(8px, 0.9vw, 18px);
}

.fts-slide-desc {
  font-size: clamp(13px, 1.1vw, 20px) !important;
  max-width: clamp(320px, 48vw, 700px);
  margin-bottom: clamp(16px, 2vw, 36px);
}

.fts-slide img {
  max-height: clamp(260px, 36vw, 640px);
  border-radius: clamp(8px, 0.9vw, 16px);
}

.fts-arrow {
  width: clamp(36px, 3.5vw, 60px);
  height: clamp(36px, 3.5vw, 60px);
  font-size: clamp(1.4em, 1.8vw, 2.8em);
}

/* ── 3. Image Text Carousel ── */
.itc-wrapper {
  max-width: clamp(480px, 66vw, 960px);
  padding: clamp(24px, 3vw, 64px) clamp(16px, 2vw, 32px);
}

.itc-slide {
  gap: clamp(20px, 3vw, 56px);
}

.itc-title {
  font-size: clamp(18px, 2.2vw, 40px) !important;
  margin-bottom: clamp(10px, 1vw, 20px);
}

.itc-desc {
  font-size: clamp(13px, 1.1vw, 20px) !important;
}

.itc-image-wrap {
  width: clamp(160px, 45%, 480px);
  border-radius: clamp(6px, 0.7vw, 14px);
}

.itc-arrow {
  width: clamp(36px, 3.5vw, 60px);
  height: clamp(36px, 3.5vw, 60px);
  font-size: clamp(1.4em, 1.8vw, 2.8em);
}

/* ── 4. Custom Carousel ── */
.custom-carousel-wrapper {
  padding: clamp(24px, 3vw, 64px) 0;
}

.custom-carousel-track {
  height: clamp(240px, 30vw, 560px);
}

.custom-carousel-slide.active {
  width: clamp(280px, 55%, 760px);
  height: clamp(200px, 26vw, 480px);
  max-width: clamp(320px, 55vw, 760px);
}

.custom-carousel-slide.prev,
.custom-carousel-slide.next {
  width: clamp(120px, 30%, 380px);
  height: clamp(160px, 20vw, 360px);
  max-width: clamp(160px, 30vw, 380px);
}

.custom-carousel-btn {
  width: clamp(32px, 3.2vw, 56px);
  height: clamp(32px, 3.2vw, 56px);
}

.custom-carousel-btn svg {
  width: clamp(14px, 1.4vw, 24px);
  height: clamp(14px, 1.4vw, 24px);
}

.custom-carousel-dots {
  margin-top: clamp(12px, 1.5vw, 28px);
  gap: clamp(5px, 0.6vw, 10px);
}

/* ── 5. Product Tab Section ── */
.product-tab .tab-btn,
.product-tab [class*="tab-button"] {
  font-size: clamp(12px, 1vw, 17px);
  padding: clamp(8px, 0.8vw, 14px) clamp(14px, 1.5vw, 26px);
}

/* ── 6. Image Banner ── */
.image-banner img,
.image-banner .banner__media img {
  height: clamp(200px, 28vw, 520px);
  object-fit: cover;
}

/* ── 7. Featured Collection ── */
.featured-collection .card__heading,
.featured-collection .card-information__text {
  font-size: clamp(13px, 1.1vw, 18px);
}

/* ── 8. Global: Main Product Section ── */
.product__title,
.main-product .product__title {
  font-size: clamp(20px, 2.2vw, 40px);
}

.product__description,
.main-product .product__description {
  font-size: clamp(13px, 1.1vw, 18px);
}

.product__price,
.main-product .price {
  font-size: clamp(18px, 1.8vw, 32px);
}