/* VicenzaEscort - homepage first-view layout 2026-09-16 */

/* Desktop: pull hero, showcase and VIP upward without changing their order. */
@media (min-width: 681px){
  .home-mobile-priority-v1{display:none !important}
  .home-desktop-hero-v1 .hero-inner-v0{
    padding-top:20px !important;
    padding-bottom:18px !important;
  }
  .home-desktop-hero-v1 .hero-inner-v0 h1{
    margin-bottom:12px !important;
    font-size:42px !important;
  }
  .home-desktop-hero-v1 .hero-inner-v0 > p{
    margin-top:6px !important;
    margin-bottom:12px !important;
    line-height:1.45 !important;
  }
  .home-desktop-hero-v1 .hero-search-v0{
    padding:9px !important;
  }
  .home-showcase-v1{
    padding-top:16px !important;
    padding-bottom:14px !important;
  }
  .home-vip-section-v1{
    padding-top:18px !important;
  }
  .home-vip-section-v1 .section-heading-v0{
    margin-bottom:14px !important;
  }
}

/* Mobile: circular showcase first, then 4 VIP cards, compact search,
   then the remaining VIPs. The desktop hero/VIP block is hidden to prevent duplicates. */
@media (max-width: 680px){
  .home-mobile-hero-hidden-v1{display:none !important}
  .home-vip-section-v1{display:none !important}

  .home-mobile-priority-v1{
    display:block;
    padding:10px 0 12px;
  }
  .home-mobile-priority-v1 > .max-v0{
    padding-left:8px;
    padding-right:8px;
  }
  .home-mobile-first-vips-v1,
  .home-mobile-vip-rest-v1 .profile-grid-v0{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    align-items:stretch;
  }
  .home-mobile-first-vips-v1 .profile-card-v0,
  .home-mobile-vip-rest-v1 .profile-card-v0{
    width:100% !important;
    min-width:0 !important;
  }

  .home-mobile-search-v1{
    margin:10px 0 12px !important;
    padding:7px !important;
    border-radius:11px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
  }
  .home-mobile-search-v1 input,
  .home-mobile-search-v1 select{
    height:34px !important;
    min-height:34px !important;
    padding:0 8px !important;
    font-size:11px !important;
    border-radius:7px !important;
  }
  .home-mobile-search-v1 input[name="nome"]{
    grid-column:1/-1 !important;
  }
  .home-mobile-search-v1 .search-button-v0,
  .home-mobile-search-v1 .near-button-v0{
    height:34px !important;
    min-height:34px !important;
    padding:5px 8px !important;
    font-size:10px !important;
    width:100% !important;
  }

  .home-mobile-vip-rest-v1{
    margin-top:8px;
  }
  .home-mobile-vip-rest-v1 .section-heading-v0{
    margin:0 0 8px !important;
  }
  .home-mobile-vip-rest-v1 .section-heading-v0 h2{
    font-size:23px !important;
  }

  /* Circular showcase remains above everything on mobile. */
  .home-showcase-v1{
    padding-top:8px !important;
    padding-bottom:10px !important;
  }
}

/* SEO 2026-10-09: un solo blocco VIP nell'HTML, stessa resa responsive. */
@media (min-width: 681px){
  .home-vip-unified-v2 .home-vip-unified-grid-v2{
    display:grid;
  }
  .home-vip-unified-v2 .home-vip-first-v2,
  .home-vip-unified-v2 .home-vip-rest-v2{
    display:contents;
  }
  .home-vip-unified-v2 .home-vip-search-v2{
    display:none !important;
  }
}

@media (max-width: 680px){
  /* Il blocco VIP non viene più duplicato: resta visibile anche su mobile. */
  .home-vip-section-v1.home-vip-unified-v2{
    display:block !important;
    padding:2px 0 12px !important;
  }
  .home-vip-unified-v2 > .max-v0{
    padding-left:8px;
    padding-right:8px;
  }
  .home-vip-unified-v2 .home-vip-unified-grid-v2{
    display:block !important;
  }
  .home-vip-unified-v2 .home-vip-first-v2,
  .home-vip-unified-v2 .home-vip-rest-v2{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .home-vip-unified-v2 .home-vip-rest-v2{
    margin-top:8px;
  }
  .home-vip-unified-v2 .section-heading-v0{
    margin:0 0 8px !important;
  }
}