/* Taal13A shop page styles */
/* =====================================================
   SHOP PAGE VISUAL FINAL — based on clean bookstore mockup
   只控制书店页视觉，不影响付款和商品逻辑
===================================================== */

#pg-shop{
  background:#FAFAF8 !important;
  color:#111 !important;
}

/* 顶部标题区 */
#pg-shop .shop-page-hero{
  background:#FAFAF8 !important;
  padding:72px 32px 34px !important;
  border-bottom:none !important;
}

#pg-shop .shop-page-inner{
  max-width:1180px !important;
  margin:0 auto !important;
}

#pg-shop .shop-page-hero h1{
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:46px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.06em !important;
  color:#111 !important;
  margin:0 0 18px !important;
}

#pg-shop .shop-page-hero p{
  font-size:17px !important;
  line-height:1.8 !important;
  color:#333 !important;
  font-weight:650 !important;
  max-width:520px !important;
  margin:0 !important;
}

/* 内容区 */
#pg-shop .shop-page-content{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 32px 56px !important;
}

/* 顶部筛选和排序 */
#pg-shop .shop-top-row{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:end !important;
  gap:28px !important;
  margin:0 0 30px !important;
}

#pg-shop .shop-filter-desktop{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(150px, 1fr)) auto !important;
  gap:18px !important;
  align-items:center !important;
}

#pg-shop .shop-filter-desktop select,
#pg-shop .shop-sort-select{
  height:48px !important;
  border:1px solid #D8D8D5 !important;
  background:#FAFAF8 !important;
  color:#222 !important;
  border-radius:4px !important;
  padding:0 16px !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:750 !important;
  outline:none !important;
  box-shadow:none !important;
}

#pg-shop .shop-filter-desktop select:focus,
#pg-shop .shop-sort-select:focus{
  border-color:#111 !important;
  background:#fff !important;
}

#pg-shop .shop-reset-text{
  border:none !important;
  background:transparent !important;
  color:#666 !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  padding:0 6px !important;
  white-space:nowrap !important;
}

#pg-shop .shop-reset-text:hover{
  color:#111 !important;
  text-decoration:underline !important;
}

#pg-shop .shop-count-sort{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  color:#666 !important;
  font-size:13px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}

#pg-shop .shop-count-sort label{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  color:#666 !important;
  font-size:13px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#pg-shop .shop-count-sort .shop-sort-select{
  width:auto !important;
  min-width:118px !important;
  height:42px !important;
  background:#fff !important;
}

/* 商品网格 */
#pg-shop .shop-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:44px 26px !important;
  align-items:start !important;
  margin-top:0 !important;
}

/* 商品卡片：无边框，精品书店陈列 */
#pg-shop .scard{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  cursor:pointer !important;
  transition:opacity .16s ease !important;
}

#pg-shop .scard:hover{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:.88 !important;
}

/* 封面 */
#pg-shop .scard-img{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  margin:0 0 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#pg-shop .scard-img img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:0 !important;
  background:transparent !important;
  display:block !important;
}

/* 分类 */
#pg-shop .scard-body{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

#pg-shop .scard-cat{
  margin:0 0 6px !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  color:#8A7B68 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* 标题 */
#pg-shop .scard-name{
  margin:0 0 12px !important;
  font-size:17px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  color:#111 !important;
  letter-spacing:-.03em !important;
}

/* 商品描述隐藏，让页面更干净 */
#pg-shop .scard-desc{
  display:none !important;
}

/* 价格和按钮 */
#pg-shop .scard-foot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 !important;
}

#pg-shop .scard-price{
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#8D7442 !important;
  letter-spacing:-.02em !important;
  white-space:nowrap !important;
}

#pg-shop .scard-old{
  display:inline !important;
  font-size:11px !important;
  color:#A9A59D !important;
  text-decoration:line-through !important;
  margin-left:5px !important;
}

/* 付费商品：圆圈加号 */
#pg-shop .btn-cart.cart-icon-btn{
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  padding:0 !important;
  border:1.5px solid #8F8F8A !important;
  background:transparent !important;
  color:#8F8F8A !important;
  border-radius:50% !important;
  box-shadow:none !important;
  font-size:0 !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#pg-shop .btn-cart.cart-icon-btn::before{
  content:"" !important;
  position:absolute !important;
  width:12px !important;
  height:1.5px !important;
  background:currentColor !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
}

