/** Shopify CDN: Minification failed

Line 258:1 Expected "}" to go with "{"

**/
/* ==========================================================================
   NEWSTAR FRAME BRANDING (v6.7.35, 2026-07-26 00:32)
   ==========================================================================
   思路：保留页面内容白色不动，只在外框添加 Newstar 棕色
   让 collection / product / cart / pages 等所有页面都有 Newstar 品牌感
   不与 Venture 内容冲突、不占内容空间、5 分钟部署

   v6.7.24 历史：mobile collection 标题 32px → 24px
   v6.7.25 历史：mobile collection 标题 24px → 20px（用户"再缩到 20px"）
   v6.7.26 历史：mobile logo 限制 max-width 160px（用户"被拉伸了"）
   v6.7.27-30 历史：尝试修产品图被切问题，4 次迭代全部 regression（产品图消失）
   v6.7.31 历史：ROLLBACK 到 v6.7.26（最后确认工作的状态）
   v6.7.32-33 历史：footer chip 修复尝试 2 次都失败，放弃
   v6.7.34 历史：ROLLBACK footer 那两段（之前 selector 写错了没效果）
   v6.7.35 历史：用对 selector 重做 footer chip 修复（.ns-footer 不是 .site-footer）
   v6.7.27 历史：mobile 产品图 cover → contain（用户"全部给截了"，但仍被切）
   v6.7.28 历史：mobile 容器 1:1 → 4:5 portrait（用户"没有改善"）
   v6.7.29 历史：mobile 容器 4:5 → 3:4（但 wrapper position 改坏 → 图消失 regression）
   v6.7.30 历史：终极修复 — wrapper position 改回 absolute + 显式 fill container

   v6.7.23 用户反馈"上面有两条线 手机版可以缩成一条线不要那么粗吗"：
   - 移动版（<750px）section title 上方有 3 条线叠在一起：
     * 搜索框 2px 边框（border: 2px solid #6c4646，inline style）
     * .site-header__upper 1px 底边（v6.7.19 写的）
     * .site-header 1px 底边（v6.7.22 写的）
   - 移动版 .nav-bar 是 display: none（small--hide），所以 .site-header__upper
     和 .site-header 底边重叠在一起，但搜索框 2px 边在最上面 → 视觉 3-4px 厚
   - 桌面版没问题（menu 可见，2 条品牌线被 menu 内容隔开）
   - 改法（只对 mobile）：
     1) 砍掉 .site-header 和 .site-header__upper 两条 1px 品牌线
     2) 搜索框 2px 边框改 1px，让搜索框成为唯一的一条线
     3) 搜索框颜色保留 #6c4646（用户的招牌色，跟品牌 #5a3d24 略有色差但搜索框是 UI 元素不是 brand line）

   v6.7.22 历史：移动端 header border 2px → 1px + 砍 box-shadow
   v6.7.21 历史：collection 页 main-content margin-top 150px → 0
   v6.7.20 历史：featured-collections section margin-top 125px → 30px
   v6.7.19 历史：MENU 上方线 2px → 1px（用户反馈"线太粗"）
   v6.7.18 历史：WhatsApp 圆圈底色微调
   v6.7.17 历史：WhatsApp logo svg fill 改色
   v6.7.16 历史：WhatsApp 文字颜色 → 与 START CHAT 一致
   v6.7.15 历史：找到真正 selector（.nav-bar / .site-header__upper）

   颜色：
   --ns-logo = #5a3d24（暖棕，跟 logo 同色）
   --ns-text = #3d2817（深棕，主品牌色）
   --ns-border-deep = #b8a17f（深米）
   ========================================================================== */

/* 1. 顶部 brand bar（fixed，滚动时也可见） */
body::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: #5a3d24 !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* 2. 左右细边 */
body {
  border-left: 2px solid #b8a17f !important;
  border-right: 2px solid #b8a17f !important;
  min-height: 100vh !important;
}

/* ==========================================================================
   3a. Logo 行 ↔ Menu 行分隔线
       v6.7.19：2px → 1px（用户反馈线太粗）
       v6.7.15：精准 selector（.site-header__upper）
   ========================================================================== */
.site-header__upper,
.header-bar,
.site-header__bar,
.site-header__top,
.site-header__top-bar,
.header__top,
.header-top,
.header__upper,
.site-header > div:first-child,
.site-header > div:first-of-type {
  border-bottom: 1px solid #5a3d24 !important;
}

/* ==========================================================================
   3b. Menu 行 ↔ 内容区分隔线
       v6.7.19：2px → 1px
       v6.7.15：核心修复 — .nav-bar 是真凶
   ========================================================================== */
.nav-bar,
.site-nav,
.site-header__nav,
.site-navigation,
.site-header__nav-wrapper,
.main-nav,
.header__bottom,
.header-bottom,
.site-header__bottom,
header > div:last-child,
.site-header > div:last-of-type {
  border-top: 1px solid #5a3d24 !important;
}

/* ==========================================================================
   3c. Header 外层底边
       v6.7.22：2px → 1px（用户反馈手机版太粗）
       移动端还有 box-shadow 叠加 → 视觉 3-4px，需要在 section 7 砍 box-shadow
   ========================================================================== */
.site-header,
.header-wrapper,
header.site-header,
header,
[role="banner"] {
  border-bottom: 1px solid #5a3d24 !important;
}

