/* Brand tiles in colour (owner, 2026-11-14): each brand's tile shows a colour product photo of that brand, with
   the brand's logo in white over a soft dark gradient. Loaded after part-calm/part-catalogue/part-cattiles (file
   name order), so these rules win. A brand without a photo gets a dark tile with the white logo. */
.barami-brands .barami-brands__item.has-photo {
    position: relative;
    overflow: hidden;
    background: #2b2926;
    border: 0;
    border-radius: 6px;
    isolation: isolate;
}
.barami-brands .barami-brands__item.has-photo .barami-brands__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transition: transform .6s ease;
}
.barami-brands .barami-brands__item.has-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .55) 100%);
    transition: background .3s;
}
.barami-brands .barami-brands__item.has-photo .barami-brands__img {
    position: relative;
    filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0, 0, 0, .35)) !important;
    opacity: 1 !important;
}
.barami-brands .barami-brands__item.has-photo .barami-brands__name { color: #fff; }
.barami-brands .barami-brands__item.has-photo:hover .barami-brands__photo,
.barami-brands .barami-brands__item.has-photo:focus-visible .barami-brands__photo { transform: scale(1.06); }
.barami-brands .barami-brands__item.has-photo:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .45) 100%); }
.barami-brands .barami-brands__item.has-photo:focus-visible { outline: 2px solid #9C6C2E; outline-offset: 2px; }

/* Taller tiles so the photos read: home and catalogue. */
section.barami-brands--home .barami-brands__item.has-photo { height: 96px; }
@media (min-width: 1024px) { section.barami-brands--home .barami-brands__item.has-photo { height: 110px; } }
.barami-brands:not(.barami-brands--home) .barami-brands__item.has-photo { height: 120px; }

/* The home strip's logo size limits must not shrink the background photo. */
.barami-brands .barami-brands__item.has-photo img.barami-brands__photo {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
}