* =========================================================
   HORIZONTAL PROPERTY / PROJECT / AGENT SLIDERS
========================================================= */
.premium-slider-wrap{position:relative;width:100%}
.premium-slider{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:275px;
    gap:16px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:2px 3px 10px;
}
.premium-slider::-webkit-scrollbar{display:none}
.slider-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    width:40px;height:40px;border-radius:50%;
    border:1px solid var(--border);background:#fff;color:var(--primary);
    display:flex;align-items:center;justify-content:center;
    font-size:17px;z-index:30;
    box-shadow:var(--shadow-card);
}
.slider-arrow.left{left:-18px}
.slider-arrow.right{right:-18px}

/* =========================================================
   PROPERTY CARD
========================================================= */
.premium-property-card{
    cursor:pointer;
    width:275px;height:325px;
    min-width:275px;
    scroll-snap-align:start;
    background:#fff;
    border:1px solid var(--border);
    border-radius:16px;
    overflow:hidden;
    box-shadow:var(--shadow-card);
}
.property-image{
    height:140px;
    position:relative;overflow:hidden;
    background:#eee;
}
.property-image img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:.35s;
}
.premium-property-card:hover .property-image img{transform:scale(1.03)}
.property-badges{
    position:absolute;left:10px;top:10px;
    display:flex;gap:5px;
}
.property-badge{
    padding:5px 8px;border-radius:6px;
    background:var(--orange);color:#fff;
    font-size:10px;font-weight:700;
}
.property-badge.verified{background:var(--success)}
.property-wishlist{
    position:absolute;right:10px;top:10px;
    width:28px;height:28px;border:0;border-radius:50%;
    background:rgba(255,255,255,.96);
    display:flex;align-items:center;justify-content:center;
}
.property-wishlist i{color:var(--primary);font-size:17px}
.property-type-label{
    position:absolute;left:10px;bottom:0;
    padding:5px 8px;background:var(--primary);color:#fff;
    border-radius:4px 4px 0 0;font-size:10px;font-weight:700;
}
.card-image-overlay{
    position:absolute;inset:0;
    display:flex;align-items:flex-end;justify-content:flex-end;
    padding:9px;opacity:0;
    background:linear-gradient(to top,rgba(33,17,7,.28),transparent 55%);
    transition:.2s;
}
.premium-property-card:hover .card-image-overlay{opacity:1}
.image-view-label{
    padding:6px 9px;background:#fff;color:var(--primary);
    border-radius:6px;font-size:10px;font-weight:700;
}
.property-body{padding:12px 13px 13px}
.property-body h3{
    color:var(--dark);
    margin-bottom:5px;
    font-size:16px;font-weight:700;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.property-location{
    display:flex;align-items:center;gap:5px;
    margin-bottom:6px;color:var(--body);font-size:12px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.property-location i{color:var(--primary)}
.property-price{
    margin-bottom:5px;color:var(--primary);
    font-size:17px;font-weight:700;
}
.property-meta{
    display:flex;align-items:center;gap:6px;
    min-height:18px;margin-bottom:10px;
    color:var(--body);font-size:11px;
    white-space:nowrap;overflow:hidden;
}
.property-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.property-actions button,.property-actions a{
    height:36px;border-radius:7px;
    display:flex;align-items:center;justify-content:center;
    font-size:12px;font-weight:700;
}
.property-actions button i,.property-actions a i{
    margin-right:5px;
    flex-shrink:0;
}
.enquiry-button{border:1px solid var(--primary);background:transparent;color:var(--primary)}
.details-button{background:var(--primary);border:1px solid var(--primary);color:#fff}

/* =========================================================
   PROJECT CARD
========================================================= */
.premium-project-card{
    cursor:pointer;
    width:275px;height:310px;min-width:275px;
    scroll-snap-align:start;
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:16px;
    overflow:hidden;box-shadow:var(--shadow-card);
}
.project-image{height:160px;position:relative;overflow:hidden;background:#eee}
.project-image img{width:100%;height:100%;object-fit:cover;display:block}
.project-body{padding:10px 12px}
.project-body h3{color:var(--dark);font-size:15px;font-weight:700;margin-bottom:4px}
.project-body p{color:var(--body);font-size:16px;line-height:1.45}
.project-price{margin-top:5px;color:var(--primary);font-size:15px;font-weight:700}
.project-view-button{
    width:100%;height:31px;margin-top:7px;
    display:flex;align-items:center;justify-content:center;gap:6px;
    border:1px solid var(--primary);border-radius:6px;
    color:var(--primary);font-size:11px;font-weight:700;
}
.project-view-button:hover{background:var(--primary);color:#fff}

/* =========================================================
   DEVELOPER CARD
========================================================= */
.premium-agent-card{
    width:275px;min-width:275px;min-height:155px;
    scroll-snap-align:start;
    padding:14px;background:var(--bg);
    border:1px solid var(--border);border-radius:16px;
    display:flex;align-items:center;gap:13px;
    box-shadow:var(--shadow-card);
}
.agent-avatar{
    width:64px;height:64px;flex-shrink:0;overflow:hidden;
    border-radius:50%;background:#eee;border:3px solid #fff1e4;
}
.agent-avatar img{width:100%;height:100%;object-fit:cover}
.agent-info{min-width:0;flex:1}
.agent-info h3{color:var(--dark);font-size:14px;font-weight:700;margin-bottom:3px}
.agent-info p{color:var(--body);font-size:11px;margin-bottom:5px}
.agent-location{color:var(--body);font-size:10px}
.agent-stats{display:flex;gap:12px;margin-top:8px}
.agent-stat{color:var(--body);font-size:10px}
.agent-stat strong{color:var(--primary);font-size:11px}
.agent-view-button{
    display:inline-flex;align-items:center;gap:5px;margin-top:7px;
    padding:6px 9px;border-radius:6px;background:var(--primary);
    color:#fff;font-size:10px;font-weight:700;
}




/* =========================================================
   COMPACT AGENT / DEVELOPER / BUILDER CARD
   Uses existing AI Bharat terracotta theme variables.
========================================================= */
.compact-professional-slider {
    grid-auto-columns: 220px;
    gap: 12px;
}
.compact-professional-card {
    cursor:pointer;
    width: 220px;
    min-width: 220px;
    min-height: 0;
    padding: 9px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #f0e5de;
    box-shadow: 0 5px 17px rgba(49, 27, 16, .10);
}
.compact-professional-top { margin-bottom: 7px; }
.compact-certified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #159447;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
}
.compact-certified i { font-size: 11px; }
.compact-professional-identity {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    margin-bottom: 8px;
}
.compact-agent-avatar {
    width: 41px;
    height: 41px;
    border: 1px solid #eee1d8;
    flex: 0 0 41px;
}
.compact-agent-info { min-width: 0; }
.compact-agent-info h3 {
    margin: 0 0 2px;
    color: var(--primary);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.compact-agent-info .compact-rera {
    margin: 0;
    color: #655b55;
    font-size: 11px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.compact-operating-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 3px 4px;
    min-width: 0;
    margin-bottom: 7px;
    color: #5c514b;
    font-size: 12px;
    line-height: 1.45;
}
.compact-operating-row > i {
    margin-top: 1px;
    color: #c42a43;
    font-size: 10px;
}
.compact-operating-label {
    white-space: nowrap;
    color: #34241d;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .1px;
}
.compact-operating-label strong {
    font-weight: 700;
}
.compact-area-preview {
    min-width: 0;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    text-decoration: underline;
    text-decoration-color: #cfc4bc;
    text-underline-offset: 2px;
}
.compact-area-preview.compact-area-click {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #5c514b;
    text-align: left;
    font: inherit;
    cursor: pointer;
}
.compact-area-preview.compact-area-click:hover { color: var(--primary); }
.compact-more-count { color: var(--primary); font-weight: 800; white-space: nowrap; flex: 0 0 auto; }
.compact-area-open {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--primary);
    font-size: 9px;
    font-weight: 800;
    text-decoration: underline;
    white-space: nowrap;
}
.compact-professional-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin: 0 0 8px;
    padding-top: 6px;
    border-top: 1px solid #f0e8e3;
}
.compact-stat {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    color: #5d514a;
    font-size: 11px;
    line-height: 1.35;
}
.compact-stat i { color: var(--primary); margin-top: 1px; }
.compact-stat strong { color: #34241d; font-weight: 800; }
.compact-stat-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 6px;
}
.compact-stat-line { display: block; white-space: nowrap; }
.compact-budget {
    display: block;
    color: #5d514a;
    font-size: 11px;
    line-height: 1.35;
    margin-top: 2px;
    padding-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.compact-professional-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin-top: auto;
}
.compact-professional-actions a {
    min-width: 0;
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 5px 4px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 800;
    white-space: nowrap;
}
.compact-enquiry-button {
    border: 1px solid var(--primary);
    color: var(--primary);
    background: #fff;
}
.compact-details-button {
    border: 1px solid var(--primary);
    background: var(--primary);
    color: #fff;
}
.compact-enquiry-button:hover { background: var(--peach); color: var(--primary-dark); }
.compact-details-button:hover { background: var(--primary-dark); color: #fff; }


    .property-body{
    padding:10px 13px 13px;
}

.property-body h3{
    color:var(--dark);
    margin:0 0 4px;

    font-size:15px;
    font-weight:700;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


/* PROPERTY TYPE */

.property-type{
    color:var(--body);

    font-size:15px;
    line-height:26px;

    margin-bottom:4px;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


/* PRICE + AREA */

.property-price{
    margin-bottom:6px;

    color:var(--primary);

    font-size:15px;
    font-weight:700;

    line-height:1.25;
}

.property-area{
    color:var(--dark);

    font-size:14px;
    font-weight:600;
}

.prsqft{
     font-size:11px !important;
     }


/* LOCATION */

.property-location{
    display:flex;
    align-items:center;
    gap:4px;

    margin-bottom:6px;

    color:var(--body);

    font-size:14px;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.property-location i{
    color:var(--primary);
    font-size:12px;
}


/* FACING */

.property-facing{
    display:flex;
    align-items:center;
    gap:4px;

    color:var(--body);

    font-size:13px;

    margin-bottom:2px;
}

.property-facing i{
    color:#85280C;
    font-size:10px;
}


/* READY */

.property-ready{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:4px;

    margin-top:-14px;
    margin-bottom:7px;

    color:#12a86b;

    font-size:12px;
    font-weight:600;
}

.property-ready i{
    font-size:10px;
}


/* BUTTONS — SAME AS BEFORE */

.property-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.property-actions button,
.property-actions a{
    height:36px;

    border-radius:7px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:12px;
    font-weight:700;
}

.enquiry-button{
    border:1px solid var(--primary);
    background:transparent;
    color:var(--primary);
}

.details-button{
    background:var(--primary);
    border:1px solid var(--primary);
    color:#fff;
}


    /* =========================================================
HANDPICKED PROJECT CARD - LOGO + POSSESSION BADGE
========================================================= */

.premium-project-card{
    width:275px;
    height:310px;
    min-width:275px;
    scroll-snap-align:start;
    background:#fff;
    border:1px solid var(--border);
    border-radius:16px;
    overflow:hidden;
    box-shadow:var(--shadow-card);
}

.project-image{
    height:160px;
    position:relative;
    overflow:visible;
    background:#eee;
}

.project-image > .project-card-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:0;
}

/* Bottom center project logo */
.project-logo-wrap{
    position:absolute;
    left:50%;
    bottom:-31px;
    transform:translateX(-50%);
    width:45;
    height:41px;
    border-radius:30%;
    background:#fff;
    border:3px solid #fff;
    box-shadow:0 3px 10px rgba(0,0,0,.20);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:12;
    overflow:hidden;
}

.project-logo{
    width:100%;
    height:100%;
    padding:4px;
    object-fit:contain;
    border-radius:50%;
    background:#fff;
}

/* Ready to Move badge */
.project-possession-badge{
    position:absolute;
    left:8px;
    bottom:14px;
    z-index:13;
    padding:3px 2px;
    border-radius:4px;
    background:rgba(0,0,0,.82);
    color:#fff;
    font-size:9px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    box-shadow:0 2px 5px rgba(0,0,0,.20);
}

/* Slightly make body start below logo */
.project-body{
    position:relative;
    padding:35px 12px 10px;
    background:#fff;
}

.project-body h3{
    color:var(--dark);
    font-size:15px;
    font-weight:700;
    margin-bottom:4px;
}

.project-body p{
    color:var(--body);
    font-size:12px;
    line-height:1.45;
}

.project-price{
    margin-top:5px;
    color:var(--primary);
    font-size:14px;
    font-weight:700;
}


    /* =========================================================
   READY TO MOVE PROJECTS
   HANDPICKED STYLE
========================================================= */

.ready-project-section{
    margin-top:28px;
    margin-bottom:30px;
}


/* ================= HEADER ================= */

.ready-project-heading{
    margin-bottom:14px;
}

.ready-project-kicker{
    display:block;

    color:#a92313;

    font-size:9px;
    font-weight:800;

    letter-spacing:1.1px;

    line-height:1;

    margin-bottom:3px;
}

.ready-project-heading h2{
    margin:0;

    color:#242424;

    font-size:15px;
    line-height:1.15;

    font-weight:700;
}

.ready-project-heading p{
    margin:3px 0 0;

    color:#777;

    font-size:10px;

    line-height:1.3;
}


/* ================= SLIDER ================= */

.ready-project-slider-wrap{
    position:relative;
}

.ready-project-slider{
    display:flex;

    gap:13px;

    overflow-x:auto;

    scroll-behavior:smooth;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;

    padding:
        2px 1px 8px;
}

.ready-project-slider::-webkit-scrollbar{
    display:none;
}


/* ================= CARD ================= */

.ready-project-card{
    cursor:pointer;
    position:relative;

    flex:0 0 250px;

    width:250px;

    min-width:250px;

    height:286px;

    background:#fdf9f5;

    border:1px solid #eeeeee;

    border-radius:12px;

    overflow:hidden;

    scroll-snap-align:start;

    box-shadow:
        0 2px 7px rgba(0,0,0,.07);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.ready-project-card:hover{
    transform:translateY(-2px);

    box-shadow:
        0 7px 18px rgba(0,0,0,.12);
}


/* ================= IMAGE ================= */

.ready-project-image{
    position:relative;

    width:100%;

    height:120px;

    overflow:visible;

    background:#f2f2f2;
}

.ready-project-image-link{
    position:relative;

    display:block;

    width:100%;
    height:100%;
}

.ready-project-image-link > img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:
        12px 12px 0 0;
}


/* ================= RERA ================= */

.ready-rera-badge{
    position:absolute;

    top:9px;
    left:9px;

    display:inline-flex;

    align-items:center;

    gap:3px;

    height:22px;

    padding:0 8px;

    background:#13b89b;

    color:#fff;

    border-radius:10px;

    font-size:9px;

    font-weight:800;

    line-height:22px;

    box-shadow:
        0 2px 5px rgba(0,0,0,.14);
}

.ready-rera-badge i{
    font-size:8px;
}


/* ================= HEART ================= */

.ready-heart{
    position:absolute;

    top:8px;
    right:8px;

    width:32px;
    height:32px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#fff;

    color:#303030;

    box-shadow:
        0 2px 7px rgba(0,0,0,.14);

    font-size:14px;
}


/* ================= READY BADGE ================= */

.ready-possession{
    position:absolute;

    left:8px;
    bottom:7px;

    display:block;

    max-width:calc(100% - 16px);

    padding:4px 7px;

    background:rgba(0,0,0,.78);

    color:#fff;

    border-radius:3px;

    font-size:8.5px;

    font-weight:700;

    line-height:1.15;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}

/* ================= BODY ================= */

.ready-project-body{
    position:relative;

    padding:
        27px 11px 8px;

    background:#fff;
}

.ready-project-body h3{
    margin:0 0 3px;

    color:#292929;

    font-size:15px;

    font-weight:700;

    line-height:1.2;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}


/* TYPE */

.ready-project-type{
    color:#666;

    font-size:14px;

    line-height:1.3;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}


/* LOCATION */

.ready-project-location{
    margin-top:3px;

    color:#666;

    font-size:12px;

    line-height:1.2;
}

.ready-project-location i{
    color:#d71920;

    font-size:13px;

    margin-right:2px;
}


/* PRICE */

.ready-project-price{
    margin-top:5px;

    color:#222;

    font-size:14px;

    font-weight:800;

    line-height:28px;
}


/* ================= BUTTONS ================= */

.ready-project-buttons{
    display:flex;

    align-items:center;

    gap:7px;

    margin-top:8px;
}


/* ENQUIRY */

.ready-enquiry{
    height:31px;

    padding:0 9px;

    border:0;

    border-radius:5px;

    background:#cf1838;

    color:#fff;

    font-size:9px;

    font-weight:700;

    white-space:nowrap;

    cursor:pointer;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:4px;
}

.ready-enquiry:hover{
    background:#b91330;
}

.ready-enquiry i{
    font-size:9px;
}


/* READ MORE */

.ready-read-more{
    height:31px;

    padding:0 9px;

    border:1px solid #df1b3d;

    border-radius:5px;

    background:#fff;

    color:#d7193f;

    font-size:9px;

    font-weight:700;

    text-decoration:none;

    white-space:nowrap;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:3px;
}

.ready-read-more:hover{
    background:#fff5f7;

    color:#c51535;
}

.ready-read-more i{
    font-size:8px;
}


/* ================= ARROWS ================= */

.ready-project-slider-wrap .slider-arrow{
    z-index:20;
}


/* ================= MOBILE ================= */

@media(max-width:768px){


    .ready-project-section{
        margin-top:22px;
    }

    .ready-project-heading h2{
        font-size:15px;
    }

    .ready-project-card{
        flex-basis:245px;

        width:245px;

        min-width:245px;

        height:286px;
    }

    .ready-project-image{
        height:119px;
    }


}


    /* Shared responsive alignment for Featured, Handpicked and Ready-to-Move sections. */
.featured-properties-head,
.featured-properties-wrap,
.handpicked-projects-head,
.handpicked-projects-wrap,
.ready-project-section {
    width: 90% !important;
    max-width: 1180px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.ready-project-heading,
.ready-project-slider-wrap {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

@media (max-width: 1100px) {
    .featured-properties-head,
    .featured-properties-wrap,
    .handpicked-projects-head,
    .handpicked-projects-wrap,
    .ready-project-section {
        width: 94% !important;
    }
}

@media (max-width: 600px) {
    .featured-properties-head,
    .featured-properties-wrap,
    .handpicked-projects-head,
    .handpicked-projects-wrap,
    .ready-project-section {
        width: 92% !important;
        max-width: 92% !important;
    }

    /* Keep section headings aligned with the narrower sliders. */
    .featured-properties-head,
    .handpicked-projects-head {
        gap: 8px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .featured-properties-head .premium-section-title,
    .handpicked-projects-head .premium-section-title {
        min-width: 0;
        flex: 1 1 auto;
    }

    .featured-properties-head h2,
    .handpicked-projects-head h2 {
        font-size: 17px !important;
        line-height: 1.25;
    }

    .featured-properties-head .premium-see-all,
    .handpicked-projects-head .premium-see-all {
        flex: 0 0 auto;
        font-size: 11px !important;
        white-space: nowrap;
    }

    #featuredSlider,
    #projectsSlider {
        grid-auto-columns: 235px !important;
        gap: 12px !important;
        padding: 2px 2px 10px !important;
        scroll-padding-left: 2px;
    }

    #featuredSlider .premium-property-card {
        width: 235px !important;
        min-width: 235px !important;
        max-width: 235px !important;
        height: 314px !important;
        box-sizing: border-box;
    }

    #featuredSlider .property-image {
        height: 125px !important;
    }

    #featuredSlider .property-body {
        padding: 10px !important;
    }

    #featuredSlider .property-body h3 {
        font-size: 14px !important;
        line-height: 1.3;
        white-space: normal !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow-wrap: anywhere;
    }

    #featuredSlider .property-location {
        white-space: normal !important;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    #featuredSlider .property-price {
        font-size: 15px !important;
        overflow-wrap: anywhere;
    }

    #featuredSlider .property-meta {
        white-space: normal !important;
        flex-wrap: wrap;
        height: auto;
        max-height: 34px;
        line-height: 1.35;
    }

    #featuredSlider .property-actions {
        gap: 6px !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    #featuredSlider .property-actions button,
    #featuredSlider .property-actions a {
        min-width: 0;
        padding: 0 5px;
        font-size: 10px !important;
        white-space: nowrap;
    }

    #projectsSlider .premium-project-card {
        width: 235px !important;
        min-width: 235px !important;
        max-width: 235px !important;
        height: 303px !important;
        min-height: 303px !important;
        box-sizing: border-box;
    }

    #projectsSlider .project-image {
        height: 135px !important;
        min-height: 135px !important;
    }

    #projectsSlider .project-body {
        padding: 24px 10px 10px !important;
        overflow: visible;
    }

    #projectsSlider .project-body h3 {
        font-size: 14px !important;
        line-height: 1.3;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    #projectsSlider .project-body p,
    #projectsSlider .handpicked-project-types {
        font-size: 12px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    #projectsSlider .project-price {
        font-size: 13px !important;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    #projectsSlider .project-actions {
        gap: 6px !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    #projectsSlider .project-actions button,
    #projectsSlider .project-actions a {
        min-width: 0;
        padding: 0 5px;
        font-size: 10px !important;
        white-space: nowrap;
    }
}