#pg-shop .btn-cart.cart-icon-btn::after{
  content:"" !important;
  position:absolute !important;
  width:1.5px !important;
  height:12px !important;
  background:currentColor !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
}

#pg-shop .btn-cart.cart-icon-btn:hover{
  border-color:#0F5E8C !important;
  color:#0F5E8C !important;
  background:transparent !important;
  transform:none !important;
}

/* 免费领取按钮 */
#pg-shop .btn-cart.free-claim{
  width:auto !important;
  height:32px !important;
  min-width:auto !important;
  padding:0 12px !important;
  border:1px solid #BFBFB8 !important;
  background:#FAFAF8 !important;
  color:#333 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

#pg-shop .btn-cart.free-claim::before,
#pg-shop .btn-cart.free-claim::after{
  display:none !important;
  content:none !important;
}

#pg-shop .btn-cart.free-claim:hover{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}

/* 已购买 */
#pg-shop .btn-cart.purchased{
  width:auto !important;
  height:32px !important;
  min-width:auto !important;
  padding:0 12px !important;
  border:1px solid #BFBFB8 !important;
  background:#FAFAF8 !important;
  color:#555 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:850 !important;
  cursor:default !important;
}

#pg-shop .btn-cart.purchased::before,
#pg-shop .btn-cart.purchased::after{
  display:none !important;
  content:none !important;
}

/* 角标 */
#pg-shop .free-gift-badge{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  width:auto !important;
  height:auto !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  font-size:20px !important;
  z-index:4 !important;
}

#pg-shop .discount-badge{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  left:auto !important;
  padding:5px 7px !important;
  background:#E96F3C !important;
  color:#fff !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;
  z-index:4 !important;
}

#pg-shop .discount-badge::before,
#pg-shop .discount-badge::after{
  display:none !important;
  content:none !important;
}

#pg-shop .must-buy-badge{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  padding:5px 7px !important;
  background:#111 !important;
  color:#fff !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;
  z-index:4 !important;
}

/* 底部服务条 */
#pg-shop .shop-bottom-service{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr) !important;
  gap:0 !important;
  margin:58px 0 22px !important;
  border:1px solid #E6DED2 !important;
  background:#fff !important;
}

#pg-shop .shop-bottom-service div{
  padding:22px 24px !important;
  border-right:1px solid #E6DED2 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
}

#pg-shop .shop-bottom-service div:last-child{
  border-right:none !important;
}

#pg-shop .shop-bottom-service strong{
  font-size:14px !important;
  font-weight:950 !important;
  color:#111 !important;
}

#pg-shop .shop-bottom-service span{
  font-size:12px !important;
  font-weight:700 !important;
  color:#666 !important;
}

#pg-shop .shop-footnote{
  font-size:12px !important;
  color:#8A8A84 !important;
  font-weight:650 !important;
  margin:0 !important;
}

/* 手机端工具默认隐藏 */
#pg-shop .shop-mobile-tools{
  display:none !important;
}

