/* ============================================================
   EMPORIO EDILE — Sezione Vendita (/vendita, famiglie, marchi)
   Ritmo verticale unico: 1.6rem tra blocchi vicini, 3.2rem tra sezioni.
   ============================================================ */
.vend-page{width:min(1180px,100% - 2.5rem);margin-inline:auto;padding-bottom:3.2rem}
.vend-page .breadcrumbs{padding:1.1rem 0 1.4rem}

/* Intro pagina generale / famiglia */
.vend-intro{max-width:760px;margin:0 0 1.6rem}
.vend-intro p{color:var(--slate-600);margin:0}

/* Filtro famiglie */
.fam-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.fam-chip{border:1.5px solid var(--line);border-radius:999px;padding:.42rem .95rem;font-size:.82rem;font-weight:600;color:var(--slate-600);background:#fff;line-height:1.2;transition:.15s}
.fam-chip:hover{border-color:var(--navy-900);color:var(--navy-900)}
.fam-chip.current{background:var(--navy-900);border-color:var(--navy-900);color:var(--yellow-500)}

/* Griglia marchi */
.vend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}
.vend-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:124px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:1.1rem .9rem;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}
.vend-tile:hover{border-color:var(--yellow-500);box-shadow:var(--shadow-card);transform:translateY(-2px)}
.vend-tile img{max-width:128px;max-height:54px;object-fit:contain}
.vend-tile-name{font-family:var(--font-display);font-weight:800;font-size:.9rem;color:var(--navy-900);line-height:1.25}
.vend-tile-count{font-size:.68rem;font-weight:700;color:var(--slate-400);text-transform:uppercase;letter-spacing:.04em}
.vend-empty{color:var(--slate-600);background:#F6F6FA;border-radius:var(--radius-sm);padding:1.1rem 1.3rem;margin:0}

/* Testata marchio */
.vend-brand-head{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 2rem;background:#fff;box-shadow:var(--shadow-sm);margin:0 0 2.6rem}
.vend-brand-logo-box{display:grid;place-items:center;min-height:110px;background:#F6F6FA;border-radius:var(--radius-sm);padding:1rem}
.vend-brand-logo-box img{max-width:100%;max-height:80px;object-fit:contain}
.vend-brand-logo-box span{font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--navy-900);text-align:center}
.vend-brand-text .fig-h2{margin-bottom:.6rem}
.vend-brand-text p{color:var(--slate-600);margin:0 0 .8rem}
.vend-brand-text p:last-child{margin-bottom:0}
.vend-brand-text .vend-link{font-weight:700;color:var(--navy-900);border-bottom:2px solid var(--yellow-500)}
.vend-brand-text .vend-link:hover{color:var(--navy-700)}

/* Sezione prodotti di punta */
.vend-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1.2rem}
.vend-sec-head h2{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--navy-900);margin:0}
.vend-sec-head span{font-size:.82rem;font-weight:600;color:var(--slate-400)}

/* Sezione modulo di contatto */
.vend-lead{background:#F4F4F8;padding:3.6rem 0;scroll-margin-top:calc(var(--header-h) + 1rem)}
.vend-lead-in{width:min(1180px,100% - 2.5rem);margin-inline:auto;display:grid;grid-template-columns:5fr 7fr;gap:2.4rem;align-items:start}
.vend-lead-info{background:var(--navy-900);color:#C9D1E8;border-radius:var(--radius);padding:2.4rem 2.2rem}
.vend-lead-info .section-kicker{color:var(--yellow-500)}
.vend-lead-info h2{color:#fff;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 .8rem}
.vend-lead-info p{margin:0 0 1.6rem;font-size:.97rem}
.vend-lead-list{list-style:none;margin:0;padding:1.4rem 0 0;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:.85rem}
.vend-lead-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:.93rem;line-height:1.4}
.vend-lead-list svg{flex-shrink:0;color:var(--yellow-500);margin-top:.12rem}
.vend-lead-list a{color:#fff;font-weight:700}
.vend-lead-list a:hover{color:var(--yellow-400)}
.vend-lead-list small{display:block;color:#9AA3C0;font-size:.8rem}
.vend-lead .contact-form-panel{padding:2.2rem 2.3rem}
.vend-lead .contact-form-title{font-size:1.45rem}
.vend-lead .field select{appearance:auto}

@media(max-width:900px){
  .vend-lead-in{grid-template-columns:1fr}
  .vend-brand-head{grid-template-columns:1fr;gap:1.2rem;padding:1.4rem}
  .vend-brand-logo-box{min-height:90px}
}
@media(max-width:640px){
  .vend-page{padding-bottom:2.4rem}
  .vend-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}
  .vend-tile{min-height:100px;padding:.9rem .6rem}
  .vend-lead{padding:2.4rem 0}
  .vend-lead-info{padding:1.8rem 1.5rem}
  .vend-sec-head{flex-direction:column;gap:.2rem}
}