/* ==========================================================================
   4. footer 顶部边
   ========================================================================== */
.site-footer,
footer.site-footer,
.footer-wrapper {
  border-top: 3px solid #3d2817 !important;
}

/* ==========================================================================
   5. v6.7.20 — featured-collections section margin-top 125px → 30px
      桌面 collection 页（如 /collections/office-chair）有 featured-collections section
      旧值 125px 让 section 离 menu 太远
   ========================================================================== */
#shopify-section-featured-collections {
  margin-top: 30px !important;
}

/* ==========================================================================
   6. v6.7.21 NEW — 完全去掉 collection 页 main-content 顶部留白
      影响页面：所有 /collections/* 页面
      根因（4 条 CSS 叠加）：
        .main-content { margin-top: 60px }                          ← 父容器
        .template-collection .main-content { margin-top: 150px }   ← collection 专属
        .page-width { padding: .5% 3% 0 }                           ← 顶部 0.5% 内边距
        body { background-color: #fefbf4 }                          ← cream 底色
      改法：
        桌面 (>=750px) .template-collection .main-content margin-top: 0
        移动 (<750px) 保持 150px（避开 fixed mobile header）
        .page-width padding-top: 0（去掉内边距，所有页面）
   ========================================================================== */
@media (min-width: 750px) {
  .template-collection .main-content {
    margin-top: 0 !important;
  }
}
.page-width {
  padding-top: 0 !important;
}

/* ==========================================================================
   7. v6.7.22 — 砍掉移动端 header box-shadow（避免和 1px border 叠加变粗）
      根因：theme.scss.css 移动端默认有
        @media (max-width: 749px) {
          header.site-header.page-element.is-moved-by-drawer {
            box-shadow: 1px 1px 2px #c2c2c2;
          }
        }
      这条 box-shadow 1px 1px 2px 视觉上 ~3-4px，跟 1px border 叠加变粗
      改法：移动端 box-shadow: none
   ========================================================================== */
@media (max-width: 749px) {
  header.site-header.page-element.is-moved-by-drawer {
    box-shadow: none !important;
  }
}

/* ==========================================================================
   8. v6.7.23 NEW — 移动端把 header 底部 3 条线合并成 1 条
      根因：3 条线在 mobile 叠在一起（视觉 3-4px 厚）
        * 搜索框 2px 边框（inline style: border: 2px solid #6c4646）
        * .site-header__upper 1px 底边（v6.7.19）
        * .site-header 1px 底边（v6.7.22）
      移动 .nav-bar 是 display: none（small--hide），两条品牌线重叠
      改法（只对 mobile）：
        1) .site-header border-bottom: none（去掉最外层 1px 线）
        2) .site-header__upper border-bottom: none（去掉内层 1px 线）
        3) form.search border-width: 1px（搜索框 2px → 1px，作为唯一一条线）
      结果：mobile 只有搜索框 1px 边框作为底部装饰线
   ========================================================================== */
@media (max-width: 749px) {
  .site-header {
    border-bottom: none !important;
  }
  .site-header__upper {
    border-bottom: none !important;
  }
  form.search[action="/search"] {
    border-width: 1px !important;
  }
}

/* ==========================================================================
   9. v6.7.25 NEW — mobile 端 collection 标题字号缩到 20px
      根因：v6.7.24 改成 24px 后用户还嫌大
      改法（只对 mobile）：.section-header__title font-size: 20px
        * 这是 B2B 移动端合理的最小值（再小会失去 hierarchy）
        * 如果还要更小，18px 是绝对底线（再下就接近 body text 16px 失去标题感）
        * 不动 desktop（32px 桌面够用）
        * 不动 product 页 H1
        * 不动 about us 页 H1
        * 只动 collection 标题（"New Ergonomic Chair" / "Office Chair..." 等）
   ========================================================================== */
@media (max-width: 749px) {
  .section-header__title {
    font-size: 20px !important;
  }
}

/* ==========================================================================
   10. v6.7.26 NEW — mobile 端 logo 限制最大宽度（之前被横向拉伸）
      根因：Venture 默认 logo 容器 width 100% / max-width 100%
        mobile 上 container 给的宽度太大（menu 按钮 + 搜索 + 购物车之间）
        logo img 被拉宽到 ~280px+，显得又扁又胖
      改法（只对 mobile）：
        1) 限制 logo img/svg 最大宽度 160px（保持比例，不变形）
        2) 容器也限制 max-width: 160px
        3) height: auto 防止同时被拉高
        4) 多个常见 selector 兼容（Venture theme variations）
        5) 不动 desktop（logo 应该占满 desktop 空间）
   ========================================================================== */
@media (max-width: 749px) {
  .site-header__logo,
  .site-header__logo img,
  .site-header__logo svg,
  .header__logo,
  .header__logo img,
  .header-bar__logo,
  .header-bar__logo img,
  [class*="logo"] img,
  [class*="logo"] svg {
    max-width: 160px !important;
    width: auto !important;
    height: auto !important;
  }/* ==========================================================================
   11. v6.7.36 v3 — footer 付款标签可见度修复（精确命中版）
       根因：.pay span 背景 rgba(254,251,244,0.1) 几乎透明
       文字 rgb(61,40,23) 深棕，在深棕 footer 上隐形
   ========================================================================== */
.ns-footer-payments .pay {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}