.ozeki-modern-menu {
    color: #261c17;
}

.ozeki-modern-menu__intro {
    max-width: 820px;
    margin: 0 auto 26px;
    text-align: center;
}

.ozeki-modern-menu__intro h2 {
    margin: 0 0 12px;
    font-family: "Noto Serif JP", serif;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.35;
}

.ozeki-modern-menu__intro p {
    margin: 0;
    color: #6d5d51;
    line-height: 1.9;
}

.ozeki-modern-menu__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 0 38px;
}

.ozeki-modern-menu__tab {
    min-width: 180px;
    padding: 12px 18px;
    border: 1px solid rgba(153, 0, 0, .28);
    border-radius: 999px;
    background: #fff;
    color: #3a2a20;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.ozeki-modern-menu__tab:hover,
.ozeki-modern-menu__tab:focus-visible,
.ozeki-modern-menu__tab.is-active {
    background: #990000;
    color: #fff;
    outline: none;
}

.ozeki-modern-menu__panel + .ozeki-modern-menu__panel {
    margin-top: 70px;
}

.ozeki-menu-js .ozeki-modern-menu__panel[hidden] {
    display: none;
}

.ozeki-modern-menu__section-heading {
    margin: 0 0 28px;
    text-align: center;
}

.ozeki-modern-menu__eyebrow {
    margin: 0 0 8px;
    color: #b8860b;
    font-weight: 700;
}

.ozeki-modern-menu__section-heading h2 {
    margin: 0;
    font-family: "Noto Serif JP", serif;
    font-size: clamp(26px, 3vw, 36px);
}

.ozeki-modern-menu__notice {
    width: min(720px, 100%);
    margin: 0 auto 28px;
    padding: 14px 18px;
    border: 1px solid rgba(153, 0, 0, .2);
    border-radius: 8px;
    background: #fff8f0;
    color: #5b4033;
    font-weight: 700;
    text-align: center;
}

.ozeki-modern-menu__category {
    margin-top: 46px;
}

.ozeki-modern-menu__category h3 {
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #b8860b;
    font-size: 22px;
    font-family: "Noto Serif JP", serif;
}

.ozeki-modern-menu__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ozeki-modern-menu-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #eadfce;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(54, 34, 20, .06);
}

.ozeki-modern-menu-card--has-image {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
}

.ozeki-modern-menu-card__media {
    min-height: 100%;
    margin: 0;
    background: #f5ead8;
}

.ozeki-modern-menu-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 132px;
    object-fit: cover;
}

@media (min-width: 641px) {
    .ozeki-modern-menu-card--has-image {
        grid-template-columns: 132px minmax(0, 1fr);
    }

    .ozeki-modern-menu-card__media {
        aspect-ratio: 1 / 1;
        min-height: 0;
    }

    .ozeki-modern-menu-card__media img {
        aspect-ratio: 1 / 1;
        min-height: 0;
    }
}

.ozeki-modern-menu-card__body {
    min-width: 0;
    padding: 18px 18px 16px;
}

.ozeki-modern-menu-card__label {
    display: inline-flex;
    margin: 0 0 8px;
    padding: 3px 9px;
    border-radius: 999px;
    background: #7b241f;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.ozeki-modern-menu-card h4 {
    margin: 0 0 8px;
    color: #261c17;
    font-size: 18px;
    line-height: 1.55;
}

.ozeki-modern-menu-card__detail,
.ozeki-modern-menu-card__text,
.ozeki-modern-menu-card__note {
    margin: 0 0 10px;
    color: #6d5d51;
    font-size: 14px;
    line-height: 1.65;
}

.ozeki-modern-menu-card__note {
    color: #7b241f;
    font-weight: 700;
}

.ozeki-modern-menu-card__price {
    margin: 12px 0 0;
    color: #990000;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    text-align: right;
}

.ozeki-modern-menu__notes {
    margin: 64px 0 0;
    padding: 26px;
    border: 1px solid rgba(184, 134, 11, .3);
    border-radius: 8px;
    background: #fffaf1;
}

.ozeki-modern-menu__notes h2 {
    margin: 0 0 14px;
    font-size: 22px;
}

.ozeki-modern-menu__notes ul {
    margin: 0;
    padding-left: 1.25em;
    color: #5b4b40;
    line-height: 1.9;
}

.ozeki-modern-menu__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 34px;
}

@media (max-width: 1024px) {
    .ozeki-modern-menu__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .ozeki-modern-menu__tabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ozeki-modern-menu__tab {
        width: 100%;
        min-width: 0;
    }

    .ozeki-modern-menu__grid {
        grid-template-columns: 1fr;
    }

    .ozeki-modern-menu-card {
        grid-template-columns: 1fr;
    }

    .ozeki-modern-menu-card__media img {
        min-height: 180px;
    }

    .ozeki-modern-menu__notes {
        padding: 20px;
    }
}