.restaurant-sidebar-box {
    background: #ffffff;
    border-radius: 18px;
    padding: 20px 22px;
    box-shadow: 0 18px 40px rgba(15, 15, 15, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.03);

    opacity: 0;
    transform: translateY(18px);
    animation: restaurantSidebarIn 0.8s ease-out forwards;
}

.restaurant-sidebar-box:nth-child(2) {
    animation-delay: 0.12s;
}

.sidebar-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #9a9a9a;
}

.sidebar-title {
    font-size: 1.1rem;
    line-height: 1.3;
}

.sidebar-list li {
    font-size: 0.88rem;
    line-height: 1.5;
}

/* ساده از پایین به بالا بیاد */
@keyframes restaurantSidebarIn {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ستون راست */
.restaurant-sidebar-box {
    background: #ffffff;
    border-radius: 18px;
    padding: 20px 22px;
    box-shadow: 0 18px 40px rgba(15, 15, 15, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.03);

    /* متن تیره و خوانا */
    color: #111111;

    opacity: 0;
    transform: translateY(18px);
    animation: restaurantSidebarIn 0.8s ease-out forwards;
}

/* رنگ‌ و کنتراست متن‌ها داخل باکس */
.restaurant-sidebar-box .sidebar-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #888888;
}

.restaurant-sidebar-box .sidebar-title,
.restaurant-sidebar-box h4,
.restaurant-sidebar-box h5 {
    color: #111111;
}

.restaurant-sidebar-box p,
.restaurant-sidebar-box li {
    color: #222222;
    opacity: 0.95;
    font-size: 0.88rem;
    line-height: 1.5;
}
.restaurant-sidebar-col {
    margin-top: 24px;
}

@media (max-width: 991px) {
    .restaurant-sidebar-col {
        margin-top: 16px;
    }
}
.restaurant-photo-card {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    padding-top: 130%; /* نسبت حدوداً 4:5 برای عکس ایستاده */
    background: #111111;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.restaurant-photo-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.restaurant-photo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}
.restaurant-photos-vertical {
    display: flex;
    flex-direction: column;
    gap: 22px;              /* فاصله بیشتر بین عکس‌ها */
    margin-top: 8px;
}

/* کارت عکس عمودی */
.restaurant-photo-card {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    padding-top: 120%;      /* کمی کوتاه‌تر که ۵تا جا بشن */
    background: #111111;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.restaurant-photo-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.restaurant-photo-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}

@media (max-width: 991px) {
    .restaurant-photos-vertical {
        margin-top: 16px;
    }
}