@media (max-width: 380px) {
    .featured-properties-head,
    .featured-properties-wrap,
    .handpicked-projects-head,
    .handpicked-projects-wrap,
    .ready-project-section {
        width: 90% !important;
        max-width: 90% !important;
    }

    #featuredSlider,
    #projectsSlider {
        grid-auto-columns: 220px !important;
    }

    #featuredSlider .premium-property-card,
    #projectsSlider .premium-project-card {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
    }

    .featured-properties-head h2,
    .handpicked-projects-head h2 {
        font-size: 15px !important;
    }
}

    /* =========================================================
   RESPONSIVE CARD WIDTHS — NO OVERLAP
   Featured Properties + Handpicked Projects: 256px
   Ready to Move Projects: 265px
   Keep these widths identical on desktop and small screens.
========================================================= */
#featuredSlider,
#projectsSlider {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 256px !important;
    grid-template-rows: auto !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
    scroll-snap-type: x mandatory;
}

#featuredSlider > .premium-property-card,
#projectsSlider > .premium-project-card {
    width: 256px !important;
    min-width: 256px !important;
    max-width: 256px !important;
    box-sizing: border-box !important;
    flex: 0 0 256px !important;
    margin: 0 !important;
    scroll-snap-align: start;
}

.ready-project-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 13px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
    scroll-snap-type: x mandatory;
}

