/*
  Lo spazio delle figure si prenota PRIMA che arrivino.

  ⚠️⚠️ MISURATO SUL SITO VERO, scheda prodotto, 10/09/2026. Il riquadro
  della figura del prodotto e' alto 19 pixel finche' non parte il carosello,
  poi diventa 450: tutto quello che sta sotto - prezzo, configuratore,
  descrizione - salta giu' di oltre quattrocento pixel a meta' caricamento.
  Non e' un problema di lentezza: e' che nessuno ha detto al browser quanto
  spazio riservare, quindi lui non lo riserva.

  ⚠️ NON CAMBIA NIENTE A PAGINA CARICATA. Provato sul sito vero applicando
  queste regole a pagina finita: riquadro 554x450 prima e dopo, logo 234x113
  prima e dopo, altezza della pagina 2641 prima e dopo. Sono una prenotazione
  di spazio, non un ritocco all'aspetto - ed e' il motivo per cui si possono
  accendere senza paura.

  ⚠️ I rapporti vengono dalle misure vere dei file, non da numeri fissi:
  cosi' valgono a qualunque larghezza di finestra, telefono compreso, e non
  si rompono se il tema cambia le dimensioni.
*/

/* la figura grande del prodotto: 800 x 650 e' la misura "large_default" */
.product-cover {
    aspect-ratio: 800 / 650;
}

/* il logo del negozio: il file e' 580 x 280 */
img.logo,
.header-logo img,
#header .logo {
    aspect-ratio: 580 / 280;
}

/*
  ⚠️ Le due iconcine in alto (posta e account) sono minuscole - 20 e 18
  pixel - ma arrivano da file grandi 194x153 e 210x211: senza rapporto,
  per un istante occupano l'altezza sbagliata e la barra in cima si alza.
*/
a.contact-link > img {
    aspect-ratio: 194 / 153;
}

a.account-link > img {
    aspect-ratio: 210 / 211;
}

/*
  Le miniature dei prodotti nelle liste.

  ⚠️⚠️ MISURATO IL 10/09/2026 su una categoria da 56 prodotti: 87 figure in
  pagina, NESSUNA che dichiari le proprie misure. Le figure sono differite -
  arrivano scorrendo - e ognuna che arriva sposta in giu' quelle sotto:
  cinquantasei piccoli scatti mentre si guarda l'elenco.

  ⚠️ Il rapporto e' quello vero dei file del catalogo: 645 x 410 (la misura
  "home_default" di questo negozio). Provato a pagina caricata: le miniature
  restano 263x167 come prima, e l'altezza della pagina non cambia.
*/
.product-miniature .product-thumbnail img,
.product-miniature .thumbnail-container img,
.product-miniature img.img-fluid,
.product-miniature > .thumbnail-container > a > img {
    aspect-ratio: 645 / 410;
}