/* تنظیمات پایه */

.container-header {
    text-align: center;
    padding: 2rem;
    background-color: #4CAF50;
    color: #fff;
}

    .container-header h1 {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .container-header p {
        font-size: 1.2rem;
    }

/* گالری تصاویر */
.gallery-section {
    padding: 2rem;
    text-align: center;
}

    .gallery-section h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
        color: #4CAF50;
    }

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

    .gallery img {
        width: 100%;
        height: auto;
        border-radius: 15px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
    }

        .gallery img:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }

/* بخش ویدیو */
.video-section {
    padding: 2rem;
    text-align: center;
}

    .video-section h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
        color: #ed2127;
    }


    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }



/* واکنش‌گرایی */
@media (max-width: 768px) {
    .container-header h1 {
        font-size: 2rem;
    }

    .gallery-section h2,
    .video-section h2,
    .property-details h2 {
        font-size: 1.5rem;
    }
}






/* جزئیات ملک */
.property-details {
    padding: 2rem;
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

    .property-details h2 {
        color: #ed2127;
        margin-bottom: 1rem;
        text-align: center;
    }

    /* جفت dt و dd به صورت فلکس */
    .property-details dl {
        margin: 0;
        padding: 0 1rem;
    }

        .property-details dl div {
            display: flex;
            justify-content: space-between; /* dt راست، dd چپ */
            padding: 0.5rem 0; /* فاصله عمودی مثل ul li */
            border-bottom: 1px solid #eee; /* خط جداکننده دقیق */
        }

    .property-details dt {
        font-weight: bold; /* برجسته کردن */
    }

    .property-details dd {
        margin: 0;
    }

    /* توضیحات */
    .property-details .description {
        margin: 1rem 0;
    }

        .property-details .description span {
            font-weight: bold; /* فقط "توضیحات:" برجسته باشد */
        }

    /* قیمت */
    .property-details .price div {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem 0;
        border-bottom: 1px solid #eee;
    }

    .property-details .price dt {
        font-weight: bold;
        font-size: 1.2em;
        color: #ed2127;
    }

    .property-details .price dd {
        font-weight: bold;
        font-size: 1.2em;
        color: #333;
        margin-left: 5px;
    }