
/* =====================================================================
   ART IMAGE — V75
   MOBILE: resa esatta delle tre note usando la grafica del font PC.
   Desktop: nessuna modifica, resta il testo HTML originale.
   ===================================================================== */

.ai-note-mobile-graphic-v75 {
  display:none;
}

@media screen and (max-width:820px) {

  /* Nascondo solo la resa testuale mobile: su desktop resta invariata. */
  body.ai-gallery-page .ai-top-note-text,
  body.ai-quadri-page .ai-top-note-text,
  body.ai-shop-page .ai-order-note-text {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .ai-note-mobile-graphic-v75 {
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 10px !important;
    padding:0 8px !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
  }

  .ai-note-mobile-graphic-v75 img {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:94vw !important;
    max-height:62px !important;
    object-fit:contain !important;
    margin:0 auto !important;
    filter:
      drop-shadow(0 1px 1px rgba(0,0,0,.95))
      drop-shadow(0 0 4px rgba(0,0,0,.88)) !important;
  }

  /* Stessa scala visiva per tutte e tre. */
  body.ai-gallery-page .ai-note-mobile-galleria-v75 img,
  body.ai-quadri-page .ai-note-mobile-quadri-v75 img,
  body.ai-shop-page .ai-note-mobile-acquisti-v75 img {
    width:min(94vw, 680px) !important;
  }
}

@media screen and (max-width:360px) {
  .ai-note-mobile-graphic-v75 img {
    max-width:96vw !important;
    max-height:56px !important;
  }
}
@media screen and (max-width:699px) and (orientation:portrait) {
  body.ai-home-page #aiMobileHomeSlideshow.ai-mobile-home-active {
    transform: translateY(-28px) !important;
  }
}
