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

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

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

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

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

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

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

.quantity .minus,
.quantity .plus,
.qty-btn {
  color: var(--mounjaro) !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(--mounjaro-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(--mounjaro-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：同一时间只显示一张；左文案 / 右产品图，避免图挡字 */
  .index-banner-pc { width: 100%; display: block; }
  .index-banner-pc .banner-wrap {
    display: none !important;
    width: 100% !important;
    position: relative;
    min-height: 520px;
    height: 70vh;
    max-height: 760px;
    overflow: hidden;
    background: linear-gradient(90deg, #143528 0%, #1b4332 48%, #2d6a4f 48%, #3d8a63 100%);
  }
  .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,
  .index-banner-pc:not(:has(.is-active)) .banner-wrap:first-child {
    display: grid !important;
    grid-template-columns: minmax(280px, 0.95fr) minmax(300px, 1.15fr);
    align-items: stretch;
  }
  .index-banner-pc .banner-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 5vh 4vw !important;
    box-sizing: border-box !important;
    background: transparent !important;
    grid-column: 2;
    grid-row: 1;
    position: relative;
    z-index: 1;
  }
  .index-banner-pc .banner-wrap .wrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    grid-column: 1;
    grid-row: 1;
    z-index: 2;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 6vh 5vw 6vh 6vw !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    color: #fff !important;
    text-shadow: none !important;
    pointer-events: none;
  }
  .index-banner-pc .banner-wrap .wrap h3,
  .index-banner-pc .banner-wrap .wrap h4,
  .index-banner-pc .banner-wrap .wrap p {
    color: #fff !important;
    max-width: 22rem;
  }
  .index-banner-pc .banner-wrap .wrap h3 {
    font-size: clamp(1.35rem, 2.2vw, 1.85rem) !important;
    line-height: 1.35 !important;
    margin-bottom: 1rem !important;
  }
  .index-banner-pc .banner-wrap .wrap h4 {
    font-size: clamp(0.95rem, 1.3vw, 1.1rem) !important;
    line-height: 1.55 !important;
    margin-bottom: 1.75rem !important;
    opacity: 0.92;
  }
}

/* ===== Mobile / tablet (<=900px) ===== */
@media (max-width: 900px) {
  .index-banner-pc .banner-wrap { display: none !important; }
  .index-banner-pc .banner-wrap.is-active {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(240px, 48vh);
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    background: linear-gradient(180deg, #1b4332 0%, #1b4332 42%, #2d6a4f 42%, #2d6a4f 100%) !important;
  }
  .index-banner-pc .banner-wrap img {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 240px !important;
    padding: 24px 20px 32px !important;
    object-fit: contain !important;
  }
  .index-banner-pc .banner-wrap .wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding: 28px 20px 12px !important;
    width: 100% !important;
  }
  .index-banner-pc .banner-wrap .wrap h3 {
    font-size: 1.15rem !important;
  }
  .index-banner-pc .banner-wrap .wrap h4 {
    font-size: 0.92rem !important;
    margin-bottom: 0.75rem !important;
  }
}

/* nav: Chinese only — no hover English→Chinese swap */
header .nav-link::before,
header .header-left .nav-link::before,
header .header-right .nav-link::before {
  content: none !important;
  display: none !important;
}
header .nav-link:hover,
header .nav-link:active {
  color: var(--mounjaro) !important;
  transform: none !important;
}

/* footer: center align and remove two horizontal lines */
footer {
  position: static !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-top: auto !important;
  padding: 20px 6vw 16px !important;
  background: #ffffff !important;
  color: #1f1f1f !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: 100% !important;
}
/* 短页贴底：覆盖 main.css 的 height:100% / main min-height:90vh */
html {
  height: 100%;
}
body {
  height: auto !important;
  min-height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-x: hidden;
  overflow-y: visible !important;
}
main,
main.animsition,
.animsition {
  flex: 1 0 auto !important;
  min-height: 0 !important; /* 覆盖 main { min-height: 90vh } */
}
body > footer {
  margin-top: auto !important;
  flex-shrink: 0 !important;
}
footer .header-logo {
  display: none !important;
}
footer .footer-links {
  padding: 0 !important;
  justify-content: center !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  font-size: 14px !important;
}
footer .footer-links li {
  padding: 0 !important;
}
footer .footer-links li::before {
  display: none !important;
}
footer .footer-links li a {
  padding: 0 !important;
  color: #1f1f1f !important;
  transform: none !important;
}
footer .footer-links li a::before {
  content: none !important;
  display: none !important;
}
footer .footer-wrap {
  display: none !important;
}
footer .copyright {
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #4f4f4f !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}