/* =====================================================================
   ART IMAGE — V57
   Mobile:
   - Home: scritta servizi almeno 2x, su due righe, molto leggibile
   - Galleria / Quadri / Acquisti: tutto ancora un po' più in alto
   ===================================================================== */

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

  /* ---------------------------------------------------------
     HOME — scritta servizi
     Due righe, molto più grandi della vecchia immagine.
     Nessun box: bianco pieno + alone nero profondo.
     --------------------------------------------------------- */
  body.ai-home-page #aiHomeServicesV56 {
    display:flex !important;
    position:fixed !important;
    z-index:49950 !important;
    left:50% !important;
    bottom:calc(124px + env(safe-area-inset-bottom, 0px)) !important;
    width:min(96vw, 680px) !important;
    height:78px !important;
    margin:0 !important;
    padding:0 8px !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 > img {
    display:none !important;
  }

  body.ai-home-page .ai-home-services-text-v57 {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-family:'Segoe Print', cursive !important;
    font-size:clamp(23px, 5.8vw, 30px) !important;
    line-height:1.10 !important;
    font-weight:600 !important;
    text-align:center !important;
    letter-spacing:.1px !important;

    -webkit-text-stroke:.48px rgba(0,0,0,1) !important;
    text-shadow:
      -1.4px -1.4px 1px #000,
       1.4px -1.4px 1px #000,
      -1.4px  1.4px 1px #000,
       1.4px  1.4px 1px #000,
       0 0 4px #000,
       0 0 8px #000,
       0 0 14px rgba(0,0,0,.98),
       0 0 22px rgba(0,0,0,.88) !important;
  }

  body.ai-home-page .ai-home-services-text-v57 span {
    display:block !important;
    width:100% !important;
    white-space:nowrap !important;
  }

  /* Riservo un po' più di aria alla scritta grande sopra il menu. */
  body.ai-home-page #aiMobileHomeSlideshow.ai-mobile-home-active {
    margin-bottom:82px !important;
  }

  /* ---------------------------------------------------------
     GALLERIA / QUADRI / ACQUISTI
     Tutto sale ancora un poco rispetto alla V56/V55.
     Lingua resta fisso e non si muove.
     --------------------------------------------------------- */
  body.ai-gallery-page #imPage,
  body.ai-quadri-page #imPage,
  body.ai-shop-page #imPage {
    padding-top:20px !important;
    box-sizing:border-box !important;
  }

  body.ai-gallery-page .ai-note-toolbar,
  body.ai-quadri-page .ai-note-toolbar {
    margin-top:0 !important;
    padding-top:0 !important;
    transform:none !important;
  }

  body.ai-shop-page .ai-shop-top-row-v55 {
    margin-top:0 !important;
    padding-top:0 !important;
  }

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

@media screen and (max-width:360px) {
  body.ai-home-page #aiHomeServicesV56 {
    bottom:calc(110px + env(safe-area-inset-bottom, 0px)) !important;
    height:66px !important;
    width:97vw !important;
  }

  body.ai-home-page .ai-home-services-text-v57 {
    font-size:20px !important;
    line-height:1.08 !important;
  }

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

  body.ai-gallery-page #imPage,
  body.ai-quadri-page #imPage,
  body.ai-shop-page #imPage {
    padding-top:18px !important;
  }
}