/* =====================================================================
   ART IMAGE — V59
   Mobile:
   - Home: scritta servizi originale, ma chiara e più leggibile
   - Home: animazione leggermente più in alto
   - Acquisti: "Per fare un ordine" e "clicca qui" stessa dimensione
   ===================================================================== */

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

  /* ---------------------------------------------------------
     HOME — stessa grafica originale, colore più chiaro
     --------------------------------------------------------- */
  body.ai-home-page #aiHomeServicesV56 .ai-home-services-original-v58 {
    content:url("../images/home-servizi-originale-chiaro-v59.png") !important;
    filter:
      drop-shadow(0 1px 1px rgba(0,0,0,1))
      drop-shadow(0 0 3px rgba(0,0,0,1))
      drop-shadow(0 0 7px rgba(0,0,0,.98))
      drop-shadow(0 0 13px rgba(0,0,0,.90)) !important;
  }

  /* Animazione un poco più in alto rispetto alla V58. */
  body.ai-home-page #aiMobileHomeSlideshow.ai-mobile-home-active {
    margin-top:clamp(56px, 12.5vw, 72px) !important;
  }

  /* ---------------------------------------------------------
     ACQUISTI — stessa dimensione visiva per entrambe le parti
     --------------------------------------------------------- */
  body.ai-shop-page .ai-order-note-text,
  body.ai-shop-page .ai-order-note-text span,
  body.ai-shop-page .ai-order-note-text a,
  body.ai-shop-page .ai-order-note-text i,
  body.ai-shop-page .ai-order-note-text b,
  body.ai-shop-page .ai-order-note-link,
  body.ai-shop-page .ai-order-note-link * {
    font-family:'Segoe Print', cursive !important;
    font-size:clamp(22px, 5.5vw, 27px) !important;
    line-height:1.34 !important;
    font-weight:600 !important;
  }

  body.ai-shop-page .ai-order-note-text {
    text-align:center !important;
  }
}

@media screen and (max-width:360px) {
  body.ai-home-page #aiMobileHomeSlideshow.ai-mobile-home-active {
    margin-top:46px !important;
  }

  body.ai-shop-page .ai-order-note-text,
  body.ai-shop-page .ai-order-note-text span,
  body.ai-shop-page .ai-order-note-text a,
  body.ai-shop-page .ai-order-note-text i,
  body.ai-shop-page .ai-order-note-text b,
  body.ai-shop-page .ai-order-note-link,
  body.ai-shop-page .ai-order-note-link * {
    font-size:20px !important;
  }
}