/*
 * Marcas destacadas (Paket A, 2026-09-18) — Block „Compra por marcas destacadas" und
 * Kopf der Markenseite. Nur Struktur: Farben/Radien kommen aus den Shop-Tokens in
 * style.css (--shop-line, --shop-radius-panel, --shop-ink, --shop-mut, --shop-gold-d),
 * damit Christinas Entwurf später eingekleidet statt neu gebaut wird (Konzept 3.7).
 */
.elv-marcas{margin:0 0 1.2rem;padding:1.05rem;border:1px solid var(--shop-line);border-radius:var(--shop-radius-panel);background:#fff}
.elv-marcas__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}
.elv-marcas__item{margin:0;min-width:0}
.elv-marca-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;height:100%;min-height:118px;padding:.9rem .7rem;
  border:1px solid var(--shop-line);border-radius:14px;background:#fff;color:var(--shop-ink);text-decoration:none;text-align:center;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.elv-marca-tile:hover{border-color:var(--shop-gold-d,#8A6515);box-shadow:0 10px 24px -18px rgba(13,27,42,.55);transform:translateY(-1px)}
.elv-marca-tile:focus-visible{outline:3px solid var(--shop-gold-d,#8A6515);outline-offset:3px}
.elv-marca-tile__mark{display:flex;align-items:center;justify-content:center;width:100%;height:64px}
.elv-marca-logo{display:block;max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain}
.elv-marca-wordmark{font-family:Antonio,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:1.3rem;line-height:1.05;overflow-wrap:anywhere}
.elv-marca-tile__count{font-size:.82rem;color:var(--shop-mut)}
.elv-marca-tile__aviso{display:block;max-width:100%;font-size:.68rem;line-height:1.25;color:var(--shop-mut);overflow-wrap:anywhere}
.elv-marca-head{display:flex;align-items:center;gap:1rem}
.elv-marca-head__mark .elv-marca-logo{max-height:56px}
.elv-marca-head__aviso{display:block;margin-top:.2rem;font-size:.74rem;color:var(--shop-mut)}
@media (max-width:640px){
  .elv-marcas{padding:.85rem;border-radius:18px}
  /* Wischbare Reihe: Querscrollen nur in der Liste, nie auf der Seite. */
  .elv-marcas__list{display:flex;overflow-x:auto;gap:.65rem;margin:0 -.85rem;padding:0 .85rem .25rem;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}
  .elv-marcas__item{flex:0 0 136px;scroll-snap-align:start}
  .elv-marca-tile{min-height:108px}
}
@media (prefers-reduced-motion:reduce){.elv-marca-tile{transition:none}.elv-marca-tile:hover{transform:none}}