/* mobile-a11y.css — StrayBreed
   Legibilidad y objetivos tactiles en movil. Solo afecta a <=768px.
   Anadido 2026-08-17. Para revertir: borrar el <link> que lo carga. */

@media (max-width: 768px) {

  /* --- Legibilidad: nada por debajo de 13px --- */
  .catalog-garment-badge,
  .card-cta,
  .product-page-link,
  .shirt-side-preview,
  .card-personalize,
  .club.brand-lock,
  .number,
  summary {
    font-size: 13px !important;
    line-height: 1.35;
  }

  /* El peor caso medido: 9.28px */
  .catalog-garment-badge {
    letter-spacing: 0.03em;
  }

  /* --- Evita el zoom automatico de iOS al enfocar un campo --- */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  /* --- Objetivos tactiles: minimo 44px de alto --- */
  .product-page-link,
  .card-cta {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .shirt-side-preview,
  .card-personalize {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* Los puntos de color conservan su tamano visual;
     solo se amplia el area tactil invisible. */
  .shirt-dot {
    position: relative;
  }

  .shirt-dot::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }

  /* Filtros de categoria: estaban en 40px */
  .filter,
  .filter.has-thumb {
    min-height: 44px;
  }
}