/* ==========================================================================
   Bloom24 — Warranty & Support page (page-warranty.php), prefix: wa-
   ========================================================================== */

/* ---------- Hero ---------- */
.wa-hero{padding:150px 0 70px;background:
  radial-gradient(600px 340px at 88% 12%, rgba(232,106,138,.13), transparent 60%),
  radial-gradient(520px 320px at 8% 82%, rgba(62,207,178,.10), transparent 60%),
  linear-gradient(180deg,#FDF0F3,#FFF9F7)}
.wa-hero h1{font-size:clamp(32px,4.5vw,52px);margin:0}
.wa-hero h1 em{font-style:normal;color:var(--rose-deep)}
.wa-hero-sub{font-size:1.0625rem;line-height:1.75;color:var(--grey);max-width:700px;margin:18px 0 0}
.wa-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* ---------- 承诺条 ---------- */
.wa-banner{background:var(--rose-deep);padding:30px 0}
.wa-banner-inner{display:flex;justify-content:center;gap:56px;flex-wrap:wrap}
.wa-banner-item{text-align:center;color:#fff}
.wa-banner-item strong{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.2}
.wa-banner-item span{font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)}

/* ---------- 保修范围 ---------- */
.wa-coverage{padding:90px 0}
.wa-coverage-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.wa-coverage-body h2{font-size:clamp(24px,3vw,34px);margin:0 0 16px}
.wa-text{font-size:0.9375rem;line-height:1.85;color:var(--grey);margin:0 0 16px}
.wa-link{font-size:0.875rem;font-weight:700;color:var(--rose-deep);text-decoration:none;border-bottom:2px solid var(--rose-soft);transition:.2s}
.wa-link:hover{border-color:var(--rose)}
.wa-coverage-cards{display:grid;gap:16px}
.wa-cover-card{background:#fff;border-radius:14px;padding:20px 24px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 8px 22px rgba(74,44,78,.08)}
.wa-ico{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9375rem}
.wa-ico.ok{background:#E9F9F1;color:#1E9E6A}
.wa-ico.no{background:#FDEEEE;color:#C94A6D}
.wa-cover-card strong{display:block;font-size:0.9375rem;margin-bottom:4px}
.wa-cover-card span{font-size:0.8438rem;color:var(--grey);line-height:1.65}

/* ---------- 报修流程 ---------- */
.wa-process{padding:90px 0;background:var(--cream)}
.wa-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px}
.wa-step{background:#fff;border-radius:var(--radius);padding:28px 24px;box-shadow:0 8px 26px rgba(74,44,78,.07);transition:.3s;display:flex;flex-direction:column;gap:10px}
.wa-step:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(74,44,78,.13)}
.wa-step-no{width:38px;height:38px;border-radius:50%;background:var(--rose-soft);color:var(--rose-deep);font-family:var(--font-display);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center}
.wa-step h3{font-size:1.0312rem;margin:0}
.wa-step p{font-size:0.8438rem;line-height:1.7;color:var(--grey);margin:0;flex:1}
.wa-step-time{align-self:flex-start;font-size:0.7188rem;font-weight:700;color:var(--rose-deep);background:var(--rose-soft);padding:5px 12px;border-radius:999px}

/* ---------- 备件供应 ---------- */
.wa-parts{padding:90px 0}
.wa-parts-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.wa-parts-body h2{font-size:clamp(24px,3vw,34px);margin:0 0 16px}
.wa-parts-cards{display:grid;gap:16px}
.wa-parts-card{background:#fff;border-radius:14px;padding:22px 26px;box-shadow:0 8px 22px rgba(74,44,78,.08);border-left:4px solid var(--rose)}
.wa-parts-card strong{display:block;font-size:0.9375rem;margin-bottom:6px}
.wa-parts-card span{font-size:0.8438rem;color:var(--grey);line-height:1.7}

/* ---------- 远程运维 ---------- */
.wa-remote{padding:90px 0;background:var(--cream)}
.wa-remote-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.wa-remote-body h2{font-size:clamp(24px,3vw,34px);margin:0 0 16px}
.wa-remote-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wa-remote-list li{font-size:0.9062rem;font-weight:600;color:var(--ink);display:flex;gap:10px;align-items:baseline}
.wa-remote-list li::before{content:"✿";color:var(--rose);flex-shrink:0}
.wa-remote-card{background:#fff;border-radius:var(--radius);padding:40px 34px;box-shadow:0 14px 40px rgba(74,44,78,.12);text-align:center}
.wa-remote-glyph{display:block;font-size:2.75rem;color:var(--rose);margin-bottom:14px}
.wa-remote-card strong{display:block;font-size:1.125rem;margin-bottom:10px}
.wa-remote-card p{font-size:0.875rem;line-height:1.75;color:var(--grey);margin:0}

/* ---------- 保修期后 ---------- */
.wa-after{padding:90px 0}
.wa-after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px}
.wa-after-card{background:#fff;border-radius:var(--radius);padding:32px 30px;box-shadow:0 8px 26px rgba(74,44,78,.07);transition:.3s}
.wa-after-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(74,44,78,.13)}
.wa-after-card h3{font-size:1.125rem;margin:0 0 10px}
.wa-after-card p{font-size:0.875rem;line-height:1.75;color:var(--grey);margin:0}

/* ---------- FAQ ---------- */
.wa-faq{padding:90px 0;background:var(--cream)}
.wa-faq-list{max-width:780px;margin:52px auto 0;display:grid;gap:14px}
.wa-faq details{background:#fff;border-radius:14px;padding:20px 26px;box-shadow:0 6px 18px rgba(74,44,78,.07)}
.wa-faq summary{cursor:pointer;font-weight:700;font-size:0.9688rem;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.wa-faq summary::after{content:"+";font-size:1.375rem;color:var(--rose);font-weight:400;flex-shrink:0;transition:.2s}
.wa-faq details[open] summary::after{content:"–"}
.wa-faq .wa-faq-a{font-size:0.875rem;line-height:1.8;color:var(--grey);margin-top:12px;padding-top:12px;border-top:1px solid #F7E6EC}

/* ---------- CTA ---------- */
.wa-cta{padding:100px 0;background:linear-gradient(135deg,#3E1F44,#5A2A4F);color:#fff;text-align:center}
.wa-cta h2{color:#fff;font-size:clamp(26px,3.4vw,40px);margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.wa-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.wa-cta .btn-light{background:#fff;color:var(--leaf)}
.wa-cta-mail{margin:26px 0 0;font-size:0.8438rem;color:rgba(255,255,255,.65)}
.wa-cta-mail a{color:#fff;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.4)}

/* ---------- 移动端 ---------- */
@media(max-width:980px){
  .wa-hero{padding:120px 0 50px}
  .wa-coverage,.wa-process,.wa-parts,.wa-remote,.wa-after,.wa-faq{padding:60px 0}
  .wa-banner-inner{gap:28px}
  .wa-coverage-grid,.wa-parts-grid,.wa-remote-grid{grid-template-columns:1fr;gap:32px}
  .wa-steps{grid-template-columns:1fr 1fr;gap:16px}
  .wa-after-grid{grid-template-columns:1fr}
  .wa-cta{padding:70px 0}
}
@media(max-width:640px){
  .wa-steps{grid-template-columns:1fr}
}