/* =====================================================================
   ART IMAGE — V53
   SOLO MOBILE:
   - Home: logo +1/8 circa e animazione un po' più in basso
   - Galleria: scritta superiore un po' più in alto
   - Quadri: scritta superiore un po' più in alto
   - Acquisti: contenuto complessivo più in alto
   ===================================================================== */

@media screen and (max-width:820px) {

  /* ---------------------------------------------------------
     HOME
     Logo circa +12,5% rispetto alla V52/V51.
     Mantengo la Home bloccata senza scroll.
     --------------------------------------------------------- */
  body.ai-home-page #aiMobileBrandV45 {
    height:clamp(258px, 60vw, 305px) !important;
  }

  body.ai-home-page #aiMobileBrandV45 img {
    width:clamp(274px, 63.5vw, 323px) !important;
    top:0 !important;
  }

  body.ai-home-page #imPage {
    padding-top:clamp(258px, 60vw, 305px) !important;
  }

  /* Un po' più in basso rispetto alla V52. */
  body.ai-home-page #aiMobileHomeSlideshow.ai-mobile-home-active {
    margin-top:clamp(68px, 15vw, 86px) !important;
    max-height:calc(100dvh - clamp(258px, 60vw, 305px) - 190px) !important;
  }

  /* ---------------------------------------------------------
     GALLERIA / QUADRI
     Sposto SOLO la scritta superiore più in alto,
     senza cambiare posizione delle immagini sottostanti.
     --------------------------------------------------------- */
  body.ai-gallery-page .ai-note-toolbar,
  body.ai-quadri-page .ai-note-toolbar {
    transform:translateY(-14px) !important;
    margin-bottom:-14px !important;
  }

  /* ---------------------------------------------------------
     ACQUISTI
     Recupero spazio in alto spostando tutto il contenuto verso l'alto.
     Il selettore Lingua resta fisso in alto a sinistra.
     --------------------------------------------------------- */
  body.ai-shop-page #imPage {
    padding-top:28px !important;
  }

  body.ai-shop-page .ai-order-note-text {
    margin-top:4px !important;
    margin-bottom:12px !important;
  }
}

@media screen and (max-width:360px) {

  body.ai-home-page #aiMobileBrandV45 {
    height:242px !important;
  }

  body.ai-home-page #aiMobileBrandV45 img {
    width:268px !important;
  }

  body.ai-home-page #imPage {
    padding-top:242px !important;
  }

  body.ai-home-page #aiMobileHomeSlideshow.ai-mobile-home-active {
    margin-top:56px !important;
    max-height:calc(100dvh - 242px - 170px) !important;
  }

  body.ai-gallery-page .ai-note-toolbar,
  body.ai-quadri-page .ai-note-toolbar {
    transform:translateY(-10px) !important;
    margin-bottom:-10px !important;
  }

  body.ai-shop-page #imPage {
    padding-top:24px !important;
  }
}