/* 手机端 */
@media(max-width:700px){

  #pg-shop .shop-page-hero{
    padding:36px 18px 22px !important;
  }

  #pg-shop .shop-page-hero h1{
    font-size:27px !important;
    line-height:1.16 !important;
    margin-bottom:10px !important;
  }

  #pg-shop .shop-page-hero p{
    font-size:13.5px !important;
    line-height:1.65 !important;
    max-width:310px !important;
  }

  #pg-shop .shop-page-content{
    padding:0 14px 42px !important;
  }

  #pg-shop .shop-top-row{
    display:block !important;
    margin-bottom:18px !important;
  }

  #pg-shop .shop-filter-desktop,
  #pg-shop .shop-count-sort{
    display:none !important;
  }

  #pg-shop .shop-mobile-tools{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 16px !important;
  }

  #pg-shop .shop-mobile-filter-btn{
    height:40px !important;
    border:1px solid #D8D8D5 !important;
    background:#FAFAF8 !important;
    color:#111 !important;
    padding:0 14px !important;
    font-family:inherit !important;
    font-size:13px !important;
    font-weight:850 !important;
    border-radius:4px !important;
  }

  #pg-shop .shop-mobile-tools .shop-sort-select{
    height:40px !important;
    width:118px !important;
    background:#fff !important;
    font-size:12px !important;
    padding:0 10px !important;
  }

  #pg-shop .shop-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:28px 14px !important;
  }

  #pg-shop .scard-img{
    margin-bottom:9px !important;
  }

  #pg-shop .scard-cat{
    font-size:10.5px !important;
    margin-bottom:4px !important;
  }

  #pg-shop .scard-name{
    font-size:13.5px !important;
    line-height:1.28 !important;
    margin-bottom:8px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  #pg-shop .scard-price{
    font-size:14.5px !important;
  }

  #pg-shop .scard-old{
    font-size:10px !important;
    margin-left:3px !important;
  }

  #pg-shop .btn-cart.cart-icon-btn{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }

  #pg-shop .btn-cart.free-claim,
  #pg-shop .btn-cart.purchased{
    height:28px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }

  #pg-shop .free-gift-badge{
    top:4px !important;
    right:4px !important;
    font-size:17px !important;
  }

  #pg-shop .discount-badge,
  #pg-shop .must-buy-badge{
    top:4px !important;
    font-size:8px !important;
    padding:4px 6px !important;
  }

  #pg-shop .must-buy-badge{
    left:4px !important;
  }

  /* 手机筛选弹层 */
  #pg-shop .shop-filter-bar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:260 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    background:#fff !important;
    border:none !important;
    border-top:1px solid #E6DED2 !important;
    padding:18px 18px 22px !important;
    margin:0 !important;
    transform:translateY(105%) !important;
    transition:transform .22s ease !important;
    max-height:78vh !important;
    overflow-y:auto !important;
    box-shadow:none !important;
  }

  #pg-shop .shop-filter-bar.open{
    transform:translateY(0) !important;
  }

  #pg-shop .shop-filter-group select{
    height:46px !important;
    border:1px solid #E6DED2 !important;
    background:#F7F7F4 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    font-size:14px !important;
    font-weight:850 !important;
    color:#333 !important;
    padding:0 12px !important;
  }

  #pg-shop .mobile-filter-title{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font-size:17px !important;
    font-weight:950 !important;
    color:#171717 !important;
  }

  #pg-shop .mobile-filter-close{
    border:none !important;
    background:transparent !important;
    font-size:24px !important;
    line-height:1 !important;
    color:#171717 !important;
    cursor:pointer !important;
  }

  #pg-shop .mobile-filter-actions{
    display:grid !important;
    grid-template-columns:1fr 1.5fr !important;
    gap:12px !important;
  }

  #pg-shop .mobile-filter-reset,
  #pg-shop .mobile-filter-done{
    height:46px !important;
    border-radius:0 !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:950 !important;
    cursor:pointer !important;
    box-shadow:none !important;
  }

  #pg-shop .mobile-filter-reset{
    background:#fff !important;
    color:#171717 !important;
    border:1.5px solid #171717 !important;
  }

  #pg-shop .mobile-filter-done{
    background:#E96F3C !important;
    color:#fff !important;
    border:1.5px solid #E96F3C !important;
  }

  #pg-shop .mobile-filter-backdrop{
    display:none !important;
    position:fixed !important;
    inset:0 !important;
    z-index:250 !important;
    background:rgba(0,0,0,.34) !important;
  }

  #pg-shop .mobile-filter-backdrop.open{
    display:block !important;
  }

  #pg-shop .shop-bottom-service{
    grid-template-columns:repeat(2, 1fr) !important;
    margin:42px 0 18px !important;
  }

  #pg-shop .shop-bottom-service div{
    padding:16px 14px !important;
    border-right:1px solid #E6DED2 !important;
    border-bottom:1px solid #E6DED2 !important;
  }

  #pg-shop .shop-bottom-service div:nth-child(2),
  #pg-shop .shop-bottom-service div:nth-child(4){
    border-right:none !important;
  }

  #pg-shop .shop-bottom-service div:nth-child(3),
  #pg-shop .shop-bottom-service div:nth-child(4){
    border-bottom:none !important;
  }

  #pg-shop .shop-bottom-service strong{
    font-size:13px !important;
  }

  #pg-shop .shop-bottom-service span{
    font-size:11px !important;
  }
}

/* === FINAL FIX: desktop hide mobile filter drawer === */

/* 电脑端：彻底隐藏手机筛选弹层 */
@media(min-width:701px){
  #pg-shop .shop-filter-bar,
  #pg-shop .mobile-filter-backdrop,
  #pg-shop .mobile-filter-title,
  #pg-shop .mobile-filter-actions{
    display:none !important;
  }
}

/* 手机端：隐藏桌面筛选栏，只保留手机筛选按钮 */
@media(max-width:700px){
  #pg-shop .shop-filter-desktop{
    display:none !important;
  }

  #pg-shop .shop-filter-bar{
    display:grid !important;
  }
}

