/* MASI Mobile — tipografía unificada en las partes del tema (solo móvil)
 * Misma familia (Poppins) y misma escala de tamaños que el resto de la app.
 * El prefijo "html body #wrapper" gana a las reglas generales del Custom CSS del tema. */
@media (max-width: 767px) {
  html body #wrapper,
  html body #wrapper *:not(.fa):not(.material-icons):not([class*="icon-"]) {
    font-family: var(--masi-font) !important;
  }

  /* Títulos */
  html body #wrapper h1,
  html body #wrapper .h1,
  html body #wrapper .page-title {
    font-size: var(--masi-fs-xl) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em;
  }
  html body #wrapper h2,
  html body #wrapper .h2 {
    font-size: var(--masi-fs-lg) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }
  html body #wrapper h3,
  html body #wrapper .h3,
  html body #wrapper h4,
  html body #wrapper .h4 {
    font-size: var(--masi-fs-md) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  /* Texto de lectura y listas: un solo tamaño; los enlaces y negritas heredan */
  html body #wrapper p,
  html body #wrapper li {
    font-size: var(--masi-fs-md) !important;
    line-height: 1.6 !important;
  }
  html body #wrapper p a,
  html body #wrapper li a,
  html body #wrapper p strong,
  html body #wrapper li strong {
    font-size: inherit !important;
  }

  /* Migas de pan */
  html body #wrapper .breadcrumb,
  html body #wrapper .breadcrumb a,
  html body #wrapper .breadcrumb span {
    font-size: var(--masi-fs-xs) !important;
  }

  /* Ficha de producto */
  html body#product #wrapper .product-prices .current-price-value,
  html body#product #wrapper .product-prices .product-price {
    color: var(--masi-ink) !important;
    font-size: var(--masi-fs-xl) !important;
    font-weight: 800 !important;
  }
  html body#product #wrapper .product-prices .price_decimals { font-size: inherit !important; top: 0 !important; }
  html body#product #wrapper .product-reference,
  html body#product #wrapper .product-reference *,
  html body#product #wrapper #product-availability {
    font-size: var(--masi-fs-sm) !important;
  }
  html body#product #wrapper div.rte-content.product-description,
  html body#product #wrapper .product-description p,
  html body#product #wrapper .product-description li {
    font-size: var(--masi-fs-md) !important;
    line-height: 1.6 !important;
  }

  /* Carrito */
  html body#cart #wrapper .cart-items .product-line-info a,
  html body#cart #wrapper .product-line-grid .label {
    font-size: var(--masi-fs-sm) !important;
    font-weight: 600 !important;
  }
  html body#cart #wrapper .cart-summary-line,
  html body#cart #wrapper .cart-summary-line .label,
  html body#cart #wrapper .cart-summary-line .value {
    font-size: var(--masi-fs-sm) !important;
    font-weight: 500 !important;
  }
  html body#cart #wrapper .cart-summary-totals .cart-total .label,
  html body#cart #wrapper .cart-summary-totals .cart-total .value,
  html body#cart #wrapper .cart-total .label,
  html body#cart #wrapper .cart-total .value {
    font-size: var(--masi-fs-lg) !important;
    font-weight: 800 !important;
  }
  html body#cart #wrapper .cart-detailed-actions .btn {
    width: 100%;
    min-height: 52px;
    border-radius: 26px !important;
    font-size: var(--masi-fs-md) !important;
    font-weight: 700 !important;
    text-transform: none !important;
  }
}