.db-menu { background: var(--sand); } .db-menu__head {
display: flex;
flex-direction: column;
gap: 8px;
padding-block: 16px;
padding-inline: var(--wp--style--root--padding-left);
border-bottom: 1px solid var(--line2);
}
.db-menu__title { font-size: clamp(2.5rem, 12vw, 5rem); text-align: center; line-height: 1.1; }
.db-menu__date { font-size: 16px; line-height: 1.75; text-align: center; color: var(--muted); }
.db-menu__body {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
padding-block: 20px 40px;
} .db-menu__tabs { display: flex; align-items: flex-end; justify-content: center; gap: 76px; }
.db-menu__tab {
margin: 0;
padding: 0;
background: none;
border: none;
cursor: pointer;
font-family: var(--font-body);
font-size: 16px;
line-height: 1.25;
color: rgba(37, 32, 30, 0.32);
transition: color .2s ease;
}
.db-menu__tab.is-active,
.db-menu__tab:hover { color: var(--ink); }
.db-menu__tabsep { width: 1px; height: 22px; background: var(--line2); }
.db-menu__group { display: flex; flex-direction: column; width: 100%; max-width: 900px; } .db-menu.is-filtering .db-menu__group { display: none; }
.db-menu.is-filtering .db-menu__group.is-active { display: flex; }
.db-menu__row { display: flex; align-items: baseline; gap: 20px; padding-bottom: 20px; }
.db-menu__row + .db-menu__row { padding-top: 20px; }
.db-menu__row:not(:last-child) { border-bottom: 1px solid var(--line2); }
.db-menu__info { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.db-menu__name { font-size: 1.125rem; line-height: 1.556; }
.db-menu__desc { font-size: 16px; line-height: 1.75; color: var(--muted); }
.db-menu__price {
flex: 0 0 auto;
font-family: var(--font-display);
text-transform: uppercase;
font-size: 1.125rem;
line-height: 1.556;
text-align: right;
color: var(--ink);
}
@media (min-width: 861px) {
.db-menu__head { gap: 16px; padding-block: 60px; }
.db-menu__title { font-size: 5rem; }
.db-menu__body { gap: 60px; padding-block: 60px 120px; }
.db-menu__tab { font-size: 20px; line-height: 1.4; }
.db-menu__row { gap: 8px; padding-bottom: 24px; }
.db-menu__row + .db-menu__row { padding-top: 24px; }
.db-menu__name,
.db-menu__price { font-size: 1.5rem; line-height: 1.333; }
} .db-menu .db-menu__row:has(+ .db-menu__row--sub) { border-bottom: 0; padding-bottom: 6px; }
.db-menu .db-menu__row.db-menu__row--sub { padding-top: 6px; }
.db-menu .db-menu__group:has(.db-menu__row--sub) .db-menu__row { align-items: last baseline; } .db-menu .db-menu__head.alignfull > p:not(.db-menu__date) {
width: 100%;
max-width: 900px;
margin-inline: auto;
text-align: center;
} .db-menu__tabs:has(> .db-menu__tab:nth-of-type(3)) {
flex-wrap: wrap;
align-items: baseline;
gap: 12px 40px;
max-width: 1100px;
}
.db-menu__tabs:has(> .db-menu__tab:nth-of-type(3)) > .db-menu__tabsep { display: none; } .db-menu .db-menu__intro { margin: 0 0 32px; text-align: center; font-size: 16px; line-height: 1.75; color: var(--muted); }
.db-menu .db-menu__note { margin: 32px 0 0; text-align: center; font-size: 14px; line-height: 1.6; color: var(--muted); }
.db-menu .db-menu__cat {
margin: 0;
padding: 40px 0 16px;
font-family: var(--font-display);
font-size: 1rem;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--gold);
border-bottom: 1px solid var(--line2);
}
.db-menu .db-menu__intro + .db-menu__cat { padding-top: 0; }
.db-menu .db-menu__row:has(+ .db-menu__cat) { border-bottom: 0; }
.db-menu .db-menu__cat + .db-menu__row { padding-top: 20px; }
@media (min-width: 861px) {
.db-menu .db-menu__cat + .db-menu__row { padding-top: 24px; }
}