/* Sino Series detail: desktop 70:1726, mobile 26:3550. */
.sino-page { background: white; }
.sino-page .detail-hero { background: 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/sino-detail-hero-compressed.webp') center -33px/1440px 646px no-repeat #0e3670; }
.sino-page .detail-hero-copy { margin-top: 23.52px; }
.sino-page .detail-hero-copy h1 { width: 540px; font-size: 54px; line-height: 60px; font-weight: 900; letter-spacing: 1px; }
.sino-page .detail-hero-copy > span { font-weight: 400; padding-top: 20px; }
.sino-page .detail-hero-copy .wise-choice { margin-top: 86px; }
.sino-page .product-summary { min-height: auto; }
.sino-page .summary-grid { grid-template-columns: minmax(0,470px) repeat(2,minmax(0,360px)); gap: 31px; }
.sino-page .summary-grid h2 { font-size: 48px; line-height: 54px; margin: 30px 0 20px; letter-spacing: -.42px; font-weight: 900; }
.sino-page .summary-grid h3 { color: #db5b13; font-size: 14px; line-height: 20px; margin-bottom: 20px; font-weight: 700; }
.sino-page .summary-grid > div:first-child > p { font-size: 15px; line-height: 22px; }
.sino-page .summary-stat { width: 100%; }
.sino-page .summary-stat:nth-child(3) { margin-left: 0; }
.sino-page .feature-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.sino-page .feature-grid article { width: 100%; }
.sino-page .detail-heading h2 { font-weight: 900; }
.sino-page .perfect-fit { padding: 44.8px 0; }
.sino-page .perfect-fit h2 { font-size: 42px; line-height: 50px; margin-bottom: 40.32px; }
.sino-page .fit-grid { max-width: none; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 20px; }
.sino-page .fit-grid article { height: 233px; min-height: 233px; border-radius: 16px; padding: 30px 15px; justify-content: flex-start; }
.sino-page .fit-grid img { width: 96px; height: 96px; }
.sino-page .fit-grid p { margin-top: 34px; font-size: 18px; line-height: 24px; font-weight: 800; }
.sino-page .detail-faq { min-height: auto; }
.sino-mobile-contact { display: none; }
.sino-page .benefit-grid { scroll-snap-type: x mandatory; }
.sino-page .benefit-grid article { scroll-snap-align: start; }
.sino-page .benefit-pagination button { width: 26px; height: 20px; border: 0; background: linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) center/100% 2px no-repeat; cursor: pointer; }
.sino-page .benefit-pagination button.active { background-image: linear-gradient(#ffd966,#ffd966); }
.sino-page :focus-visible { outline: 2px solid #db5b13; outline-offset: 4px; }
.sino-page .benefit-arrows button:disabled { opacity: .35; cursor: default; }
.sino-page .download-grid span { white-space: normal; }
@media (min-width: 1024px) and (max-width: 1399px) {
  .sino-page .nav-glass > .wrap { padding-inline: 30px; justify-content: space-between; }
  .sino-page .nav-glass > .wrap > nav { margin-left: 30px; }
  .sino-page .summary-grid { grid-template-columns: 1.2fr 1fr 1fr; gap: 20px; }
  .sino-page .summary-stat > img { width: 90px; height: 90px; flex-basis: 90px; }
  .sino-page .summary-stat strong { font-size: 25px; }
}
@media (max-width: 1023px) {
  .sino-mobile-contact { display: inline-flex; padding: 7px 18px; border-radius: 4px; background: #ffc727; color: #0a2e63; font-size: 12px; line-height: 12px; font-weight: 600; }
  .sino-page .summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sino-page .summary-grid > div:first-child { grid-column: 1/-1; }
  .sino-page .fit-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
  .sino-page .fit-grid article { flex: 0 0 195px; scroll-snap-align: start; }
}
@media (max-width: 767px) {
  .sino-page .wrap { width: calc(100% - 30px); }
  .sino-page .detail-hero,.sino-page .detail-hero-inner { min-height: 740px; }
  .sino-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/sino-detail-hero-compressed.webp') calc(50% - 184px) 352px/927px 416px no-repeat #0e3670; }
  .sino-page .detail-hero-inner { padding-top: 92px; }
  .sino-page .product-header > .wrap > a:first-child img { width: 91px; height: 48px; }
  .sino-page .detail-breadcrumb { font-size: 11px; line-height: 10px; gap: 12px; letter-spacing: .6px; white-space: normal; }
  .sino-page .detail-hero-copy { margin-top: 32.48px; }
  .sino-page .detail-hero-copy h1 { width: 100%; font-size: 32px; line-height: 40px; letter-spacing: 1px; }
  .sino-page .detail-hero-copy h1 span { display: block; }
  .sino-page .detail-hero-copy h1 br { display: none; }
  .sino-page .detail-hero-copy > span { width: 259px; max-width: 100%; margin-top: 20px; padding-top: 15px; border-top-width: 4px; font-size: 26px; line-height: 32px; }
  .sino-page .detail-hero-copy .wise-choice { width: 190px; height: auto; max-width: 100%; margin-top: 60px; }
  .sino-page .product-summary,.sino-page .difference,.sino-page .detail-faq { padding: 22.4px 0; }
  .sino-page .summary-grid { grid-template-columns: minmax(0,1fr); gap: 40px; }
  .sino-page .summary-grid h2 { margin: 20px 0; font-size: 28px; line-height: 34px; }
  .sino-page .summary-grid h3 { max-width: 305px; }
  .sino-page .summary-grid > div:first-child > p { font-size: 14px; line-height: 24px; }
  .sino-page .summary-stat { min-height: 201px; padding: 20px; gap: 10px; }
  .sino-page .summary-stat > img { width: 100px; height: 101px; flex-basis: 100px; }
  .sino-page .summary-stat p { margin-top: 21px; font-size: 18px; line-height: 20px; }
  .sino-page .summary-stat strong { margin-top: 17px; font-size: clamp(24px,8.33vw,30px); line-height: 34px; }
  .sino-page .detail-heading h2 { max-width: 306px; margin: 20px auto 0; font-size: 28px; line-height: 34px; }
  .sino-page .group-title { height: auto; min-height: 95px; gap: 20px; margin: 22.4px 0 16.8px; padding-bottom: 30px; }
  .sino-page .group-title > img { width: 64px; height: 64px; flex-basis: 64px; }
  .sino-page .group-title span { padding-top: 10px; min-width: 0; }
  .sino-page .group-title strong { font-size: 18px; line-height: 24px; }
  .sino-page .group-title em { margin-top: 10px; font-size: 14px; line-height: 20px; }
  .sino-page .feature-grid { grid-template-columns: minmax(0,1fr); gap: 35px; }
  .sino-page .feature-grid article { min-height: 362px; padding: 30px 30px 40px; }
  .sino-page .feature-grid h4 { margin-top: 30px; }
  .sino-page .benefits { height: auto; padding: 22.4px 0; }
  .sino-page .benefit-grid { width: calc(100% + 15px); margin-top: 22.4px; gap: 30px; padding-right: 15px; }
  .sino-page .benefit-grid article { width: 295px; flex-basis: 295px; height: 244px; padding: 30px; }
  .sino-page .benefit-grid article > span { width: 96px; height: 96px; flex-basis: 96px; }
  .sino-page .benefit-grid article > span img { width: 54px; height: 54px; }
  .sino-page .benefit-grid p { width: 235px; margin-top: 36px; font-size: 18px; line-height: 24px; }
  .sino-page .benefit-controls { grid-template-columns: 80px minmax(0,1fr) 74px; gap: 10px; margin-top: 22.4px; }
  .sino-page .perfect-fit { padding: 22.4px 0; }
  .sino-page .perfect-fit h2 { margin: 0 auto 16.8px; max-width: 330px; font-size: 28px; line-height: 34px; }
  .sino-page .fit-grid { width: 100%; justify-content: flex-start !important; margin-left: 0; padding-right: 0; gap: 20px; scroll-padding-left: 0; scrollbar-width: none; }
  .sino-page .fit-grid article { padding: 30px 15px; overflow: hidden; }
  .sino-page .fit-grid img { width: 96px; height: 96px; object-fit: contain; }
  .sino-page .fit-grid p { margin: 34px 0 0; }
  .sino-page .downloads { padding: 22.4px 0; }
  .sino-page .downloads-inner { width: calc(100% - 30px); padding: 0 20px; }
  .sino-page .download-grid { margin-top: 16.8px; gap: 20px; }
  .sino-page .download-grid a { padding: 30px 20px 25px; }
  .sino-page .detail-faq { min-height: 0; }
  .sino-page .detail-faq-list { margin-top: 15px; }
  .sino-page .detail-faq summary { padding: 16px 64px 16px 25px; line-height: 20px; }
  .sino-page .detail-faq details p { margin-right: 25px; }
  .sino-page footer { padding: 22.4px 0; }
  .sino-page footer > .wrap:first-child { grid-template-columns: minmax(0,1fr); gap: 40px; }
  .sino-page footer > .wrap:first-child > div:first-child { text-align: center; }
  .sino-page footer > .wrap:first-child > div:first-child > img { width: 99px; height: 52px; margin-inline: auto; object-position: center; }
  .sino-page footer > .wrap:first-child > div:first-child > p { max-width: 277px; margin: 20px auto 0; font-size: 13.5px; line-height: 23px; }
  .sino-page footer > .wrap:first-child > div:first-child > div { justify-content: center; margin-top: 28px; padding-top: 8px; }
  .sino-page footer hr { margin: 20px 0 10px; }
  .sino-page footer > .wrap:first-child > div > a { padding-block: 0; line-height: 40px; }
  .sino-page footer > .wrap:last-child { width: 100%; margin-top: 40px; padding: 40px 15px 0; align-items: center; gap: 20px; text-align: center; font-size: 12px; line-height: 14px; }
}

/* Exported glyphs retain their Figma proportions within the circular tiles. */
.sino-page .sino-feature-icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: #fff; }
.sino-page .sino-feature-icon img { padding: 0; border-radius: 0; background: none; object-fit: contain; }
.sino-page .benefit-grid article > span { background-image: url('../images/sino-benefit-circle.svg'); }
.sino-page .detail-faq summary::after { background-image: url('../images/sino-faq-plus.svg'); }
.sino-page .detail-faq details[open] summary::after { background-image: url('../images/sino-faq-minus.svg'); }
.sino-page .sino-feature-icon img[src$="sino-feature-wave.svg"] { width: 36.000px; height: 24.174px; }
.sino-page .sino-feature-icon img[src$="sino-feature-zero.svg"] { width: 36.000px; height: 31.642px; }
.sino-page .sino-feature-icon img[src$="sino-feature-changeover.svg"] { width: 36.000px; height: 26.810px; }
.sino-page .sino-feature-icon img[src$="sino-feature-battery.svg"] { width: 36.000px; height: 27.511px; }
.sino-page .sino-feature-icon img[src$="sino-feature-microcontroller.svg"] { width: 32.391px; height: 36.000px; }
.sino-page .sino-feature-icon img[src$="sino-feature-power.svg"] { width: 35.109px; height: 36.000px; }
.sino-page .benefit-grid article > span img[src$="sino-benefit-wave.svg"] { width: 54.000px; height: 36.144px; }
.sino-page .benefit-grid article > span img[src$="sino-benefit-silent.svg"] { width: 54.000px; height: 54.000px; }
.sino-page .benefit-grid article > span img[src$="sino-benefit-changeover.svg"] { width: 54.000px; height: 36.165px; }
.sino-page .benefit-grid article > span img[src$="sino-benefit-charge.svg"] { width: 54.000px; height: 51.000px; }
.sino-page .benefit-grid article > span img[src$="sino-benefit-protect.svg"] { width: 54.000px; height: 49.000px; }