/* Sanel Mart dark typography refinement — use the native Apple San Francisco UI font.
   On macOS/iOS, -apple-system/BlinkMacSystemFont resolves to San Francisco;
   on other platforms the system falls back without redistributing Apple's font. */
:root { --shop-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif; }
html, body, body *, body *::before, body *::after, button, input, select, textarea, option {
  font-family: var(--shop-font) !important;
}

/* Open up tightly tracked display headings. Font sizes and weights are untouched. */
.hero h1,
.product-hero-copy h1,
.utility-intro h1,
.receipt-shell h1,
.section-heading h2,
.features-intro h2,
.review-heading h2,
.related-heading h2,
.description-header h2,
.product-description h2,
.product-description .description-head h2,
.related-section .related-heading h2,
.pricing-section h2,
.availability-section h2,
.about-import h2,
.spec-heading h2 {
  letter-spacing: 0.005em !important;
}

/* Medium-sized titles: subtle separation for readability at card scale. */
.feature-card h3,
#compatibility .feature-utility-grid .feature-card h3,
#compatibility .fit-steps-card h3,
.product-card-title h3,
.product-story-heading h3,
.chart-title h3,
.drawer-head h2,
.cart-empty h3,
.empty-big h2,
.bag-total h2,
.order-sidebar-top h2,
.card-step span,
.availability-dialog h2,
.footer-brand {
  letter-spacing: 0.008em !important;
}

/* Larger numerals breathe as well, without altering their size. */
.product-price strong,
.pricing-number,
.minute-card .minute-number,
#compatibility .fit-gallery-visual span,
.image-map-stat strong {
  letter-spacing: 0.005em !important;
}

/* Preserve the intentionally letter-spaced small uppercase labels and brand wordmark. */