/* v256 — Hero mobile interne realmente uniformi
   File separato per evitare cache del precedente style.css. */
@media (max-width:700px){
  :root{
    --pgc-internal-hero-mobile-height:444px;
    --pgc-internal-logo-mobile-height:108px;
  }

  #angelo > .hero,
  #soluzioni > .hero,
  #usato > .hero,
  #outlet > .hero,
  #vendita-online > .hero,
  #ricambi > .hero{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:var(--pgc-internal-hero-mobile-height)!important;
    min-height:var(--pgc-internal-hero-mobile-height)!important;
    max-height:var(--pgc-internal-hero-mobile-height)!important;
    padding:18px 0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  #angelo > .hero > .hero-grid,
  #soluzioni > .hero > .hero-grid,
  #usato > .hero > .hero-grid,
  #outlet > .hero > .hero-grid,
  #vendita-online > .hero > .hero-grid,
  #ricambi > .hero > .hero-grid{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:0 20px!important;
    margin:0 auto!important;
  }

  #angelo > .hero > .hero-grid > div:first-child,
  #soluzioni > .hero > .hero-grid > div:first-child,
  #usato > .hero > .hero-grid > div:first-child,
  #outlet > .hero > .hero-grid > div:first-child,
  #vendita-online > .hero > .hero-grid > div:first-child,
  #ricambi > .hero > .hero-grid > div:first-child{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:38px 146px 100px 18px 106px!important;
    align-content:start!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  #angelo > .hero .eyebrow,
  #soluzioni > .hero .eyebrow,
  #usato > .hero .eyebrow,
  #outlet > .hero .eyebrow,
  #vendita-online > .hero .eyebrow,
  #ricambi > .hero .eyebrow{
    grid-row:1!important;
    align-self:end!important;
    margin:0 0 8px!important;
  }

  #angelo > .hero h1,
  #soluzioni > .hero h1,
  #usato > .hero h1,
  #outlet > .hero h1,
  #vendita-online > .hero h1,
  #ricambi > .hero h1{
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    font-size:35px!important;
    line-height:1.04!important;
  }

  #angelo > .hero .lead,
  #soluzioni > .hero .lead,
  #usato > .hero .lead,
  #outlet > .hero .lead,
  #vendita-online > .hero .lead,
  #ricambi > .hero .lead{
    grid-row:3!important;
    align-self:start!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.43!important;
    overflow:hidden!important;
  }

  #angelo > .hero .ap-hero-actions,
  #soluzioni > .hero .hero-grid > div:first-child > div:last-child,
  #usato > .hero .used-hero-actions,
  #outlet > .hero .hero-grid > div:first-child > div:last-child,
  #vendita-online > .hero .hero-grid > div:first-child > div:last-child,
  #ricambi > .hero .hero-actions{
    grid-row:5!important;
    align-self:start!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  #angelo > .hero .btn,
  #soluzioni > .hero .btn,
  #usato > .hero .btn,
  #outlet > .hero .btn,
  #vendita-online > .hero .btn,
  #ricambi > .hero .btn{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:0 14px!important;
  }

  #angelo > .mobile-hero-logo-strip,
  #soluzioni > .mobile-hero-logo-strip,
  #usato > .mobile-hero-logo-strip,
  #outlet > .mobile-hero-logo-strip,
  #vendita-online > .mobile-hero-logo-strip,
  #ricambi > .mobile-hero-logo-strip{
    box-sizing:border-box!important;
    height:var(--pgc-internal-logo-mobile-height)!important;
    min-height:var(--pgc-internal-logo-mobile-height)!important;
    max-height:var(--pgc-internal-logo-mobile-height)!important;
    margin:0!important;
  }
}

@media (max-width:380px){
  :root{
    --pgc-internal-hero-mobile-height:438px;
    --pgc-internal-logo-mobile-height:96px;
  }

  #angelo > .hero,
  #soluzioni > .hero,
  #usato > .hero,
  #outlet > .hero,
  #vendita-online > .hero,
  #ricambi > .hero{
    padding:14px 0!important;
  }

  #angelo > .hero > .hero-grid > div:first-child,
  #soluzioni > .hero > .hero-grid > div:first-child,
  #usato > .hero > .hero-grid > div:first-child,
  #outlet > .hero > .hero-grid > div:first-child,
  #vendita-online > .hero > .hero-grid > div:first-child,
  #ricambi > .hero > .hero-grid > div:first-child{
    grid-template-rows:36px 132px 108px 14px 96px!important;
  }

  #angelo > .hero h1,
  #soluzioni > .hero h1,
  #usato > .hero h1,
  #outlet > .hero h1,
  #vendita-online > .hero h1,
  #ricambi > .hero h1{
    font-size:31px!important;
  }

  #angelo > .hero .lead,
  #soluzioni > .hero .lead,
  #usato > .hero .lead,
  #outlet > .hero .lead,
  #vendita-online > .hero .lead,
  #ricambi > .hero .lead{
    font-size:13px!important;
    line-height:1.4!important;
  }

  #angelo > .hero .btn,
  #soluzioni > .hero .btn,
  #usato > .hero .btn,
  #outlet > .hero .btn,
  #vendita-online > .hero .btn,
  #ricambi > .hero .btn{
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
  }
}