body {
    background: var(--bg-gray-4);
}

.slideshow-component {
    padding-bottom: 32px !important;
}

.banner-section img {
    margin-top: 36px;
    margin-bottom: 120px;
    height: 40vh;
    object-fit: cover;
}

.restaurant-section {
    background: var(--bg-gray-1);
    padding: 4px 0;
}

.slider-section {
    background: #fff;
}

.restaurant-section h2 {
    font-weight: 300;
    text-align: left;
    margin-bottom: 20px;
    min-height: 32px;
}

.restaurant-section .content-block .content-block__description,
.restaurant-section .content-block .content-block__hours {
    font-size: 0.8rem;
    font-weight: 500;
    color: #666;
    margin-bottom: 1.8rem;
}

.slider-section {
    padding: 72px 0 60px;
}

.slider-section .slider-content .swiper-slide {
    aspect-ratio: 1 / 2;
}

.beverage-section {
    background: var(--bg-gray-4);
}



@media (max-width: 768px) {
    body {
        background: var(--bg-gray-1);
    }

    .slideshow-component {
        padding-bottom: 8px !important;
    }

    .btn-redirect {
        margin: 4px !important;
    }

    .slider-section {
        padding: 56px 0 48px;
    }
}