#slodkie_stoly {
    text-align: center;

    & > section {
        padding: 2rem;
    }

    & > #cennik {
        display: grid;
        grid-template-columns: repeat(var(--grid-cols), 1fr);
        grid-gap: 2rem;

        & > p {
            font-style: italic;
            grid-column: 1 / -1;
        }

        & > div {
            display: flex;
            align-items: center;
            flex-direction: column;
        }
    }

    & #deserki {
        border: 1px solid var(--surface-container-highest);
        border-radius: var(--border-radius);
        background-color: var(--surface-container-low);

        & > div {
            padding: 2rem;

            & > h2 {
                padding-top: 1rem;
                padding-bottom: 3rem;
            }

            & > ul {
                display: grid;
                grid-template-columns: repeat(4, 1fr);

                gap: 1rem;

                @media (max-width: 786px) {
                    grid-template-columns: 1fr;
                }

                & > li {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    text-align: start;

                    &::before {
                        display: inline-block;
                        flex-shrink: 0;
                        width: 1.5em;
                        height: 1.5em;
                        margin-right: 0.5rem;
                        content: "";
                        background-color: var(--primary);
                        mask-repeat: no-repeat;
                        mask-size: contain;
                        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNpcmNsZS1jaGVjay1pY29uIGx1Y2lkZS1jaXJjbGUtY2hlY2siPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0ibTkgMTIgMiAyIDQtNCIvPjwvc3ZnPg==);
                    }

                    & > div {
                        display: flex;
                        align-items: flex-start;
                        flex-direction: column;
                        justify-content: flex-start;

                        & :first-child {
                            font-size: 1.1em;
                        }

                        & :last-child:not(:only-child) {
                            font-size: 0.9em;
                            font-weight: lighter;
                            font-style: italic;
                        }
                    }
                }
            }
        }
    }
}