/* Readable type floor for visitors of every age. Keep display headings intact. */
:root {
  --shimulia-readable-small: 14px;
}

:where(
  .shimulia-account-panel small,
  .shimulia-account-panel a,
  .shimulia-account-panel form button,
  .shimulia-footer p,
  .shimulia-footer a,
  .shimulia-footer b,
  .shimulia-footer small,
  .shimulia-footer span,
  body:not(.customer-ui-page) main button,
  body:not(.customer-ui-page) main input,
  body:not(.customer-ui-page) main select,
  body:not(.customer-ui-page) main textarea,
  body:not(.customer-ui-page) main label,
  body:not(.customer-ui-page) main small,
  body:not(.customer-ui-page) main .eyebrow,
  body:not(.customer-ui-page) main .kicker,
  body:not(.customer-ui-page) main .chapter,
  body:not(.customer-ui-page) main .section-no,
  body:not(.customer-ui-page) main .index,
  body:not(.customer-ui-page) main .badge,
  body:not(.customer-ui-page) main [class*="meta"],
  body:not(.customer-ui-page) main [class*="availability"],
  body:not(.customer-ui-page) main [class*="status"],
  body:not(.customer-ui-page) main [class*="count"]
) {
  font-size: var(--shimulia-readable-small) !important;
  line-height: 1.4 !important;
}

/* Product-card controls and supporting details were the smallest retail text. */
:where(
  .storefront-shop-actions button,
  .storefront-shop-price span,
  .product-actions button,
  .product-price span,
  .info button,
  .info p
) {
  font-size: var(--shimulia-readable-small) !important;
  line-height: 1.3 !important;
}

@media (max-width: 680px) {
  :root {
    --shimulia-readable-small: 14px;
  }
}