.ready-project-slider > .ready-project-card {
    flex: 0 0 265px !important;
    width: 265px !important;
    min-width: 265px !important;
    max-width: 265px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    scroll-snap-align: start;
    border:1px solid var(--border);
}

#featuredSlider .premium-property-card *,
#projectsSlider .premium-project-card *,
.ready-project-slider .ready-project-card * {
    box-sizing: border-box;
}


    /* =========================================================
   CONSISTENT LEFT ALIGNMENT FOR MAIN PROPERTY SECTIONS
   Keeps the requested sections on one shared vertical line.
   Existing content, card sizes, and functionality remain unchanged.
========================================================= */
:root {
    --homepage-section-width: 90%;
    --homepage-section-max-width: 1180px;
}

/* Featured Properties */
.featured-properties-head,
.featured-properties-wrap,

/* Handpicked Projects */
.handpicked-projects-head,
.handpicked-projects-wrap,

/* Popular Category heading and cards */
main.container-main > .section-head:has(+ .popular-grid),
main.container-main > .popular-grid,

/* Certified Agents, Developers & Builders heading and slider */
main.container-main > .premium-section-head:has(+ .premium-slider-wrap #developersSlider),
main.container-main > .premium-slider-wrap:has(> #developersSlider),

/* Ready to Move Projects: heading and slider share the section's left edge */
.ready-project-section {
    width: var(--homepage-section-width) !important;
    max-width: var(--homepage-section-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Ensure nested Ready-to-Move elements fill their aligned parent. */
.ready-project-heading,
.ready-project-slider-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Keep section headers and horizontal sliders from introducing extra left offsets. */
.featured-properties-wrap,
.handpicked-projects-wrap,
main.container-main > .popular-grid,
main.container-main > .premium-slider-wrap:has(> #developersSlider) {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1100px) {
    :root {
        --homepage-section-width: 94%;
    }
}

@media (max-width: 600px) {
    :root {
        --homepage-section-width: 92%;
    }
}

@media (max-width: 380px) {
    :root {
        --homepage-section-width: 90%;
    }
}




/* Handpicked project card text: preserve the compact layout */
#projectsSlider .handpicked-project-types {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
}

#projectsSlider .project-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

#projectsSlider .project-body > p {
    flex: 0 0 auto !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
}

#projectsSlider .project-body > p .handpicked-project-types {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 29px !important;
}

#projectsSlider .project-body > .project-price {
    flex: 0 0 auto !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    line-height: 1.15 !important;
}




    /* =========================================================
   FINAL FIX: RECOMMENDED PROJECT PROPERTY TYPE
   Keep the complete property type on one line. If it is
   longer than the card, it remains horizontally scrollable
   instead of being cut off with an ellipsis.
========================================================= */
#projectsSlider .handpicked-project-types {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    line-height: 1.35 !important;
}
#projectsSlider .handpicked-project-types::-webkit-scrollbar {
    display: none !important;
}

