/* =====================================================================
   ART IMAGE — V58
   Mobile:
   - Home: torna la scritta grafica ORIGINALE, grande e leggibile
   - la scritta sale leggermente rispetto al menu
   - Acquisti: "Per fare un ordine / clicca qui" più grande
   ===================================================================== */

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

  /* ---------------------------------------------------------
     HOME — scritta originale
     --------------------------------------------------------- */
  body.ai-home-page #aiHomeServicesV56 {
    display:flex !important;
    position:fixed !important;
    z-index:49950 !important;
    left:50% !important;

    /* Più distante dal menu rispetto alla V57 */
    bottom:calc(140px + env(safe-area-inset-bottom, 0px)) !important;

    width:min(98vw, 700px) !important;
    height:78px !important;
    margin:0 !important;
    padding:0 4px !important;
    transform:translateX(-50%) !important;

    align-items:center !important;
    justify-content:center !important;
    pointer-events:none !important;
    box-sizing:border-box !important;
  }

  body.ai-home-page #aiHomeServicesV56 .ai-home-services-text-v57 {
    display:none !important;
  }

  body.ai-home-page #aiHomeServicesV56 .ai-home-services-original-v58 {
    display:block !important;
    width:min(96vw, 670px) !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;

    /* Alone nero deciso, ma senza box */
    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 12px rgba(0,0,0,.88)) !important;
  }

  /* Testo semantico invisibile: non altera la grafica originale. */
  body.ai-home-page .ai-home-services-accessible-v58 {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }

  /* La nuova scritta è più in alto: lascio aria sufficiente sotto l'animazione. */
  body.ai-home-page #aiMobileHomeSlideshow.ai-mobile-home-active {
    margin-bottom:94px !important;
  }

  /* ---------------------------------------------------------
     ACQUISTI — scritta più grande
     --------------------------------------------------------- */
  body.ai-shop-page .ai-order-note-text,
  body.ai-shop-page .ai-order-note-text *,
  body.ai-shop-page .ai-order-note-link {
    font-family:'Segoe Print', cursive !important;
    font-size:clamp(21px, 5.35vw, 26px) !important;
    line-height:1.34 !important;
    font-weight:600 !important;
  }

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

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

  body.ai-home-page #aiHomeServicesV56 {
    bottom:calc(126px + env(safe-area-inset-bottom, 0px)) !important;
    width:99vw !important;
    height:68px !important;
  }

  body.ai-home-page #aiHomeServicesV56 .ai-home-services-original-v58 {
    width:97vw !important;
  }

  body.ai-home-page #aiMobileHomeSlideshow.ai-mobile-home-active {
    margin-bottom:82px !important;
  }

  body.ai-shop-page .ai-order-note-text,
  body.ai-shop-page .ai-order-note-text *,
  body.ai-shop-page .ai-order-note-link {
    font-size:19px !important;
  }
}