/* === SHOP CLEAN FIX: hide bottom service bar === */

#pg-shop .shop-bottom-service,
#pg-shop .shop-footnote{
  display:none !important;
}

 /* === SHOP FILTER FINAL: flat premium style === */

#pg-shop .shop-top-row{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:28px !important;
  margin:0 0 34px !important;
}

/* 桌面筛选栏：扁平，无卡片感 */
#pg-shop .shop-filter-desktop{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(150px, 1fr)) auto !important;
  gap:14px !important;
  align-items:center !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* 下拉框：细边框、浅背景、无阴影 */
#pg-shop .shop-filter-desktop select,
#pg-shop .shop-sort-select{
  height:44px !important;
  border:1px solid #DAD8D2 !important;
  background:#FAFAF8 !important;
  color:#222 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  padding:0 14px !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
}

/* focus 状态：只变深边框，不要发光 */
#pg-shop .shop-filter-desktop select:focus,
#pg-shop .shop-sort-select:focus{
  border-color:#111 !important;
  background:#fff !important;
  box-shadow:none !important;
}

/* 重置筛选：文字按钮，不做实心按钮 */
#pg-shop .shop-reset-text{
  height:44px !important;
  border:none !important;
  background:transparent !important;
  color:#777 !important;
  box-shadow:none !important;
  padding:0 4px !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:850 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}

#pg-shop .shop-reset-text:hover{
  color:#111 !important;
  text-decoration:underline !important;
}

/* 商品数量和排序：轻一点 */
#pg-shop .shop-count-sort{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  color:#666 !important;
  font-size:13px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}

#pg-shop .shop-count-sort label{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  color:#666 !important;
  font-size:13px !important;
  font-weight:750 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

/* 排序框稍微短一点 */
#pg-shop .shop-count-sort .shop-sort-select{
  width:128px !important;
  min-width:128px !important;
  height:42px !important;
  background:#FAFAF8 !important;
}

/* 电脑端：彻底隐藏手机筛选弹层，避免重复出现 */
@media(min-width:701px){
  #pg-shop .shop-filter-bar,
  #pg-shop .mobile-filter-backdrop,
  #pg-shop .mobile-filter-title,
  #pg-shop .mobile-filter-actions{
    display:none !important;
  }
}

/* 手机端：桌面筛选隐藏，只留手机筛选按钮 */
@media(max-width:700px){
  #pg-shop .shop-top-row{
    display:block !important;
    margin-bottom:18px !important;
  }

  #pg-shop .shop-filter-desktop,
  #pg-shop .shop-count-sort{
    display:none !important;
  }

  #pg-shop .shop-mobile-tools{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 16px !important;
  }
} 

/* === SHOP HERO TITLE FINAL === */

#pg-shop .shop-page-hero{
  padding-top:64px !important;
  padding-bottom:34px !important;
}

#pg-shop .shop-page-hero h1{
  display:inline-block !important;
  position:relative !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:48px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.055em !important;
  color:#111 !important;
  margin:0 0 28px !important;
}

#pg-shop .shop-page-hero h1::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-14px;
  width:72px;
  height:4px;
  background:#F5C443;
}

#pg-shop .shop-page-hero p{
  max-width:none !important;
  width:100% !important;
  white-space:nowrap !important;
  font-size:17px !important;
  line-height:1.6 !important;
  color:#333 !important;
  font-weight:650 !important;
  margin:0 !important;
}

@media(max-width:700px){
  #pg-shop .shop-page-hero{
    padding:36px 18px 24px !important;
  }

  #pg-shop .shop-page-hero h1{
    font-size:30px !important;
    margin-bottom:24px !important;
  }

  #pg-shop .shop-page-hero h1::after{
    bottom:-12px;
    width:52px;
    height:3px;
  }

  #pg-shop .shop-page-hero p{
    white-space:normal !important;
    max-width:320px !important;
    font-size:13.5px !important;
    line-height:1.65 !important;
  }
}

 /* === SHOP FILTER: one filter button on desktop and mobile === */

/* 隐藏电脑版四个下拉筛选 */
#pg-shop .shop-filter-desktop{
  display:none !important;
}

/* 顶部区域：左边筛选按钮，右边数量+排序 */
#pg-shop .shop-top-row{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:24px !important;
  margin:0 0 34px !important;
}

