body.page-ofood {
    --bg-start: #1e130c;
    --bg-end: #9a8478;
    --accent: #ff7eb3;
    --accent-soft: rgba(255, 126, 179, 0.25);
}

body.page-ofood main {
    padding-bottom: clamp(7rem, 15vw, 11rem);
}

body.page-ofood .up {
    padding-bottom: clamp(8rem, 18vw, 12rem);
}

body.page-ofood .tab-1 {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1.2rem;
}

body.page-ofood .tab-1 a {
    min-height: 150px;
    padding-block: 1.25rem;
}

body.page-ofood .tab-1 a span {
    width: 64px;
    height: 64px;
}

body.page-ofood .tab-1 a span img {
    width: 75%;
}

body.page-ofood .tab-1 a p {
    font-size: .95rem;
}

body.page-ofood .tab-1 a:nth-child(5n + 1) {
    background: linear-gradient(135deg, rgba(255, 126, 179, .35), rgba(255, 213, 79, .4));
}

body.page-ofood .tab-1 a:nth-child(5n + 2) {
    background: linear-gradient(135deg, rgba(108, 92, 231, .35), rgba(0, 210, 255, .35));
}

body.page-ofood .tab-1 a:nth-child(5n + 3) {
    background: linear-gradient(135deg, rgba(0, 242, 96, .35), rgba(5, 117, 230, .35));
}

body.page-ofood .tab-1 a:nth-child(5n + 4) {
    background: linear-gradient(135deg, rgba(252, 74, 26, .35), rgba(247, 183, 51, .35));
}

body.page-ofood .tab-1 a:nth-child(5n + 5) {
    background: linear-gradient(135deg, rgba(247, 25, 5, .35), rgba(255, 118, 0, .35));
}