.menu-page-switch {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 28px;
border: 1px solid color-mix(in srgb, var(--k-border) 38%, transparent);
background: color-mix(in srgb, var(--k-bg-alt) 72%, var(--k-bg));
}
.menu-page-switch a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 66px;
padding: 0 26px;
color: var(--k-muted);
font-size: 12px;
font-weight: 700;
letter-spacing: .11em;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease;
}
.menu-page-switch a + a {
border-left: 1px solid color-mix(in srgb, var(--k-border) 38%, transparent);
}
.menu-page-switch a:hover,
.menu-page-switch a.is-active {
color: var(--k-cream);
background: color-mix(in srgb, var(--k-surface) 58%, transparent);
}
.menu-page-switch a.is-active::after {
content: '';
position: absolute;
left: 26px;
right: 26px;
bottom: -1px;
height: 2px;
background: var(--k-accent);
}
.menu-page-switch b {
color: var(--k-accent);
font-size: 15px;
font-weight: 400;
}
.karrdal-drinks-page .menu-page-hero::before {
content: 'JOOGID';
}
.karrdal-drinks-page .menu-page-content {
padding-top: 58px;
}
.karrdal-drinks-page .karrdal-menu-category--wide-two .karrdal-menu-category__items {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 720px) {
.menu-page-switch {
margin-top: 18px;
}
.menu-page-switch a {
min-height: 56px;
padding: 0 16px;
font-size: 10px;
}
.menu-page-switch a.is-active::after {
left: 16px;
right: 16px;
}
.karrdal-drinks-page .karrdal-menu-category--wide-two .karrdal-menu-category__items {
grid-template-columns: 1fr;
}
}