/* 原 mobile tools 改成全端可见 */
#pg-shop .shop-mobile-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:0 !important;
}

/* 电脑端 mobile tools 里面的排序隐藏，避免重复 */
#pg-shop .shop-mobile-tools .shop-sort-select{
  display:none !important;
}

/* 筛选按钮：扁平高级 */
#pg-shop .shop-mobile-filter-btn{
  height:44px !important;
  border:1px solid #D8D8D5 !important;
  background:#FAFAF8 !important;
  color:#111 !important;
  padding:0 18px !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:850 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

#pg-shop .shop-mobile-filter-btn:hover{
  border-color:#111 !important;
  background:#fff !important;
}

/* 右侧数量 + 排序靠右 */
#pg-shop .shop-count-sort{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  color:#666 !important;
  font-size:13px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}

/* 排序框保持扁平 */
#pg-shop .shop-count-sort .shop-sort-select{
  width:128px !important;
  min-width:128px !important;
  height:42px !important;
  border:1px solid #D8D8D5 !important;
  background:#FAFAF8 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#222 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

/* 桌面端筛选弹层：不要底部弹出，改右侧抽屉更高级 */
@media(min-width:701px){
  #pg-shop .shop-filter-bar{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    z-index:260 !important;
    width:360px !important;
    max-width:88vw !important;
    height:100vh !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    align-content:start !important;
    gap:16px !important;
    background:#FFFDF8 !important;
    border-left:1px solid #E6DED2 !important;
    border-top:none !important;
    box-shadow:none !important;
    padding:28px 26px !important;
    margin:0 !important;
    transform:translateX(105%) !important;
    transition:transform .22s ease !important;
    overflow-y:auto !important;
  }

  #pg-shop .shop-filter-bar.open{
    transform:translateX(0) !important;
  }

  #pg-shop .mobile-filter-backdrop{
    display:none !important;
    position:fixed !important;
    inset:0 !important;
    z-index:250 !important;
    background:rgba(0,0,0,.28) !important;
  }

  #pg-shop .mobile-filter-backdrop.open{
    display:block !important;
  }

  #pg-shop .mobile-filter-title{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font-size:20px !important;
    font-weight:950 !important;
    color:#171717 !important;
    margin-bottom:8px !important;
  }

  #pg-shop .mobile-filter-close{
    border:none !important;
    background:transparent !important;
    font-size:28px !important;
    line-height:1 !important;
    color:#171717 !important;
    cursor:pointer !important;
  }

  #pg-shop .shop-filter-group select{
    width:100% !important;
    height:46px !important;
    border:1px solid #D8D8D5 !important;
    background:#FAFAF8 !important;
    color:#222 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:none !important;
    padding:0 12px !important;
    font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
    font-size:14px !important;
    font-weight:800 !important;
  }

  #pg-shop .mobile-filter-actions{
    display:grid !important;
    grid-template-columns:1fr 1.4fr !important;
    gap:12px !important;
    margin-top:10px !important;
  }

  #pg-shop .mobile-filter-reset,
  #pg-shop .mobile-filter-done{
    height:46px !important;
    border-radius:0 !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:950 !important;
    cursor:pointer !important;
    box-shadow:none !important;
  }

  #pg-shop .mobile-filter-reset{
    background:#fff !important;
    color:#171717 !important;
    border:1.5px solid #171717 !important;
  }

  #pg-shop .mobile-filter-done{
    background:#E96F3C !important;
    color:#fff !important;
    border:1.5px solid #E96F3C !important;
  }
}

/* 手机端保持现在的底部弹层 */
@media(max-width:700px){
  #pg-shop .shop-top-row{
    display:block !important;
    margin-bottom:18px !important;
  }

  #pg-shop .shop-mobile-tools{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 16px !important;
  }

  #pg-shop .shop-mobile-tools .shop-sort-select{
    display:block !important;
  }

  #pg-shop .shop-count-sort{
    display:none !important;
  }

  #pg-shop .shop-mobile-filter-btn{
    height:40px !important;
    border-radius:0 !important;
    padding:0 14px !important;
    font-size:13px !important;
  }
} 

  /* =====================================================
   SHOP FINAL POLISH 2026-06-07
   修复：
   1. 书店标题字体参考 About 页面
   2. 筛选抽屉内部 select 去阴影、扁平化
   3. 排序按钮和筛选按钮统一
===================================================== */


