.brand-menu { background: var(--color-white); scroll-margin-block-start: 24px; }
.brand-menu-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.brand-menu-heading > p { max-inline-size: 46ch; font-size: .95rem; }
.brand-menu-heading .eyebrow { margin-block: 0 12px; }
.brand-menu-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 32px; }
.brand-menu-filters button { border: 1px solid var(--color-olive); border-radius: 999px; background: transparent; color: var(--color-ink); min-block-size: 44px; padding: 9px 18px; cursor: pointer; font: 500 .88rem var(--font-body); display: inline-flex; align-items: center; gap: 8px; }
.brand-menu-filters button[aria-pressed="true"] { background: var(--color-ink); border-color: var(--color-ink); color: var(--color-white); }
.brand-menu-filters button span { font-size: .72rem; }
.brand-menu-status { font-size: .76rem; color: var(--color-olive); }
.brand-menu-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-block-start: 20px; }
.brand-menu-card { background: var(--color-cream); border: 1px solid rgb(93 122 91 / .18); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; }
.brand-menu-card[hidden] { display: none; }
.brand-menu-photo { aspect-ratio: 4 / 3; background: var(--color-blush); display: grid; place-items: center; overflow: hidden; }
.brand-menu-photo > img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.brand-menu-photo > .brand-menu-no-photo { inline-size: 64px; block-size: 64px; }
.brand-menu-photo-illustrative { background: var(--color-cream); }
.brand-menu-photo > .brand-menu-temporary-photo { inline-size: auto; block-size: auto; max-inline-size: 100%; max-block-size: 100%; object-fit: contain; }
.brand-menu-copy { padding: 23px; flex: 1; display: flex; flex-direction: column; }
.brand-menu-copy h3 { font-size: 1.5rem; }
.brand-menu-copy > p { font-size: .83rem; margin-block: 12px 20px; flex: 1; }
.brand-menu-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-block-start: auto; }
.brand-menu-card-bottom strong { font-size: .9rem; white-space: nowrap; }
.brand-menu-add { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-block-size: 44px; padding: 8px 12px; border-radius: 999px; background: var(--color-ink); color: var(--color-white); text-decoration: none; font-size: .73rem; }
.brand-menu-add > span:first-child { font-size: 1.2rem; }
.brand-menu-enquire { font-size: .75rem; display: inline-flex; align-items: center; min-block-size: 44px; }
.brand-menu-empty .btn { margin-block-start: 22px; }
.brand-menu-photo-note { color:#263A2B; font-size:12px; line-height:1.7; margin-block:12px; }
.brand-menu-illustrative { display:block; color:#5D7A5B; font-size:12px; line-height:1.5; margin-block:4px; }
@media(max-width:1000px) { .brand-menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .brand-menu-heading { display: block; } .brand-menu-filters { gap: 8px; } .brand-menu-filters button { padding: 8px 13px; font-size: .8rem; } .brand-menu-grid { gap: 16px; } .brand-menu-copy { padding: 18px; } }
@media(max-width:520px) { .brand-menu-grid { grid-template-columns: minmax(0,1fr); } }