.elementor-5502 .elementor-element.elementor-element-03cafcb{--display:flex;}/* Start custom CSS for html, class: .elementor-element-5cee536 */<div class="tn-single-wrapper">

    <!-- LEFT: MAIN CONTENT -->
    <div class="tn-main">

        <h1 class="tn-title">{{title}}</h1>

        <div class="tn-meta">
            <span>{{ere_property_location}}</span>
        </div>

        <div class="tn-gallery">
            {{ere_property_gallery}}
        </div>

        <div class="tn-description">
            {{content}}
        </div>

        <div class="tn-features">
            <h3>Property Features</h3>
            {{ere_property_feature_list}}
        </div>

    </div>

    <!-- RIGHT: SIDEBAR -->
    <div class="tn-sidebar">

        <div class="tn-box price-box">
            <h3 class="tn-price">{{ere_property_price}}</h3>
            <p class="tn-small">Indicative Price</p>
            <a href="#enquiry" class="tn-btn">Enquire Now</a>
        </div>

        <div class="tn-box">
            <h4>Project Info</h4>
            <p>Bedrooms: {{ere_property_meta_bedrooms}}</p>
            <p>Bathrooms: {{ere_property_meta_bathrooms}}</p>
            <p>Area: {{ere_property_meta_area}}</p>
        </div>

        <div class="tn-box">
            <h4>Agent</h4>
            {{ere_property_agent}}
        </div>

    </div>

</div>/* End custom CSS */
/* Start custom CSS */.tn-single-wrapper {
    display: flex;
    gap: 40px;
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding: 40px 20px;
}

.tn-main {
    width: 65%;
}

.tn-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px;
}

.tn-meta {
    color: #667;
    margin-bottom: 20px;
}

.tn-gallery img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}

.tn-description {
    font-size: 18px;
    line-height: 1.6;
}

.tn-features {
    margin-top: 30px;
}

.tn-sidebar {
    width: 35%;
}

.tn-box {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-bottom: 25px;
}

.price-box {
    text-align: center;
}

.tn-price {
    font-size: 32px;
    font-weight: 700;
}

.tn-btn {
    background: #0057ff;
    color: #fff;
    padding: 12px 24px;
    display: inline-block;
    border-radius: 10px;
    margin-top: 15px;
    text-decoration: none;
    font-weight: 600;
}

@media(max-width: 1024px){
    .tn-single-wrapper {
        flex-direction: column;
    }
    .tn-main, .tn-sidebar {
        width: 100%;
    }
}/* End custom CSS */