/* Catalogue menu (owner, 2026-11-15, like occhio.com's luminaires menu): one row of brand picture tiles that scrolls
   sideways with arrows, the brand's name under each; under them the kinds of fixture as a quiet line of names. */
.bm-mm .bm-mm__row.bm-mm__row--brands {
    display: flex !important;
    gap: 18px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}
.bm-mm .bm-mm__row--brands::-webkit-scrollbar { display: none; }
.bm-mm .bm-mm__row--brands .bm-mm__cell { flex: 0 0 170px !important; scroll-snap-align: start; }
@media (min-width: 1024px) {
    .bm-mm .bm-mm__row--brands ~ .bm-mm__arrow { display: flex !important; }
    .bm-mm .bm-mm__row--brands ~ .bm-mm__arrow[hidden],
    .bm-mm .bm-mm__rail .bm-mm__arrow[hidden] { display: none !important; }
    .bm-mm .bm-mm__rail .bm-mm__arrow:not([hidden]) { display: flex !important; }
    .bm-mm .bm-mm__arrow { top: 64px; }
}
.bm-mm__brand { display: block; color: var(--bm-ink, #1a1a1a); text-decoration: none; }
.bm-mm__brand-media {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 14px;
    background: #2b2926;
}
.bm-mm__brand-photo {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 0 !important;
    transition: transform .6s ease;
}
.bm-mm__brand-media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .5) 100%);
}
.bm-mm__brand:hover .bm-mm__brand-photo { transform: scale(1.05); }
.bm-mm__brand-logo {
    position: relative;
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 74% !important;
    max-height: 30px !important;
    object-fit: contain;
    border-radius: 0 !important;
    filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0, 0, 0, .35));
}
.bm-mm__brand-name { display: block; margin-top: 10px; font-size: 14px; letter-spacing: .02em; text-align: center; }
.bm-mm__brand:focus-visible { outline: 2px solid #9C6C2E; outline-offset: 3px; border-radius: 14px; }

.bm-mm__kinds {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 22px;
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid rgba(26, 26, 26, .1);
    font-size: 14px;
}
.bm-mm__kinds-label { color: rgba(26, 26, 26, .5); margin-inline-end: 4px; }
.bm-mm__kinds a { color: #1a1a1a; text-decoration: none; border-bottom: 1px solid transparent; }
.bm-mm__kinds a:hover,
.bm-mm__kinds a:focus-visible { border-bottom-color: #9C6C2E; }

/* Round 2 (owner, 2026-11-15): every brand fits in one row of the menu on a computer, smaller tiles, no sideways
   scrolling and no arrows. */
@media (min-width: 1024px) {
    .bm-mm .bm-mm__row.bm-mm__row--brands { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 10px !important; overflow: visible !important; }
    .bm-mm .bm-mm__row--brands .bm-mm__cell { flex: none !important; min-width: 0; }
    .bm-mm .bm-mm__rail .bm-mm__arrow, .bm-mm .bm-mm__rail .bm-mm__arrow:not([hidden]) { display: none !important; }
    .bm-mm__brand-media { border-radius: 10px; }
    .bm-mm__brand-logo { max-height: 22px !important; max-width: 80% !important; }
    .bm-mm__brand-name { font-size: 12px; margin-top: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (min-width: 1024px) { .bm-mm__brand-name { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25; } }