/* ============================================================
   Pistone Rappresentanze — Pagina singolo marchio
   marca.css  ·  /marchi/<slug>
   ============================================================ */

/* Breadcrumb nel hero */
.crumbs {
  display:flex; justify-content:center; align-items:center; gap:.55rem;
  font-size:.64rem; letter-spacing:.14em; text-transform:uppercase;
  color: var(--txt-muted); margin-bottom:1.4rem; flex-wrap:wrap;
  animation: fU .7s ease .05s both;
}
.crumbs a { color: var(--txt-muted); transition: color .25s; }
.crumbs a:hover { color: var(--brass); }
.crumbs span { color: var(--txt-dim); }
.crumbs strong { color: var(--ink); font-weight:500; }

/* Logo grande nella scheda marchio */
.bpage-logo {
  background:#fff; border:1px solid var(--line-2); border-radius:3px;
  padding:1.2rem; margin-bottom:1rem; display:flex; align-items:center; justify-content:center;
}
.bpage-logo img { max-height:84px; width:auto; object-fit:contain; }

/* Bottoni sotto il testo */
.brand-ctas { display:flex; gap:12px; flex-wrap:wrap; margin-top:1.8rem; }

/* Due card: negozi / clienti finali */
.aud-grid { display:grid; grid-template-columns:1fr 1fr; gap: clamp(1rem,2vw,1.6rem); max-width:56rem; margin:0 auto; }
@media (max-width: 700px) { .aud-grid { grid-template-columns:1fr; } }