/* ==========================================================================
   b-mall pagina Branduri v3 (30 sept 2026). Se incarca din pages/brands.html.twig
   doar cand config.custom.bm_home_v3 = true. Revert: sterge blocul "bm brands" din brands.html.twig
   ========================================================================== */
.bm-brands{--bm-serif:'Cormorant Garamond',Georgia,serif;--bm-sans:'Inter',Helvetica,Arial,sans-serif;--bm-ink:#111;--bm-muted:#6b6b6b;--bm-line:#e5e5e5;font-family:var(--bm-sans);color:var(--bm-ink)}
.page--brands-grid .page__heading{font-family:var(--bm-serif,'Cormorant Garamond',Georgia,serif) !important;font-weight:500 !important;font-size:34px !important;line-height:1.05;letter-spacing:.01em;text-transform:none;margin:0 0 8px}
.page--brands-grid .page__aside-head{padding-bottom:0}

/* selectie de branduri */
.bm-brands__top{margin:8px 0 32px}
.bm-brands__kicker{display:block;font:500 12px/1 var(--bm-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--bm-muted);margin-bottom:14px}
.bm-brands__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--bm-line);border-left:1px solid var(--bm-line)}
.bm-brands__cell{display:flex;align-items:center;justify-content:center;min-height:84px;padding:12px;border-right:1px solid var(--bm-line);border-bottom:1px solid var(--bm-line);font:500 12px/1.3 var(--bm-sans);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--bm-ink);text-decoration:none;background:#fff;transition:background .15s}
.bm-brands__cell:hover{background:#f6f4f1;color:var(--bm-ink)}

/* bara de litere: sticky, scroll orizontal pe mobil */
.page--brands-grid .brand-letters__summary{display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;scrollbar-width:none;position:sticky;top:56px;z-index:5;margin:0 0 28px;padding:10px 0;list-style:none;background:#fff;border-top:1px solid var(--bm-line);border-bottom:1px solid var(--bm-line)}
.page--brands-grid .brand-letters__summary::-webkit-scrollbar{display:none}
.page--brands-grid .brand-letters__letter{flex:0 0 auto;margin:0;padding:0;border:0 !important;background:transparent !important;box-shadow:none !important}
.page--brands-grid .brand-letters__letter-link{display:block;min-width:32px;padding:6px 8px;border:0;border-radius:0;text-align:center;font:500 12px/1 var(--bm-sans);letter-spacing:.06em;color:var(--bm-ink);text-decoration:none;background:transparent}
.page--brands-grid .brand-letters__letter-link:hover{background:#f6f4f1;color:var(--bm-ink)}

/* liste pe litere */
.page--brands-grid .brand-letters__content{display:block;list-style:none;margin:0;padding:0}
.page--brands-grid .brand-letters__letter-wrapper{display:block;margin:0 0 36px;padding:0;scroll-margin-top:112px}
.page--brands-grid .brand-letters__letter-heading{display:block;margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid var(--bm-line);font-family:var(--bm-serif) !important;font-weight:500;font-size:26px;line-height:1;color:var(--bm-ink);text-decoration:none}
.page--brands-grid .brand-letters__letter-content{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.page--brands-grid .brand-letters__brand{break-inside:avoid;margin:0;padding:0}
.page--brands-grid .brand-letters__brand a{display:block;padding:6px 0;font:400 12px/1.35 var(--bm-sans);letter-spacing:.02em;color:var(--bm-ink);text-decoration:none}
.page--brands-grid .brand-letters__brand a:hover{text-decoration:underline}

@media (min-width:768px){
  .bm-brands__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bm-brands__cell{min-height:110px}
  .page--brands-grid .brand-letters__letter-content{columns:4;column-gap:32px}
  .page--brands-grid .brand-letters__summary{flex-wrap:wrap;position:static;padding:14px 0}
}
@media (min-width:992px){
  .page--brands-grid .page__heading{font-size:44px !important}
  .page--brands-grid .brand-letters__letter-content{columns:5}
}
@media (min-width:1200px){
  .bm-brands__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}