/* Recommended Properties: keep area and per-sqft values readable. */
#featuredSlider .property-price {
    line-height: 1.35 !important;
    overflow: visible !important;
}
#featuredSlider .property-area {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 12px !important;
}
#featuredSlider .property-area.prsqft {
    font-size: 11px !important;
    font-weight: 600 !important;
}


/* HANDPICKED PROJECTS: show complete comma-separated property types */
#projectsSlider .premium-project-card {
    height: 329px;
    min-height: 329px;
    display: flex;
    flex-direction: column;
}
#projectsSlider .project-image {
    height: 160px;
    min-height: 160px;
    flex-shrink: 0;
}
#projectsSlider .project-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 32px 10px 10px;
}
#projectsSlider .project-body h3 {
    flex-shrink: 0;
    margin-bottom: 3px;
    line-height: 1.25;
}
#projectsSlider .project-body p {
    flex: 1 1 auto;
    min-height: 0;
    margin: 0 0 4px;
    line-height: 1.3;
    font-size: 14px;
}
#projectsSlider .handpicked-project-types {
    display: block;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    overflow: visible !important;
    text-overflow: clip !important;
    color: #a92313;
    font-size: 14px;
    line-height: 1.35;
}
#projectsSlider .project-price {
    flex-shrink: 0;
    margin: 3px 0 5px;
}
#projectsSlider .project-actions {
    flex-shrink: 0;
    margin-top: 5px;
}

}

