/* Native scrolling keeps touch gestures and keyboard focus available. */
.brand-discovery{position:relative}
.brand-discovery .brands-heading{padding-right:0}
.brand-discovery .brand-list{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:22px 12px 26px;scroll-behavior:auto;touch-action:pan-x pan-y}
.brand-discovery .brand-list::-webkit-scrollbar{display:none}
.brand-discovery .brand-chip{flex:0 0 clamp(116px,18vw,168px);width:clamp(116px,18vw,168px);height:auto;aspect-ratio:1;min-height:0;border-radius:24px;background:var(--brand-bg,#f4e7bd);box-shadow:0 8px 20px #001d181f}
.brand-discovery .brand-chip img{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}
.brand-discovery .brand-chip:focus-visible{outline-offset:-5px}
.catalog-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}
.brand-discovery .brand-chip.active{background:var(--brand-bg,#f4e7bd);border-color:#e2b76f;box-shadow:0 0 0 3px #e2b76f60}
@media(max-width:760px){.brand-discovery .brand-list{gap:14px}.brand-discovery .brand-chip{flex-basis:clamp(112px,30vw,144px);width:clamp(112px,30vw,144px);border-radius:22px}}

/* 6119: depth on hover, focus and touch; native horizontal swipe. */
.brand-discovery .brand-list{isolation:isolate;scroll-padding-inline:16px}
.brand-discovery .brand-chip{position:relative;transform:translateY(0) scale(1);transform-origin:center;transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease;will-change:transform}
.brand-discovery .brand-chip img{object-fit:contain;pointer-events:none}
@media(hover:hover) and (pointer:fine){.brand-discovery .brand-chip:hover{z-index:2;transform:translateY(-7px) scale(1.055);box-shadow:0 18px 30px #001d1838}}
.brand-discovery .brand-chip:focus-visible,.brand-discovery .brand-chip.is-touch-preview{z-index:3;transform:translateY(-5px) scale(1.045);box-shadow:0 15px 28px #001d1838}
@media(hover:none){.brand-discovery .brand-chip.active{transform:translateY(-4px) scale(1.035)}}
@media(prefers-reduced-motion:reduce){.brand-discovery .brand-chip{transition:none;transform:none!important}}

.brand-discovery .brand-list.is-mouse-interaction .brand-chip:hover{z-index:3;transform:translateY(-7px) scale(1.055);box-shadow:0 18px 30px #001d1838}
@media(prefers-reduced-motion:reduce){.brand-discovery .brand-list.is-mouse-interaction .brand-chip:hover{transform:none}}