/* Wattrix detail: Figma 109:11021. Scoped to preserve the shared header/footer. */
.wattrix-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/wattrix/HomeInvertsSectionHero2-compressed.webp'); }
.wattrix-page .sino-feature-icon img { width: 36px; height: 36px; object-fit: contain; }
.wattrix-page .fit-grid { display: flex; justify-content: space-between; gap: 30px; max-width: none; }
.wattrix-page .fit-grid article { flex: 0 0 195px; }
@media (min-width: 1200px) {
 .wattrix-page .detail-hero-inner { padding-top: 110px; }
 .wattrix-page .detail-breadcrumb { line-height: 10px; }
 .wattrix-page .detail-hero-copy { margin-top: 45px; }
 .wattrix-page .detail-hero-copy > span { font-weight: 400; }
 .wattrix-page .detail-hero-copy .wise-choice { margin-top: 98px; }
 .wattrix-page .product-summary { padding: 80px 0; min-height: 432px; }
 .wattrix-page .summary-grid { grid-template-columns: 470px repeat(3,minmax(0,1fr)); gap: 25px; }
 .wattrix-page .summary-stat { width: 100%; height: 240px; min-height: 240px; margin-top: 32px; }
 .wattrix-page .summary-grid h2 { margin-top: 30px; }
 .wattrix-page .difference { padding: 80px 0; }
 .wattrix-page .detail-heading h2 { margin-top: 20px; }
 .wattrix-page .group-title { margin: 40px 0 30px; }
 .wattrix-page .feature-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 35px; }
 .wattrix-page .feature-grid article { min-height: 362px; padding: 30px; }
 .wattrix-page .benefits { height: 610px; padding: 80px 0; }
 .wattrix-page .benefit-grid { margin-top: 40px; }
 .wattrix-page .benefit-controls { margin-top: 40px; }
 .wattrix-page .perfect-fit { padding: 80px 0; min-height: 515px; }
 .wattrix-page .perfect-fit h2 { margin-bottom: 72px; }
 .wattrix-page .downloads { min-height: 397px; padding: 80px 0; }
 .wattrix-page .download-grid { margin-top: 40px; }
 .wattrix-page .detail-faq { min-height: 895px; padding: 80px 0; }
}
@media (max-width: 1199px) {
 .wattrix-page .fit-grid { overflow-x: auto; justify-content: flex-start; padding-bottom: 16px; }
}
@media (max-width: 767px) {
 .wattrix-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/wattrix/HomeInvertsSectionHero2-compressed.webp') calc(50% - 184px) 352px/927px 416px no-repeat #0e3670; }
 .wattrix-page .fit-grid article { padding: 30px 15px; }
 .wattrix-page .fit-grid article img { width: 96px; height: 96px; margin: 0; }
 .wattrix-page .fit-grid p { margin-top: 34px; }
}