/* 1. 书店标题：改成 About 页同款中文衬线字体 */
#pg-shop .shop-page-hero h1{
  display:inline-block !important;
  position:relative !important;
  font-family:"Noto Serif SC","Playfair Display",serif !important;
  font-size:clamp(42px, 5.4vw, 68px) !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-.06em !important;
  color:#111 !important;
  margin:0 0 30px !important;
}

/* 黄色下划线：和 About 页面关联 */
#pg-shop .shop-page-hero h1::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:-16px !important;
  width:76px !important;
  height:4px !important;
  background:#F5C443 !important;
}

/* 副标题：电脑端不换行 */
#pg-shop .shop-page-hero p{
  max-width:none !important;
  width:100% !important;
  white-space:nowrap !important;
  font-size:17px !important;
  line-height:1.6 !important;
  color:#333 !important;
  font-weight:650 !important;
  margin:0 !important;
}


/* 2. 外部筛选按钮：保持扁平高级 */
#pg-shop .shop-mobile-filter-btn{
  height:44px !important;
  border:1px solid #D8D8D5 !important;
  background:#FAFAF8 !important;
  color:#111 !important;
  padding:0 20px !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:850 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  cursor:pointer !important;
}

#pg-shop .shop-mobile-filter-btn:hover{
  border-color:#111 !important;
  background:#fff !important;
}


/* 3. 排序 select：和筛选按钮统一，不要阴影 */
#pg-shop .shop-sort-select,
#pg-shop .shop-count-sort .shop-sort-select,
#pg-shop .shop-mobile-tools .shop-sort-select{
  height:44px !important;
  min-width:128px !important;
  border:1px solid #D8D8D5 !important;
  background:#FAFAF8 !important;
  color:#111 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  padding:0 36px 0 14px !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:850 !important;
  cursor:pointer !important;
  appearance:auto !important;
  -webkit-appearance:menulist !important;
}

#pg-shop .shop-sort-select:hover,
#pg-shop .shop-sort-select:focus{
  border-color:#111 !important;
  background:#fff !important;
  box-shadow:none !important;
}


/* 4. 右侧筛选抽屉：整体扁平化 */
@media(min-width:701px){
  #pg-shop .shop-filter-bar{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    z-index:260 !important;
    width:360px !important;
    max-width:88vw !important;
    height:100vh !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    align-content:start !important;
    gap:18px !important;
    background:#FFFDF8 !important;
    border-left:1px solid #E6DED2 !important;
    border-top:none !important;
    border-right:none !important;
    border-bottom:none !important;
    box-shadow:none !important;
    padding:30px 26px !important;
    margin:0 !important;
    transform:translateX(105%) !important;
    transition:transform .22s ease !important;
    overflow-y:auto !important;
  }

  #pg-shop .shop-filter-bar.open{
    transform:translateX(0) !important;
  }

  #pg-shop .mobile-filter-backdrop{
    display:none !important;
    position:fixed !important;
    inset:0 !important;
    z-index:250 !important;
    background:rgba(0,0,0,.26) !important;
  }

  #pg-shop .mobile-filter-backdrop.open{
    display:block !important;
  }
}


/* 5. 筛选抽屉标题：更像 About 页的干净标题 */
#pg-shop .mobile-filter-title{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  font-family:"Noto Serif SC","Playfair Display",serif !important;
  font-size:28px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.045em !important;
  color:#111 !important;
  margin:0 0 12px !important;
}

#pg-shop .mobile-filter-close{
  width:34px !important;
  height:34px !important;
  border:none !important;
  background:transparent !important;
  color:#111 !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:500 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  padding:0 !important;
}

#pg-shop .mobile-filter-close:hover{
  color:#E96F3C !important;
}


/* 6. 抽屉里的 select：重点去掉浏览器默认阴影 */
#pg-shop .shop-filter-bar select,
#pg-shop .shop-filter-group select{
  width:100% !important;
  height:48px !important;
  border:1px solid #D8D8D5 !important;
  background:#FAFAF8 !important;
  color:#111 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  padding:0 14px !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:850 !important;
  cursor:pointer !important;
  appearance:auto !important;
  -webkit-appearance:menulist !important;
}

#pg-shop .shop-filter-bar select:hover,
#pg-shop .shop-filter-bar select:focus,
#pg-shop .shop-filter-group select:hover,
#pg-shop .shop-filter-group select:focus{
  border-color:#111 !important;
  background:#fff !important;
  box-shadow:none !important;
}


