/* WhizSmart apple-style patch 2026-10-17 (设计部). Loaded after style.css + redesign.css. CSS-only overrides. */

/* 1. Homepage hero: no blobs/gradient, white background, quieter details */
.hero.hero--split{background:#fff}
.hero--split .hero-bg-orbs,.hero--split .hero-bg-gradient{display:none}
.hero--split .hero-eyebrow{padding:0;background:none;border:0;color:#6e6e73;font-size:14px;letter-spacing:.02em}
.hero--split .hero-eyebrow::before{display:none}
.hero--split .hero-headline{color:#1d1d1f;font-weight:600}
.hero--split .hero-tagline{color:#1d1d1f}
.hero--split .hero-desc{font-size:15px;line-height:1.6;color:#6e6e73;max-width:520px}
.hero--split .hero-stats{margin-top:36px;padding-top:20px;border-top:1px solid #e5e5ea;gap:28px}
.hero--split .stat-num{font-size:22px;font-weight:600;color:#1d1d1f}
.hero--split .stat-plus{font-size:15px;color:#1d1d1f;opacity:.5}
.hero--split .stat-label{font-size:12px;color:#6e6e73;font-weight:400}
.hero--split .stat-divider{height:28px;background:#e5e5ea}
.hero-photo{box-shadow:none;background:#f5f5f7}

/* 2a. Homepage after-sales: light grey, dark text (overrides inline styles) */
#aftersales.aftersales-section{background:#f5f5f7 !important;color:#1d1d1f !important}
#aftersales h2,#aftersales h3{color:#1d1d1f}
#aftersales p{color:#6e6e73;opacity:1 !important}
#aftersales [data-i18n="aftersales_badge"]{background:#fff !important;color:#6e6e73}
#aftersales [style*="backdrop-filter"]{background:#fff !important;border-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
#aftersales a[href="product-aftermarket.html"]{background:#0A6FB8 !important;color:#fff !important;box-shadow:none !important}
#aftersales a[href="product-aftermarket.html"]:hover{background:#085C99 !important}
@media (max-width:768px){
  #aftersales > div > div{grid-template-columns:1fr !important;gap:32px !important}
}

/* 2b + 4. Products page hero: white, dark text, real product photo */
.ws-page-hero{background:#fff !important;color:#1d1d1f;flex-direction:column}
.ws-page-hero > div{width:100%;max-width:980px}
.ws-page-hero h1{color:#1d1d1f;font-weight:600 !important}
.ws-page-hero p{color:#6e6e73 !important}
.ws-page-hero-photo{margin:48px auto 0;max-width:980px;width:100%;border-radius:24px;overflow:hidden;background:#f5f5f7;aspect-ratio:16/9}
.ws-page-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:734px){.ws-page-hero-photo{margin-top:32px;border-radius:18px;aspect-ratio:4/3}}

/* 3. Homepage second industry block (#industries): one style, one colour */
#industries{background:#f5f5f7 !important}
#industries h3{color:#1d1d1f !important}
#industries .ws-ico{width:44px;height:44px;margin-bottom:16px;color:#1d1d1f}
#industries .ws-ico svg{display:block;width:100%;height:100%}

@media (prefers-reduced-motion:reduce){.hero-eyebrow,.hero-title,.hero-tagline,.hero-desc,.hero-buttons,.hero-stats{animation:none !important;opacity:1 !important}}

/* 2026-10-17 hero-v2 (设计部): on phones the WhatsApp + chat floating buttons covered the bottom corners
   of the products-page hero photo. Smaller buttons tucked into the corners, and a slightly shorter photo
   so it ends above them on a 390x844 screen. */
@media (max-width:640px){
  .wa-float{width:44px;height:44px;left:12px;bottom:14px;font-size:24px;box-shadow:0 4px 14px rgba(0,0,0,.16)}
  .ai-chat-float{width:44px;height:44px;right:12px;bottom:14px;box-shadow:0 4px 14px rgba(10,111,184,.28)}
  .ai-chat-float span{font-size:19px}
  .ai-chat-float::after{width:10px;height:10px;top:-1px;right:-1px}
  .ws-page-hero-photo{aspect-ratio:3/2}
  .ws-page-hero{padding-bottom:72px}
}