/* Surfytech Electronics — products page. Scoped to the shared .sd-page shell so the
   products layout can extend the design system without touching shared CSS. */
.sd-page .sd-prod-specs { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.sd-page .sd-prod-specs li { position: relative; padding: 10px 0 10px 22px; border-bottom: 1px dashed #dce6f1; font-size: 14px; color: #36485f; }
.sd-page .sd-prod-specs li::before { content: ''; position: absolute; left: 0; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, #0057d9, #19b49a); }
.sd-page .sd-prod-specs strong { display: block; color: #101f3c; font-size: 13px; }
.sd-page .sd-prod-badge { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 100px; background: #eaf2ff; color: #0057d9; font-size: 12px; font-weight: 700; }
.sd-page .sd-prod-badge i { font-size: 12px; }
.sd-page .sd-prod-figure { display: grid; place-items: center; height: 190px; padding: 22px; border-radius: 14px; background: linear-gradient(135deg, #eaf1ff, #edf9f5); }
.sd-page .sd-prod-figure img { max-width: 100%; max-height: 100%; object-fit: contain; }
.sd-page .sd-prod-split { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 46px; align-items: center; }
@media (max-width: 991px) {
  .sd-page .sd-prod-split { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .sd-page .sd-prod-specs { grid-template-columns: minmax(0, 1fr); }
}