/** Shopify CDN: Minification failed

Line 53:23 Unexpected "{"
Line 53:32 Expected ":"

**/
/* 让快速搜索弹窗整体背景虚化+圆角 */
.halo-popup.halo-search-popup {
  background: rgba(40,50,60,0.17);
  backdrop-filter: blur(16px) saturate(125%);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  border-radius: 18px;
}

/* 让快速搜索内容区也有圆角 */
.quickSearchResultsWrap,
.quickSearchResults,
.quickSearchResults .container {
  border-radius: 18px !important;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 4px 32px 0 rgba(60,100,110,.08);
}

/* 联想/推荐商品/关键词tag圆角 */
.quickSearchResults .trending-products,
.quickSearchResults .predictive-search-results {
  border-radius: 14px;
  background: #f7f7fa;
  padding: 12px 0;
}
.quickSearchResults .search-suggestion {
  border-radius: 10px;
}
.about-hero-container {
  position: relative;
  overflow: hidden;
  min-height: 90vh;
}
.about-hero-bg {
  position: absolute !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: -1 !important;
  background: radial-gradient(circle at center, rgba(222,255,241,1), rgba(178,255,229,0.6), rgba(137,240,211,0.3)) !important;
  animation: pulse-scale 12s ease-in-out infinite !important;
}
@keyframes pulse-scale {
  0%,100% { transform: scale(1.05); opacity: 0.95; }
  50%    { transform: scale(1.15); opacity: 1; }
}
#VideoCarouselSection-{{ section.id }} .video-section__media {
  border-radius: 32px !important;
}
/* 阅读枕的商详页css */
.rmy-2in1B .icon-card svg,
.rmy-2in1B .icon-card img {
  width: 96px !important;   /* 想更大就调 120 / 144 */
  height: 96px !important;
  display: block !important;
  margin: 0 auto !important; /* 居中 */
}

/* 若父容器把格子挤小，这里放开宽度约束 */
.rmy-2in1B-icons {
  grid-template-columns: repeat(3, minmax(120px, 1fr)) !important; /* 每格至少 120px */
}
.rmy-2in1B .icon-card {
  padding: 16px !important;  /* 给大图标一点内边距 */
}
.icon .icon-text {
  color: #fff !important;
}
.certipur-logo {
  max-width: 120px !important;  /* 控制宽度，按需修改，比如 60px/100px */
  margin-top: 6px;  /* 和文字之间的间距 */
  display: block;
}
/* 姿势对比图 */
.rmy-2in1B{
  --posture-good:#f7fffb;
  --posture-bad:#fff5f5;
}
.rmy-2in1B .posture .card--good{ background: linear-gradient(180deg,#fff,var(--posture-good)); }
.rmy-2in1B .posture .card--bad{  background: linear-gradient(180deg,#fff,var(--posture-bad));  }
@media (max-width: 768px){
  .rmy-2in1B .posture .cards{
    grid-template-columns: 1fr !important;   /* 单列堆叠 */
    gap: 14px !important;
  }
  /* 明确三者的顺序 */
  .rmy-2in1B .posture .card--good{ order: 1 !important; }
  .rmy-2in1B .posture .vs-wrap{ 
    order: 2 !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    margin: 0 auto 6px !important;        /* 让 VS 居中并与卡片间距适中 */
  }
  .rmy-2in1B .posture .card--bad{ order: 3 !important; }

  /* VS 徽章在手机上稍微小一点，可按需调大/调小 */
  .rmy-2in1B .posture .vs-badge{
    width: 72px !important; 
    height: 72px !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.12), 0 0 0 5px #fff !important;
  }

  /* 卡片内图片在手机端的宽度（可按需调整） */
  .rmy-2in1B .posture .posture-img{
    width: 78% !important; 
    max-width: 300px !important;
    margin: 0 auto !important;
  }
}
/* ===== COMPARE 移动端补丁：左右并排 + 中间 chip 居中 ===== */
@media (max-width: 768px){

  /* 背景：保持左右淡拼色；腾出顶部空间给两个标签 */
  .rmy-2in1B .cmp-wrap{
    position: relative !important;
    overflow: visible !important; /* 防止内容被圆角裁切 */
    background: linear-gradient(90deg, #edf2f7 0 50%, #e8f6f4 50% 100%) !important;
    padding: 56px 12px 14px !important;   /* top 留给 OTHER/OUR 标签 */
    border-radius: 20px !important;
  }

  /* 顶部标签：绝对定位到左右两侧，去掉 float */
  .rmy-2in1B .cmp-label.left,
  .rmy-2in1B .cmp-label.right{
    position: absolute !important;
    top: 12px !important;
    margin: 0 !important;
    float: none !important;
    z-index: 2 !important;
  }
  .rmy-2in1B .cmp-label.left{ left: 12px !important; }
  .rmy-2in1B .cmp-label.right{ right: 12px !important; }

  /* 关键：三列网格（左|中|右），每 3 个为一组 */
  .rmy-2in1B .cmp-grid{
    display: grid !important;
    grid-template-columns: 1fr minmax(84px,120px) 1fr !important; /* 中间列定宽范围 */
    gap: 12px 10px !important;
    align-items: center !important;
    margin-top: 0 !important;
  }

  /* 清理历史 order/flex/宽度的影响 */
  .rmy-2in1B .cmp-grid > *{
    order: initial !important;
    flex: initial !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* 栅格放位：1=左列(OTHER), 2=中列(chip), 3=右列(OUR) */
  .rmy-2in1B .cmp-grid > :nth-child(3n+1){
    grid-column: 1 !important;
    justify-self: stretch !important;      /* 占满左列 */
    text-align: left !important;           /* 文案靠左 */
  }
  .rmy-2in1B .cmp-grid > :nth-child(3n+2){
    grid-column: 2 !important;
    justify-self: center !important;       /* chip 居中 */
    align-self: center !important;
    max-width: 160px !important;
  }
  .rmy-2in1B .cmp-grid > :nth-child(3n){
    grid-column: 3 !important;
    justify-self: stretch !important;      /* 占满右列 */
    text-align: right !important;          /* 文案靠右 */
  }

  /* 视觉样式 */
  .rmy-2in1B .cmp-cell{
    background: #fff !important;
    padding: 12px 12px !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.05) !important;
    font-weight: 700 !important;
    word-break: break-word !important;
  }
  .rmy-2in1B .cmp-cell.right{
    box-shadow: 0 3px 10px rgba(0,0,0,.06) !important;
    color: #0f172a !important;
  }
  .rmy-2in1B .cmp-chip{
    border: 1px solid #e5eef1 !important;
    background: #fff !important;
    border-radius: 999px !important;
    padding: 7px 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
}