/* ==========================================================================
   CAR MAX — mobiilin typografia-asteikko

   Prototyypin otsikkokoot on kirjoitettu clamp()-arvoina, joiden ALARAJA on
   mitoitettu tyopoydalle: esim. .cmx-page-title on clamp(2.5rem, 4.5vw,
   3.75rem), jolloin 375 px:n ruudulla 4.5vw = 17 px painuu alarajaan 40 px.
   Kaikki otsikot jaavat siis mobiilissa suurimpaan mahdolliseen kokoonsa.

   Tama tiedosto laskee alarajat mobiilikokoon. Kerroin on noin 0.72, sama
   kuin generoiduilla tyyliluokilla (carmax-kartoitus.css), jotta ilme pysyy
   yhtenaisena.

   KASIN KIRJOITETTU. Ei tuoteta skripteilla.
   ========================================================================== */

@media (max-width: 768px){

  /* --- otsikot --- */
  .carmax.carmax.carmax .cmx-page-title{font-size: 2rem}
  .carmax.carmax.carmax .cmx-section-title{font-size: 1.75rem}
  .carmax.carmax.carmax .hero-clean-title{font-size: 2.25rem}
  .carmax.carmax.carmax .story-split-text h2,
  .carmax.carmax.carmax .buy-content h2{font-size: 1.75rem}
  .carmax.carmax.carmax .service-block-title{font-size: 1.375rem}

  /* --- suuret luvut ja korostukset --- */
  .carmax.carmax.carmax .reviews-big-number{font-size: 2.5rem}
  .carmax.carmax.carmax .reviews-stars-row{font-size: 1.25rem}
  .carmax.carmax.carmax .review-quote{font-size: 1.0625rem}
  .carmax.carmax.carmax .car-item-price{font-size: 1.25rem}
  .carmax.carmax.carmax .car-item-title{font-size: 1.1875rem}

  /* --- yhteystietosolut --- */
  .carmax.carmax.carmax .contact-cell .cell-value{font-size: 1.25rem}
  .carmax.carmax.carmax .contact-cell .cell-desc{font-size: 1rem}

  /* --- tietoikkuna --- */
  .carmax.carmax.carmax .modal-car-title,
  .carmax.carmax.carmax .modal-car-price{font-size: 1.375rem}
  .carmax.carmax.carmax .modal-content{padding: 24px}

  /* --- napit: hieman matalampi ja kapeampi, teksti pienemmaksi --- */
  .carmax.carmax.carmax .cmx-btn .elementor-button,
  .carmax.carmax.carmax .cmx-btn{font-size: 0.9375rem; padding: 14px 22px}
  .carmax.carmax.carmax .cmx-btn-lg .elementor-button,
  .carmax.carmax.carmax .cmx-btn-lg{font-size: 1rem; padding: 16px 26px}
  .carmax.carmax.carmax .cmx-btn-sm .elementor-button,
  .carmax.carmax.carmax .cmx-btn-sm{font-size: 0.875rem; padding: 10px 18px}

  /* --- mobiilivalikon linkit --- */
  .carmax.carmax.carmax .cmx-mobile-nav-link{font-size: 1.1875rem}
}