/* AMICIANIMALI24.IT - RESPONSIVE.CSS SETTIMO PACCHETTO
   Menu mobile solo sotto 1050px. Su PC resta menu orizzontale. */

@media (max-width: 1050px){
  .main-nav,
  .nav-actions{
    display:none;
  }

  .nav-toggle{
    display:block;
    margin-left:auto;
  }

  .site-header.nav-open .main-nav,
  .site-header.nav-open .nav-actions{
    display:flex;
  }

  .site-header.nav-open .nav-wrap{
    flex-wrap:wrap;
  }

  .site-header.nav-open .main-nav{
    order:3;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px 0 14px;
  }

  .site-header.nav-open .main-nav a,
  .site-header.nav-open .nav-drop>a{
    padding:13px 0;
    border-bottom:1px solid var(--line);
  }

  .site-header.nav-open .nav-actions{
    order:4;
    width:100%;
    padding-bottom:14px;
    flex-direction:column;
    gap:10px;
  }

  .site-header.nav-open .nav-actions .btn{
    width:100%;
  }

  .nav-drop:hover .drop-menu,
  .drop-menu{
    position:static;
    display:block;
    box-shadow:none;
    border:0;
    padding:0;
    min-width:0;
    background:transparent;
  }

  .drop-wide{
    display:block!important;
    min-width:0;
    max-height:none;
    overflow:visible;
    left:auto;
  }

  .drop-section{
    padding:4px 0 8px;
  }

  .drop-section strong{
    padding:10px 14px 4px;
    margin:0;
  }

  .drop-section a,
  .drop-menu a{
    white-space:normal;
    padding:8px 14px;
  }

  .hero-grid,
  .split{
    grid-template-columns:1fr;
  }

  .hero-card img{
    height:auto;
    object-fit:contain;
  }

  .pricing{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
  }

  .search-panel{
    grid-template-columns:1fr 1fr;
  }

  .tabs{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  .container{
    width:min(100% - 24px,var(--container));
  }

  .hero,
  .section{
    padding:48px 0;
  }

  .hero h1,
  .page-hero h1{
    font-size:2.35rem;
  }

  .hero-actions,
  .section-actions,
  .alert-box,
  .cta-band,
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .grid-2,
  .grid-3,
  .grid-4,
  .pricing,
  .form-grid,
  .search-panel{
    grid-template-columns:1fr;
  }

  .hero-card img,
  .split-img img,
  .page-hero-image img{
    height:auto;
    object-fit:contain;
  }

  .floating-card{
    position:static;
    border-radius:0;
    box-shadow:none;
    max-width:none;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }

  .btn{
    width:100%;
  }

  .card-img{
    height:auto;
    object-fit:contain;
  }

  .aa24-form{
    padding:18px;
  }

  .price-card.featured{
    transform:none;
  }
}

@media (max-width: 480px){
  .site-header .container{
    width:min(100% - 18px,var(--container));
  }

  .logo{
    font-size:1rem;
  }

  .logo-mark{
    width:38px;
    height:38px;
    border-radius:12px;
  }
}