/* 7. 抽屉底部两个按钮：和筛选按钮统一 */
#pg-shop .mobile-filter-actions{
  display:grid !important;
  grid-template-columns:1fr 1.4fr !important;
  gap:12px !important;
  margin-top:8px !important;
}

#pg-shop .mobile-filter-reset,
#pg-shop .mobile-filter-done{
  height:46px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:950 !important;
  cursor:pointer !important;
}

#pg-shop .mobile-filter-reset{
  background:#FAFAF8 !important;
  color:#111 !important;
  border:1px solid #111 !important;
}

#pg-shop .mobile-filter-reset:hover{
  background:#fff !important;
}

#pg-shop .mobile-filter-done{
  background:#111 !important;
  color:#fff !important;
  border:1px solid #111 !important;
}

#pg-shop .mobile-filter-done:hover{
  background:#E96F3C !important;
  border-color:#E96F3C !important;
}


/* 8. 商品顶部筛选/排序行：更干净 */
#pg-shop .shop-top-row{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:24px !important;
  margin:0 0 34px !important;
}

#pg-shop .shop-count-sort{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  color:#666 !important;
  font-size:13px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}

#pg-shop .shop-count-sort label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  color:#666 !important;
  font-size:13px !important;
  font-weight:750 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}


/* 9. 手机端适配 */
@media(max-width:700px){
  #pg-shop .shop-page-hero h1{
    font-size:34px !important;
    line-height:1.16 !important;
    margin-bottom:26px !important;
  }

  #pg-shop .shop-page-hero h1::after{
    bottom:-13px !important;
    width:54px !important;
    height:3px !important;
  }

  #pg-shop .shop-page-hero p{
    white-space:normal !important;
    max-width:330px !important;
    font-size:13.5px !important;
    line-height:1.65 !important;
  }

  #pg-shop .shop-mobile-filter-btn{
    height:40px !important;
    padding:0 14px !important;
    font-size:13px !important;
  }

  #pg-shop .shop-mobile-tools .shop-sort-select{
    display:block !important;
    height:40px !important;
    min-width:118px !important;
    font-size:12.5px !important;
  }

  #pg-shop .mobile-filter-title{
    font-size:24px !important;
  }

  #pg-shop .shop-filter-bar select,
  #pg-shop .shop-filter-group select{
    height:46px !important;
    font-size:14px !important;
  }
}

/* =====================================================
   MOBILE SHOP HOTFIX 2026-06-07
   修复手机端被桌面筛选样式误伤的问题
===================================================== */

