/* Shared footer, canonical HTML: winshang-demo.html */
.site-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(0,196,255,.10), transparent 34%),
    linear-gradient(180deg,#F7FAFF 0%,#EAF2FF 100%) !important;
  border-top: 1px solid rgba(0,73,255,.12) !important;
  padding: clamp(34px,4.2vw,54px) var(--space-6) 24px !important;
}
.site-footer .sf-inner {
  max-width: min(var(--max-w), calc(100vw - 72px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(286px,360px) minmax(0,1fr) !important;
  grid-template-areas: "brand right" !important;
  gap: clamp(24px,3vw,44px) !important;
  align-items: stretch !important;
  padding: clamp(22px,2.4vw,32px) !important;
  border: 1px solid rgba(0,73,255,.10) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.56) !important;
  box-shadow: 0 18px 48px rgba(20,76,170,.08) !important;
}
.site-footer .sf-brand {
  grid-area: brand !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
}
.site-footer .sf-right {
  grid-area: right !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(14px,1.6vw,20px) !important;
}
.site-footer .sf-product-strip {
  width: 100% !important;
  margin-top: 2px !important;
  padding-top: 14px !important;
  border-top: 1px dashed rgba(0,73,255,.14) !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.site-footer .sf-product-strip > h5 {
  font: 800 14px/1.4 var(--font-display) !important;
  color: #0057FF !important;
  margin: 0 0 12px !important;
}
.site-footer .sf-product-groups--strip {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}
.site-footer .sf-product-groups--strip .sf-product-group {
  min-height: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 10px 8px !important;
  overflow: hidden !important;
}
.site-footer .sf-product-groups--strip .sf-product-group strong {
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  margin-bottom: 5px !important;
  white-space: normal !important;
}
.site-footer .sf-product-groups--strip .sf-product-group p {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
}
.site-footer .sf-product-groups--strip .sf-product-group a {
  display: block !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.site-footer .sf-brand {
  padding: 20px !important;
  border: 1px solid rgba(0,73,255,.10) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 14px 34px rgba(20,76,170,.07) !important;
}
.site-footer .sf-brand .logo-c {
  height: 32px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
  margin-bottom: 14px !important;
}
.site-footer .sf-brand p {
  font-size: 13.5px !important;
  line-height: 1.75 !important;
  color: #53657F !important;
  max-width: 340px !important;
  margin: 0 !important;
}
.site-footer .sf-proof {
  margin-top: 16px !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 8px !important;
}
.site-footer .sf-proof span {
  border: 1px solid rgba(0,73,255,.10) !important;
  background: rgba(255,255,255,.78) !important;
  border-radius: 12px !important;
  padding: 8px 6px !important;
  font: 700 11.5px/1.3 var(--font-display) !important;
  color: #0D3B9E !important;
  text-align: center !important;
  white-space: normal !important;
}
.site-footer .sf-channel-title {
  margin-top: 16px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #0D3B9E !important;
}
.site-footer .sf-channel-title strong {
  font: 800 13px/1.35 var(--font-display) !important;
}
.site-footer .sf-channel-title span {
  font: 600 11.5px/1.35 var(--font-body) !important;
  color: #72809A !important;
}
.site-footer .sf-qr-grid {
  margin-top: 9px !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 9px !important;
}
.site-footer .sf-qr-card {
  min-width: 0 !important;
  padding: 9px 7px 10px !important;
  border: 1px solid rgba(0,73,255,.16) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.90) !important;
  text-align: center !important;
  box-shadow: 0 10px 24px rgba(20,76,170,.07) !important;
}
.site-footer .sf-qr-card img {
  width: 86px !important;
  height: 86px !important;
  display: block !important;
  margin: 0 auto 6px !important;
  border: 1px solid rgba(0,73,255,.10) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 6px 14px rgba(15,42,100,.08) !important;
  object-fit: contain !important;
}
.site-footer .sf-qr-card span,
.site-footer .sf-qr-card em {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.site-footer .sf-qr-card span {
  font: 800 12px/1.25 var(--font-display) !important;
  color: #102A64 !important;
}
.site-footer .sf-qr-card em {
  margin-top: 2px !important;
  font: 600 11px/1.25 var(--font-body) !important;
  color: #72809A !important;
  font-style: normal !important;
}
.site-footer .sf-nav-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: clamp(18px,1.8vw,28px) !important;
  align-items: start !important;
}
.site-footer .sf-col h5 {
  font: 800 14px/1.4 var(--font-display) !important;
  color: #0057FF !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(0,73,255,.12) !important;
}
.site-footer .sf-col ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.site-footer .sf-col li a {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #53657F !important;
  white-space: normal !important;
}
.site-footer .sf-product-groups {
  display: grid !important;
  gap: 8px !important;
}
.site-footer .sf-product-group {
  padding: 8px 10px !important;
  border: 1px solid rgba(0,73,255,.10) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.62) !important;
}
.site-footer .sf-product-group strong {
  display: block !important;
  margin-bottom: 4px !important;
  font: 800 12px/1.35 var(--font-display) !important;
  color: #0D3B9E !important;
}
.site-footer .sf-product-group p {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 9px !important;
}
.site-footer .sf-product-group a {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #53657F !important;
  white-space: nowrap !important;
}
.site-footer .sf-product-group a:hover { color: var(--brand-blue-deep) !important; }
.site-footer .sf-bottom {
  max-width: min(var(--max-w), calc(100vw - 72px)) !important;
  margin: 14px auto 0 !important;
  padding: 0 6px !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  align-items: center !important;
  font: 600 12px/1.5 var(--font-display) !important;
  color: #5A6B8C !important;
  letter-spacing: 0 !important;
}
.site-footer .sf-bottom .links { display: flex !important; gap: var(--space-5) !important; }
@media (max-width:920px) {
  .site-footer .sf-inner {
    grid-template-columns: 1fr !important;
    grid-template-areas: "brand" "right" !important;
  }
  .site-footer .sf-nav-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .site-footer .sf-product-groups--strip { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .site-footer .sf-col-products { grid-column: span 2 !important; }
}
@media (max-width:720px) {
  .site-footer { padding: 34px 18px 24px !important; }
  .site-footer .sf-inner {
    max-width: 100% !important;
    padding: 20px !important;
    border-radius: 20px !important;
  }
  .site-footer .sf-nav-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .site-footer .sf-product-groups--strip { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .site-footer .sf-col-products { grid-column: 1 / -1 !important; }
  .site-footer .sf-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .site-footer .sf-bottom .links { flex-wrap: wrap !important; gap: 12px 18px !important; }
}
@media (max-width:480px) {
  .site-footer .sf-product-groups--strip { grid-template-columns: 1fr !important; }
  .site-footer .sf-proof {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 6px !important;
  }
  .site-footer .sf-proof span {
    padding: 7px 4px !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
  }
  .site-footer .sf-qr-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .site-footer .sf-qr-card { padding: 8px 4px !important; }
  .site-footer .sf-qr-card img { width: 62px !important; height: 62px !important; }
  .site-footer .sf-qr-card span { font-size: 11px !important; }
  .site-footer .sf-qr-card em { font-size: 10px !important; }
}
/* Consistent, readable footer layout across product and content pages. */
:root body .site-footer{padding:40px 24px 22px!important}
:root body .site-footer .sf-inner{width:100%!important;max-width:1352px!important;grid-template-columns:320px minmax(0,1fr)!important;gap:34px!important;padding:28px!important;align-items:start!important}
:root body .site-footer .sf-brand{padding:20px!important;min-height:0!important;align-self:stretch!important}
:root body .site-footer .sf-brand>img{align-self:flex-start!important;max-width:100%!important;width:auto!important;height:32px!important}
:root body .site-footer .sf-brand>p{font-size:13px!important;line-height:1.85!important;margin:18px 0 16px!important}
:root body .site-footer .sf-proof{gap:6px!important}
:root body .site-footer .sf-proof span{font-size:10px!important;padding:8px 3px!important;white-space:nowrap!important}
:root body .site-footer .sf-channel-title{margin:22px 0 12px!important;display:flex!important;flex-wrap:wrap!important;gap:6px 12px!important;align-items:baseline!important}
:root body .site-footer .sf-channel-title span{font-size:11px!important}
:root body .site-footer .sf-qr-grid{gap:7px!important}
:root body .site-footer .sf-qr-card{min-width:0!important;padding:9px 4px!important}
:root body .site-footer .sf-qr-card img{width:100%!important;max-width:82px!important;height:auto!important;aspect-ratio:1!important}
:root body .site-footer .sf-qr-card span{font-size:11px!important;line-height:1.6!important}
:root body .site-footer .sf-qr-card em{font-size:10px!important;line-height:1.6!important}
:root body .site-footer .sf-nav-grid--five{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
:root body .site-footer .sf-col h5{font-size:13px!important;line-height:1.5!important;margin:0 0 12px!important;letter-spacing:.04em!important}
:root body .site-footer .sf-col li{margin:0 0 9px!important}
:root body .site-footer .sf-col a{font-size:12px!important;line-height:1.65!important}
:root body .site-footer .sf-bottom{max-width:1352px!important;margin-top:22px!important;gap:14px 24px!important;line-height:1.9!important}
@media(max-width:1180px){
:root body .site-footer .sf-inner{grid-template-columns:280px minmax(0,1fr)!important;gap:24px!important;padding:24px!important}
:root body .site-footer .sf-brand{padding:15px!important}
:root body .site-footer .sf-nav-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
}
@media(max-width:920px){
:root body .site-footer .sf-inner{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"brand" "right"!important}
:root body .site-footer .sf-brand{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;column-gap:24px!important;align-items:start!important}
:root body .site-footer .sf-brand>img,:root body .site-footer .sf-brand>p,:root body .site-footer .sf-proof{grid-column:1!important}
:root body .site-footer .sf-channel-title{grid-column:2!important;grid-row:1!important;margin:0 0 12px!important}
:root body .site-footer .sf-qr-grid{grid-column:2!important;grid-row:2/4!important}
:root body .site-footer .sf-nav-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:640px){
:root body .site-footer{padding:28px 16px 20px!important}
:root body .site-footer .sf-inner{padding:18px!important;border-radius:18px!important;gap:26px!important}
:root body .site-footer .sf-brand{display:flex!important;padding:16px!important}
:root body .site-footer .sf-brand>p{margin:14px 0!important}
:root body .site-footer .sf-proof{width:100%!important}
:root body .site-footer .sf-channel-title{margin:18px 0 10px!important}
:root body .site-footer .sf-qr-grid{width:100%!important}
:root body .site-footer .sf-nav-grid--five{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 16px!important}
:root body .site-footer .sf-col a{font-size:13px!important}
:root body .site-footer .sf-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;font-size:10px!important}
}

:root body .site-footer .sf-right{gap:0!important}
:root body .site-footer .sf-col ul{gap:0!important}
:root body .site-footer .sf-col li{line-height:1.65!important}