/* 桌面优先修正：恢复原站桌面导航，避免被误判成移动端 */
.animsition { opacity: 1 !important; visibility: visible !important; }
header .header-logo img,
footer .header-logo img { display: none !important; }

/* Xenical 主题色（取代原辉瑞蓝） */
:root {
  --xenical: #1b4332;
  --xenical-mid: #2d6a4f;
  --xenical-soft: #e8f5ef;
}

#shopping-bag .shopping-bag-icon,
#shopping-bag { color: var(--xenical); }

header .nav-link:hover,
header .header-left a:hover { color: var(--xenical); }

.p-wrapper .p-wrap .p-item h3,
.p-wrapper .p-wrap .wrap,
.p-wrapper .p-wrap .p-link h5 { color: var(--xenical); }

.p-wrapper .p-wrap .btn,
.p-wrapper .p-wrap .btn span,
.add-to-btn .btn,
.inner-wrap .btn {
  background: var(--xenical) !important;
  border-color: var(--xenical) !important;
  color: #fff !important;
}

.p-wrapper .p-wrap .btn:hover,
.add-to-btn .btn:hover {
  background: var(--xenical-mid) !important;
}

.quantity .minus,
.quantity .plus,
.qty-btn {
  color: var(--xenical) !important;
  cursor: pointer;
  user-select: none;
}

.cover img,
.cover-silder img {
  max-height: 420px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  background: var(--xenical-soft);
  padding: 24px;
  box-sizing: border-box;
}

.over-inner .left {
  align-self: start;
}

.over-inner .left .cover {
  height: auto !important;
  min-height: 0 !important;
  background: var(--xenical-soft);
}

/* 商品简介：完整展开，不要内部滚动 */
.tabsy > input:checked + label + .tab > .content {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}
.tabsy > .tab {
  display: block; /* fallback when checked rule shows it */
}
.tabsy > input:checked + label + .tab {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

/* ===== Desktop (>=901px) ===== */
@media (min-width: 901px) {
  html, body {
    width: 100% !important;
    max-width: none !important;
  }
  header, main, footer, .animsition, .index-banner-pc, .index-sec {
    width: 100% !important;
  }

  /* 强制桌面导航 */
  header #float-menu { display: none !important; }
  header #mm-menu { display: none !important; }
  header ul.header-left:not(#mm-menu) {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    background: transparent !important;
  }
  header .header-right .nav-link,
  header .header-right #deco {
    display: inline-flex !important;
  }

  /* 无 slick：同一时间只显示一张全宽 banner */
  .index-banner-pc { width: 100%; display: block; }
  .index-banner-pc .banner-wrap {
    display: none !important;
    width: 100% !important;
    position: relative;
  }
  .index-banner-pc .banner-wrap.is-active,
  .index-banner-pc .banner-wrap:first-child:only-child,
  .index-banner-pc .banner-wrap.is-active:first-child {
    display: block !important;
  }
  /* 若尚未加上 is-active，至少显示第一张，避免空白 */
  .index-banner-pc:not(:has(.is-active)) .banner-wrap:first-child {
    display: block !important;
  }
  .index-banner-pc .banner-wrap img {
    display: block !important;
    width: 100% !important;
    height: 78vh !important;
    min-height: 520px !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* ===== Mobile / tablet (<=900px) ===== */
@media (max-width: 900px) {
  .index-banner-pc .banner-wrap { display: none !important; }
  .index-banner-pc .banner-wrap.is-active { display: block !important; }
  .index-banner-pc .banner-wrap img {
    width: 100% !important;
    height: 56vh !important;
    min-height: 320px !important;
    object-fit: contain !important;
  }
}

/* ===== Site5 layout fixes ===== */
/* 原站 footer 为 absolute，叠加 sticky-flex 后会顶到页面上方 */
html, body {
  min-height: auto !important;
  height: auto !important;
  display: block !important;
  flex-direction: unset !important;
}
footer,
.site-footer-outer > footer,
body > footer {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 1 !important;
  margin-top: 3rem !important;
  width: 100% !important;
}
.site-footer-outer {
  position: relative !important;
  display: block !important;
  flex: none !important;
  min-height: 0 !important;
  background: transparent !important;
  justify-content: unset !important;
}

/* 导航直接显示中文，取消 data-name 悬停英/中切换 */
header .nav-link::before,
header .header-left .nav-link::before,
header .header-left .m-link::before,
header .header-right .nav-link::before,
footer .footer-links li a::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}
header .nav-link,
header .m-link {
  position: relative;
  font-size: 14px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* 页首／页尾／表单／购物车与首页同一套 Xenical 绿 */
header .header-logo,
header .header-logo span {
  color: #1b4332 !important;
  width: auto !important;
}
footer {
  background: #1b4332 !important;
  color: #fff !important;
  padding-bottom: 24px;
}
footer .header-logo,
footer .header-logo span {
  width: auto !important;
  color: #fff !important;
}
footer a,
footer .nav-link,
footer .copyright,
footer .footer-links li a {
  color: rgba(255,255,255,.88) !important;
}
footer a:hover,
footer .nav-link:hover {
  color: #fff !important;
}
footer .footer-wrap {
  border-color: rgba(255,255,255,.18) !important;
}
footer .copyright {
  text-align: center;
  padding: 16px 20px 8px;
  font-size: 12px;
  opacity: .8;
}

.form-box {
  background: #e8f5ef !important;
  border: 1px solid #cfe3d7;
}
.form-box h1 { color: #1b4332 !important; }
.form-box h2, .form-box .note { color: #6b8578 !important; }
.form-box label { color: #3d5a4c !important; }
.form-box input { border-color: #cfe3d7 !important; }
.form-box .btn,
.cart-page .btn,
.form-box button.btn {
  background: #1b4332 !important;
  color: #fff !important;
  border: none !important;
  width: 100%;
  letter-spacing: .08em;
}
.form-box .link { color: #1b4332 !important; }
.cart-page .btn {
  width: auto !important;
  display: inline-block !important;
}
.cart-page .btn.secondary {
  background: #fff !important;
  color: #1b4332 !important;
  border: 1px solid #1b4332 !important;
}
.cart-empty,
.cart-summary {
  background: #e8f5ef !important;
  border-color: #cfe3d7 !important;
}
.cart-page h1,
.cart-item .info h3,
.cart-summary .total {
  color: #1b4332 !important;
}