.collectionRestaurant{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
body[data-name="spa"] .collectionRestaurant{
    padding: 30px 0;
    background: #f0eceb;
}
    .collectionRestaurant_title{
        padding: 0 30px;
    }
    .collectionRestaurant_items{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        float: left;
        width: 100%;
        padding: 0 85px;
        position: relative;
    }
        .collectionRestaurant_content{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            float: left;
            max-width: 1600px;
            gap: 80px;
        }
            .collectionRestaurant_packery-item{
                width: 660px;
                height: 360px;
                display: flex;
            }
            .collectionRestaurant_packery-item:nth-child(5n+4),
            .collectionRestaurant_packery-item:nth-child(5n+5){
                width: calc(100% / 2);
            }
                .collectionRestaurant_item{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    float: left;
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    position: relative;
                }
                .collectionRestaurant_item > *{
                    position: relative;
                    z-index: 2;
                }
                    .collectionRestaurant_item-image,
                    .collectionRestaurant_item-image-hover{
                        float: left;
                        height: 100%;
                        width: 100%;
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 1;
                        transition: opacity .3s ease-in-out,
                                    filter .3s ease-in-out,
                                    transform .3s ease-in-out;
                    }
                    .collectionRestaurant_item-image-hover{
                        opacity: 0;
                        filter: blur(5px);
                        z-index: 2;
                    }
                    .collectionRestaurant_item:hover .collectionRestaurant_item-image,
                    .collectionRestaurant_item:hover .collectionRestaurant_item-image-hover{
                        transform: scale(1.05);
                    }
                    .collectionRestaurant_item:hover .collectionRestaurant_item-image-hover{
                        opacity: 1;
                    }
                        .collectionRestaurant_item-image img,
                        .collectionRestaurant_item-image-hover img{
                            float: left;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    .collectionRestaurant_item::before{
                        content: "";
                        float: left;
                        width: 100%;
                        height: 100%;
                        background-color: rgba(45, 43, 44, 0.3);
                        position: absolute;
                        z-index: 3;
                        transition: background-color .3s ease-in-out;
                    }
                    .collectionRestaurant_item:hover::before{
                        background-color: rgba(45, 43, 44, 0.7);
                    }
                    .collectionRestaurant_item-content{
                        flex-shrink: 0;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        float: left;
                        width: 100%;
                        padding: 30px;
                        line-height: 24px;
                        color: #ffffff;
                        text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
                        text-align: center;
                        position: relative;
                        z-index: 4;
                        transition: text-shadow .3s ease-in-out;
                    }
                    .collectionRestaurant_item:hover .collectionRestaurant_item-content{
                        text-shadow: none;
                    }
                        .collectionRestaurant_item-title{
                            float: left;
                            margin-bottom: 10px;
                            text-transform: uppercase;
                            font-family: "Glegoo", serif;
                            font-size: 22px;
                            line-height: 30px;
                            letter-spacing: 2px;
                        }
                        .collectionRestaurant_item-info{
                            float: left;
                            font-size: 16px;
                        }
                        .collectionRestaurant_item-text{
                            float: left;
                            font-size: 16px;
                            text-transform: uppercase;
                        }
                        .collectionRestaurant_item-button{
                            float: left;
                            line-height: 16px;
                            padding: 15px 20px;
                            border: 1px solid #ffffff;
                            margin-top: 20px;
                            margin-bottom: -70px;
                            color: #ffffff;
                            text-transform: uppercase;
                            font-size: 14px;
                            letter-spacing: 1px;
                            opacity: 0;
                            transition: all .3s ease-in-out;
                        }
                        .collectionRestaurant_item:hover .collectionRestaurant_item-button{
                            margin-bottom: 0;
                            opacity: 1;
                        }
                        .collectionRestaurant_item-button:hover{
                            background: #ffffff;
                            color: #000000;
                            text-shadow: none;
                        }

@media (max-width: 1400px) {

    .collectionRestaurant_packery-item{
        height: 280px;
    }

}

@media (max-width: 1280px) {

    .collectionRestaurant_items{
        padding: 0 15px;
    }

}

@media (max-width: 1024px) {

    .collectionRestaurant_packery-item{
        width: 100% !important;
    }

    .collectionRestaurant_item,
    .collectionRestaurant_item-image,
    .collectionRestaurant_item-content{
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

}

@media (max-width: 768px) {

    .collectionRestaurant_title{
        padding: 0 20px;
    }
    .collectionRestaurant_items{
        padding: 0 20px;
    }
    .collectionRestaurant_item-content{
        padding: 20px;
    }
    .collectionRestaurant_packery-item{
        padding: 0;
        margin-bottom: 20px;
    }
    .collectionRestaurant_packery-item:last-child{
        margin-bottom: 0;
    }

}