/* Smart battery detail: Figma 109:11936. Scoped to preserve the shared header/footer. */
.smart-battery-page .detail-hero { background-image: linear-gradient(90deg,rgba(10,46,99,.6),rgba(10,46,99,.28) 36%,transparent 60%),linear-gradient(180deg,transparent 84%,rgba(10,46,99,.85)),url('../images/smart-battery/hero-compressed.webp'); }
.smart-battery-page .sino-feature-icon img { width: 36px; height: 36px; object-fit: contain; }
.smart-battery-page .reliability-grid { grid-template-columns: repeat(2, minmax(0, 400px)); justify-content: center; }
.smart-battery-page .group-title.second + .feature-grid { grid-template-columns: repeat(2, minmax(0, 400px)); justify-content: center; }
.smart-battery-page .fit-grid { display: flex; justify-content: space-between; gap: 30px; max-width: none; }
.smart-battery-page .fit-grid article { flex: 0 0 195px; }
@media (min-width: 1200px) {
 .smart-battery-page .detail-hero-inner { padding-top: 110px; }
 .smart-battery-page .detail-breadcrumb { line-height: 10px; }
 .smart-battery-page .detail-hero-copy { margin-top: 45px; }
 .smart-battery-page .detail-hero-copy > span { font-weight: 400; }
 .smart-battery-page .detail-hero-copy .wise-choice { margin-top: 98px; }
 .smart-battery-page .product-summary { padding: 80px 0; min-height: 432px; }
 .smart-battery-page .summary-grid { grid-template-columns: 470px repeat(2,360px); gap: 31px; }
 .smart-battery-page .summary-grid h2 { margin: 0 0 10px; font-size: 42px; line-height: 48px; }
 .smart-battery-page .summary-grid h3 { margin-bottom: 10px; }
 .smart-battery-page .summary-grid > div:first-child > p { font-size: 13px; line-height: 19px; }
 .smart-battery-page .summary-stat { width: 100%; height: 240px; min-height: 240px; margin-top: 32px; }
 .smart-battery-page .summary-stat { gap: 9px; padding: 25px 20px; }
 .smart-battery-page .summary-stat > img { width: 121px; height: 122px; flex-basis: 121px; }
 .smart-battery-page .summary-stat p { margin-top: 20px; font-size: 20px; line-height: 20px; }
 .smart-battery-page .summary-stat strong { margin-top: 20px; font-size: 32px; line-height: 40px; letter-spacing: 0; }
 .smart-battery-page .summary-grid h2 { margin-top: 30px; }
 .smart-battery-page .difference { padding: 80px 0; }
 .smart-battery-page .difference { min-height: 1348px; }
 .smart-battery-page .detail-heading h2 { margin-top: 20px; }
 .smart-battery-page .group-title { margin: 40px 0 30px; }
 .smart-battery-page .feature-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 35px; }
 .smart-battery-page .reliability-grid { grid-template-columns: repeat(2,400px); }
 .smart-battery-page .feature-grid article { min-height: 362px; padding: 30px; }
 .smart-battery-page .benefits { height: 610px; padding: 80px 0; }
 .smart-battery-page .benefit-grid { margin-top: 40px; }
 .smart-battery-page .benefit-controls { margin-top: 40px; }
 .smart-battery-page .perfect-fit { padding: 80px 0; min-height: 515px; }
 .smart-battery-page .perfect-fit h2 { margin-bottom: 72px; }
 .smart-battery-page .downloads { min-height: 397px; padding: 80px 0; }
 .smart-battery-page .download-grid { margin-top: 40px; }
 .smart-battery-page .detail-faq { min-height: 895px; padding: 80px 0; }
}
@media (max-width: 1199px) {
 .smart-battery-page .fit-grid { overflow-x: auto; justify-content: flex-start; padding-bottom: 16px; }
 .smart-battery-page .reliability-grid { grid-template-columns: 1fr; }
 .smart-battery-page .group-title.second + .feature-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
 .smart-battery-page .detail-hero { background: linear-gradient(180deg,#0e3670 42%,rgba(10,46,99,.85) 55%,transparent 74%),linear-gradient(180deg,transparent 84%,rgba(10,46,99,.85)),url('../images/smart-battery/hero-compressed.webp') calc(50% - 184px) 352px/927px 416px no-repeat #0e3670; }
 .smart-battery-page .fit-grid article { padding: 30px 15px; }
 .smart-battery-page .fit-grid article img { width: 96px; height: 96px; margin: 0; }
 .smart-battery-page .fit-grid p { margin-top: 34px; }
}