.brand-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px;align-items:stretch}
.brand-chip{display:inline-flex;align-items:center;justify-content:center;min-width:108px;height:56px;padding:10px 15px;border:1px solid #e3e3e5;border-radius:13px;background:#f8f8f9;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s;overflow:hidden}
.brand-chip:hover{background:#fff;border-color:#b9b9bf;box-shadow:0 3px 12px #0000000b;transform:none}
.brand-chip.active{background:#fff;border:2px solid var(--red);padding:9px 14px;box-shadow:0 0 0 3px #e51e2910;color:var(--ink)}
.brand-chip .brand-mark{display:block;width:88px;height:34px;object-fit:contain;margin:0;filter:none;mix-blend-mode:multiply}
.brand-chip .mark-light{filter:brightness(0);mix-blend-mode:normal}
.brand-chip.all-brands{font:600 14px var(--body);color:var(--ink)}
.brand-mode .catalog-intro{background:var(--brand-bg);color:var(--brand-ink);isolation:isolate;padding-top:36px;padding-bottom:36px}
.brand-monster .catalog-intro{background:radial-gradient(ellipse at 92% 65%,#2b491c,#141a15 65%)}
.brand-monster .catalog-intro::after{content:none}
.brand-mode .catalog-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,31%);gap:clamp(24px,5vw,84px);min-height:270px;align-items:center}
.brand-mode .catalog-title-row>div:first-child{width:auto;min-width:0;z-index:auto}
.brand-mode #catalog-title{display:flex;align-items:center;min-height:150px;max-width:100%;margin:20px 0;line-height:1;transform:none}
.brand-mode #catalog-title .brand-heading-mark{display:block;width:var(--brand-mark-width,340px);height:auto;max-width:100%;max-height:var(--brand-mark-height,146px);object-fit:contain;object-position:left center;background:none;padding:0;border:0;border-radius:0;box-shadow:none;filter:var(--brand-mark-filter,none);mix-blend-mode:var(--brand-mark-blend,normal)}
.brand-mode .catalog-title-row p{max-width:520px;font-size:16px;line-height:1.7;margin:18px 0 0;opacity:.88}
.brand-mode .catalog-stage-art{position:relative;inset:auto;width:100%;height:300px;opacity:1;align-self:center}
.brand-mode #brand-stage-image{display:block;right:auto;width:100%;height:300px;max-width:100%;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 16px 16px #0000001c)}
.brand-mentos #brand-stage-image{mix-blend-mode:multiply;filter:none}
.brand-no-photo .catalog-title-row{grid-template-columns:1fr}
.brand-no-photo .catalog-stage-art{display:none}
.product-wordmark .brand-mark{width:150px;height:85px;object-fit:contain;mix-blend-mode:multiply}
.product-wordmark .mark-light{filter:brightness(0)}
.product-card[hidden]{display:none!important}
.catalog-query-pending #product-grid{visibility:hidden}
.product-grid{contain:layout style}
.brand-ribbon .brand-mark{filter:none}
.brand-panels h3 .brand-mark{position:relative;inset:auto;z-index:2;width:220px;height:82px;object-fit:contain;object-position:left center;transform:none}
.coca-panel .brand-mark{filter:brightness(0) invert(1)}
.monster-panel h3 .brand-mark{filter:none}
.brand-list{max-height:216px;scrollbar-width:thin;scrollbar-color:#b4b4b7 transparent;overscroll-behavior:contain}
@media(max-width:760px){.brand-list{gap:7px;margin-top:18px}.brand-chip{min-width:calc((100% - 21px)/4);flex:0 0 calc((100% - 21px)/4);padding:8px 7px;height:51px;border-radius:10px}.brand-chip.active{padding:7px 6px}.brand-chip .brand-mark{width:100%;max-width:86px;height:31px}.brand-chip.all-brands{font-size:12px}.catalog-results-bar{gap:12px}.brand-mode .catalog-intro{padding:28px 6vw 32px}.brand-mode .catalog-title-row{grid-template-columns:minmax(0,1fr) minmax(94px,28%);gap:18px;min-height:250px}.brand-mode .catalog-title-row .eyebrow{font-size:10px;line-height:1.6;max-width:100%}.brand-mode #catalog-title{min-height:100px;margin:18px 0}.brand-mode #catalog-title .brand-heading-mark{max-height:116px}.brand-mode .catalog-title-row p{font-size:14px;line-height:1.65;max-width:100%}.brand-mode .catalog-stage-art,.brand-mode #brand-stage-image{height:245px}.brand-no-photo .catalog-title-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.brand-chip{transition:none}}

/* Combos identifies beverage bundles, not a separate product brand. */
.brand-combination-label{font-family:inherit;font-weight:750;letter-spacing:-.045em;font-size:25px;line-height:1.05}
.brand-combos #catalog-title .brand-combination-label{font-size:clamp(44px,6.5vw,86px);letter-spacing:-.065em}