/* ----- 完全隔离的组件样式，适配全局 html { font-size: 62.5%; } 的基准 ----- */
  /* 使用 .altus-pure-wrap 作为根容器，内部所有字号使用 px 或放大后的 rem，避免受外部 62.5% 影响过小 */
  .altus-pure-wrap * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
  }

  .altus-pure-wrap {
      max-width: 1280px;
      margin: 0 auto;
      background: #ffffff;
      /* 关键：重置 font-size 为浏览器默认基准（16px），防止外部 62.5% 导致全局 rem 过小 */
      font-size: 16px;
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
      color: #1a1e2b;
      line-height: 1.45;
      padding: 1.5rem 1.25rem;
  }

  /* 双列布局 + 手机自适应 */
  .altus-product-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      margin-bottom: 2rem;
  }

  .altus-media-col {
      flex: 1.2;
      min-width: 260px;
  }

  .altus-info-col {
      flex: 1;
      min-width: 260px;
  }

  /* 媒体区域 — 主图支持点击放大 (全屏手势缩放) */
  .altus-main-img {
      background: #f9fafc;
      border-radius: 24px;
      overflow: hidden;
      text-align: center;
      border: 1px solid #eef2f6;
      margin-bottom: 1rem;
      cursor: pointer;
      position: relative;
  }

  .altus-main-img img {
      width: 100%;
      max-width: 560px;
      height: auto;
      display: block;
      margin: 0 auto;
      object-fit: contain;
      pointer-events: none;
  }

  /* 缩略图区域 */
  .altus-thumb-list {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 12px;
  }

  .altus-thumb {
      width: 70px;
      height: 70px;
      border-radius: 14px;
      border: 1px solid #e2e8f0;
      overflow: hidden;
      cursor: pointer;
      transition: 0.2s;
      background: #fff;
  }

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

  .altus-thumb:hover {
      border-color: #000;
      transform: scale(0.97);
  }

  /* 右侧信息: 无评分星星/无数量控件/无普通加购按钮 */
  .altus-brand {
      font-size: 13px;
      /* 适应 16px 基准 */
      text-transform: uppercase;
      letter-spacing: 1.2px;
      color: #5c6f87;
      margin-bottom: 8px;
  }

  .altus-title {
      font-size: 30px;
      /* 原 1.9rem → 在16px基准下约30px，清晰醒目 */
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 12px;
      color: #0a2540;
  }

  .altus-price-wrap {
      margin: 1rem 0 1rem 0;
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      gap: 10px;
  }

  .altus-sale-price {
      font-size: 32px;
      /* 原2rem → 32px */
      font-weight: 800;
      color: #b12704;
  }

  .altus-compare-price {
      font-size: 18px;
      /* 原1.2rem → 约19px，略调为18 */
      color: #6c757d;
      text-decoration: line-through;
  }

  .altus-badge {
      background: #dc2626;
      color: white;
      font-size: 12px;
      font-weight: 600;
      padding: 4px 12px;
      border-radius: 30px;
      display: inline-block;
  }

  .altus-tax-note {
      font-size: 12px;
      color: #4b5565;
      margin-top: 6px;
  }

  .altus-shop-btn-wrapper {
      margin: 1.5rem 0 1rem 0;
  }

  .altus-buy-shop {
      background: #000000;
      color: white;
      border: none;
      width: 100%;
      max-width: 280px;
      padding: 14px 20px;
      font-size: 16px;
      font-weight: 600;
      border-radius: 48px;
      cursor: pointer;
      transition: 0.2s;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-family: inherit;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }

  .altus-buy-shop:hover {
      background: #2c2c2c;
      transform: translateY(-1px);
  }

  /* Product description 区块 */
  .altus-desc-section {
      margin-top: 1rem;
      border-top: 1px solid #eef2f8;
      padding-top: 1.2rem;
  }

  .altus-desc-title {
      font-size: 26px;
      font-weight: 600;
      margin-bottom: 1rem;
      letter-spacing: -0.2px;
  }

  .altus-desc-content {
      font-size: 16px;
      line-height: 1.55;
      color: #2d3a4b;
  }

  .altus-desc-content p {
      margin-bottom: 0.9rem;
  }

  .altus-desc-content ul,
  .altus-desc-content li {
      margin-left: 1.2rem;
      margin-bottom: 0.3rem;
  }

  /* 图片全屏模态框 (手机端手势缩放 + 双指缩放) */
  .altus-image-modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.92);
      z-index: 9999;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      backdrop-filter: blur(2px);
      touch-action: pinch-zoom pan-y;
  }

  .altus-modal-inner {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      position: relative;
      touch-action: pinch-zoom pan-y pan-x;
  }

  .altus-modal-img {
      max-width: 90vw;
      max-height: 85vh;
      width: auto;
      height: auto;
      object-fit: contain;
      transition: transform 0.05s linear;
      cursor: zoom-out;
      transform-origin: center center;
      will-change: transform;
      touch-action: pinch-zoom pan-y pan-x;
  }

  .altus-modal-close {
      position: absolute;
      top: 20px;
      right: 24px;
      background: rgba(30, 30, 40, 0.75);
      backdrop-filter: blur(8px);
      border-radius: 40px;
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      font-weight: 300;
      color: white;
      cursor: pointer;
      border: none;
      z-index: 10001;
      font-family: monospace;
      line-height: 1;
  }

  .altus-modal-close:hover {
      background: rgba(0, 0, 0, 0.8);
  }

  /* 手机端优化 */
  @media (max-width: 700px) {
      .altus-pure-wrap {
          padding: 1rem;
          font-size: 14px;
          /* 手机稍微紧凑但依然基于独立基准 */
      }

      .altus-product-grid {
          gap: 1.2rem;
      }

      .altus-title {
          font-size: 26px;
      }

      .altus-sale-price {
          font-size: 28px;
      }

      .altus-compare-price {
          font-size: 16px;
      }

      .altus-thumb {
          width: 58px;
          height: 58px;
      }

      .altus-buy-shop {
          max-width: 100%;
          padding: 12px 16px;
      }

      .altus-desc-title {
          font-size: 22px;
      }

      .altus-modal-close {
          top: 16px;
          right: 18px;
          width: 40px;
          height: 40px;
          font-size: 26px;
      }
  }

  /* 隐藏所有可能残留的评分/购物车数量 (保险) */
  .jdgm-star,
  .pure-stars,
  .pure-rating,
  .pure-quantity,
  .pure-add-to-cart,
  .pure-cart-area,
  .quantity-selector,
  .product-form__submit,
  .shopify-payment-button,
  .share-button {
      display: none !important;
  }