@media(max-width:700px){

  /* 1. 防止整个页面横向溢出 */
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  #pg-shop{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  /* 2. 手机端标题恢复合理大小 */
  #pg-shop .shop-page-hero{
    padding:36px 24px 24px !important;
  }

  #pg-shop .shop-page-hero h1{
    font-family:"Noto Serif SC","Playfair Display",serif !important;
    font-size:36px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-.055em !important;
    margin:0 0 28px !important;
    white-space:normal !important;
  }

  #pg-shop .shop-page-hero h1::after{
    width:58px !important;
    height:3px !important;
    bottom:-13px !important;
  }

  #pg-shop .shop-page-hero p{
    white-space:normal !important;
    max-width:320px !important;
    font-size:14px !important;
    line-height:1.7 !important;
    font-weight:650 !important;
  }

  /* 3. 手机端顶部工具栏：只保留“筛选”和一个排序 */
  #pg-shop .shop-top-row{
    display:block !important;
    margin:0 0 20px !important;
    width:100% !important;
    max-width:100% !important;
  }

  /* 隐藏电脑版筛选 */
  #pg-shop .shop-filter-desktop{
    display:none !important;
  }

  /* 手机端不要显示右侧那组“共10件产品 + 排序” */
  #pg-shop .shop-count-sort{
    display:none !important;
  }

  /* 只显示手机工具栏 */
  #pg-shop .shop-mobile-tools{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 0 18px !important;
  }

  /* 筛选按钮：扁平 */
  #pg-shop .shop-mobile-filter-btn{
    width:auto !important;
    min-width:74px !important;
    height:42px !important;
    padding:0 16px !important;
    border:1px solid #D8D8D5 !important;
    background:#FAFAF8 !important;
    color:#111 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
    font-size:14px !important;
    font-weight:900 !important;
    cursor:pointer !important;
  }

  /* 手机端排序：只保留一个，不要太宽 */
  #pg-shop .shop-mobile-tools .shop-sort-select{
    display:block !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    height:42px !important;
    border:1px solid #D8D8D5 !important;
    background:#FAFAF8 !important;
    color:#111 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:none !important;
    padding:0 10px !important;
    font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
    font-size:13px !important;
    font-weight:900 !important;
  }

  /* 4. 手机端内容容器 */
  #pg-shop .shop-page-content{
    width:100% !important;
    max-width:100% !important;
    padding:0 16px 42px !important;
    overflow:hidden !important;
  }

  /* 5. 商品网格恢复两列，不溢出 */
  #pg-shop .shop-grid{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:30px 16px !important;
    overflow:visible !important;
  }

  #pg-shop .scard{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  #pg-shop .scard-img{
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:4 / 5 !important;
    height:auto !important;
    margin-bottom:9px !important;
  }

  #pg-shop .scard-img img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  #pg-shop .scard-name{
    font-size:13.5px !important;
    line-height:1.28 !important;
    margin-bottom:8px !important;
  }

  #pg-shop .scard-price{
    font-size:14.5px !important;
  }

  /* 6. 手机端筛选抽屉：底部弹出，不要右侧抽屉 */
  #pg-shop .shop-filter-bar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:78vh !important;
    z-index:260 !important;

    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;

    background:#FFFDF8 !important;
    border:none !important;
    border-top:1px solid #E6DED2 !important;
    box-shadow:none !important;

    padding:20px 20px 24px !important;
    margin:0 !important;

    transform:translateY(105%) !important;
    transition:transform .22s ease !important;
    overflow-y:auto !important;
  }

  #pg-shop .shop-filter-bar.open{
    transform:translateY(0) !important;
  }

  #pg-shop .mobile-filter-backdrop{
    display:none !important;
    position:fixed !important;
    inset:0 !important;
    z-index:250 !important;
    background:rgba(0,0,0,.28) !important;
  }

  #pg-shop .mobile-filter-backdrop.open{
    display:block !important;
  }

  /* 7. 筛选弹层内部也扁平 */
  #pg-shop .mobile-filter-title{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font-family:"Noto Serif SC","Playfair Display",serif !important;
    font-size:24px !important;
    font-weight:800 !important;
    color:#111 !important;
    margin:0 0 6px !important;
  }

  #pg-shop .mobile-filter-close{
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#111 !important;
    font-size:28px !important;
    line-height:1 !important;
    padding:0 !important;
  }

  #pg-shop .shop-filter-group select,
  #pg-shop .shop-filter-bar select{
    width:100% !important;
    height:46px !important;
    border:1px solid #D8D8D5 !important;
    background:#FAFAF8 !important;
    color:#111 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:none !important;
    padding:0 12px !important;
    font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
    font-size:14px !important;
    font-weight:850 !important;
  }

  #pg-shop .mobile-filter-actions{
    display:grid !important;
    grid-template-columns:1fr 1.4fr !important;
    gap:12px !important;
    margin-top:6px !important;
  }

  #pg-shop .mobile-filter-reset,
  #pg-shop .mobile-filter-done{
    height:46px !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-family:"Archivo","Noto Sans SC",system-ui,sans-serif !important;
    font-size:14px !important;
    font-weight:950 !important;
  }

  #pg-shop .mobile-filter-reset{
    background:#FFFDF8 !important;
    color:#111 !important;
    border:1px solid #111 !important;
  }

  #pg-shop .mobile-filter-done{
    background:#111 !important;
    color:#fff !important;
    border:1px solid #111 !important;
  }
}

/* === SHOP SORT REMOVE FINAL === */
/* 删除所有端排序按钮后，重新整理书店顶部工具栏 */

#pg-shop .shop-top-row{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:24px !important;
  margin:0 0 34px !important;
}

#pg-shop .shop-mobile-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:0 !important;
}

#pg-shop .shop-count-sort{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  color:#666 !important;
  font-size:13px !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}

/* 防止旧排序样式残留 */
#pg-shop .shop-sort-select,
#pg-shop .shop-count-sort label{
  display:none !important;
}

/* 手机端：只保留筛选按钮，不显示产品数量 */
@media(max-width:700px){
  #pg-shop .shop-top-row{
    display:block !important;
    margin:0 0 20px !important;
  }

  #pg-shop .shop-mobile-tools{
    display:flex !important;
    justify-content:flex-start !important;
    margin:0 0 18px !important;
  }

  #pg-shop .shop-count-sort{
    display:none !important;
  }
}