/* Recommended Properties + Projects + Ready to Move + Certified Agents + Developers/Builders */

.premium-section-head {
    display:flex;align-items:center;justify-content:space-between;
    margin:28px 0 15px;
}

.premium-section-title h2 {
    color:var(--dark);
    font-family:"Poppins","Inter",sans-serif;
    font-size:15px;font-weight:700;
}

.premium-see-all {
    color:var(--primary);
    font-size:14px;font-weight:600;
}

.premium-section-title {
    display:flex;align-items:center;gap:9px
}

@media (max-width:1024px) {
.premium-section-head {
    margin-top:28px;margin-bottom:15px
}
.premium-section-title h2 {
    font-size:15px
}
.premium-see-all {
    font-size:11px
}
.premium-slider {
    grid-auto-columns:275px;
        gap:16px;
}
.slider-arrow {
    display:none
}
.premium-property-card {
    width:275px;min-width:275px;height:328px
}
.property-image {
    height:140px
}
.premium-project-card {
    width:275px;min-width:275px;height:298px
}
.project-image {
    height:160px
}
.premium-agent-card {
    width:275px;min-width:275px
}
}

@media (max-width:1024px) {
.premium-slider {
    grid-auto-columns:275px;gap:16px
}
.premium-property-card {
    width:275px;min-width:275px
}
.property-image {
    height:140px
}
.premium-project-card {
    width:275px;min-width:275px
}
.premium-agent-card {
    width:275px;min-width:275px
}
}

.compact-professional-actions .compact-enquiry-button {
    min-width:0;
    min-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:5px 4px;
    border:1px solid var(--primary);
    border-radius:6px;
    color:var(--primary);
    background:#fff;
    font-family:inherit;
    font-size:12px;
    line-height:1.1;
    font-weight:800;
    white-space:nowrap;
    cursor:pointer;
}

.js-detail-card:focus-visible {
    outline:3px solid rgba(133,40,12,.35);
    outline-offset:3px;
}

.premium-slider-wrap,
.premium-slider,
.ready-project-slider-wrap,
.ready-project-slider,
.compact-professional-slider {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

main.container-main > .premium-section-head,
main.container-main > .featured-properties-head,
main.container-main > .featured-properties-wrap,
main.container-main > .handpicked-projects-head,
main.container-main > .handpicked-projects-wrap,
main.container-main > .ready-project-section,
main.container-main > .premium-slider-wrap {
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
}

.featured-properties-head,
.featured-properties-wrap,
.handpicked-projects-head,
.handpicked-projects-wrap,
main.container-main > .premium-section-head:has(+ .premium-slider-wrap #developersSlider),
main.container-main > .premium-slider-wrap:has(> #developersSlider),
.ready-project-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}