/* =====================================================
   Shireen M Digital Card v2.0.8
   Compact profile + server-rendered listings
   ===================================================== */


.profile-visual {
    position: relative !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 15px !important;

    padding:
        26px
        22px
        28px !important;
}


.profile-photo-wrap {
    position: relative !important;

    inset: auto !important;

    transform: none !important;

    flex:
        0
        0
        auto !important;

    width: 215px !important;
    max-width: 56vw !important;

    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 1 / 1 !important;

    margin:
        0
        auto !important;

    border-radius: 50% !important;

    overflow: hidden !important;
}


.profile-photo {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    aspect-ratio: 1 / 1 !important;

    object-fit: cover !important;

    object-position:
        center
        34% !important;

    border-radius: 50% !important;
}


.profile-v208-intro {
    width:
        min(
            520px,
            94%
        );

    margin:
        0
        auto;

    text-align: center;
}


.profile-v208-intro p {
    margin:
        0
        auto
        13px;

    max-width: 470px;

    color: var(--soft-ink);

    font-size: .92rem;

    line-height: 1.48;
}


.profile-v208-chips {
    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 7px;
}


.profile-v208-chips span,
.profile-v208-chips a {
    display: inline-flex;

    align-items: center;

    min-height: 31px;

    padding:
        6px
        11px;

    border:
        1px
        solid
        rgba(166,62,114,.19);

    border-radius: 999px;

    background:
        rgba(255,255,255,.62);

    color: var(--ink);

    font-size: .75rem;

    font-weight: 700;

    text-decoration: none;
}


.profile-v208-chips a {
    color: var(--rose);
}


.profile-visual .availability {
    position: static !important;

    inset: auto !important;

    transform: none !important;

    width: auto !important;

    max-width: 94% !important;

    margin:
        2px
        auto
        0 !important;
}


/* Full Areas Covered card section */

.areas-v208 {
    padding:
        clamp(42px, 6vw, 72px)
        clamp(20px, 4vw, 48px);

    border-radius: var(--radius);

    background: var(--paper);

    box-shadow: var(--shadow);
}


.areas-v208 h2 {
    margin:
        4px
        0
        10px;

    font-family: var(--serif);

    font-size:
        clamp(
            2rem,
            4vw,
            3.3rem
        );

    font-weight: 400;

    line-height: 1.05;
}


.areas-v208 > p {
    max-width: 670px;

    margin:
        0
        0
        24px;

    color: var(--soft-ink);
}


.areas-v208-grid {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;
}


.areas-v208-grid span {
    display: inline-flex;

    align-items: center;

    min-height: 39px;

    padding:
        8px
        13px;

    border:
        1px
        solid
        rgba(166,62,114,.18);

    border-radius: 999px;

    background:
        var(--ivory);

    color: var(--ink);

    font-size: .85rem;

    font-weight: 700;
}


/* Server-rendered property cards */

.latest-grid-static-v208 {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 16px;
}


.latest-grid-static-v208
.latest-card {
    display: flex;

    flex-direction: column;

    overflow: hidden !important;

    border:
        1px
        solid
        rgba(33,26,30,.11);

    border-radius: 24px;

    background: #fff;

    color: inherit;

    text-decoration: none;
}


.latest-grid-static-v208
.latest-image {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 3 / 2 !important;

    overflow: hidden !important;

    background: #eee6dc !important;
}


.latest-grid-static-v208
.latest-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;
}


.latest-v208-body {
    display: flex;

    flex-direction: column;

    flex: 1;

    gap: 9px;

    padding:
        17px
        17px
        18px;
}


.latest-v208-body small {
    color: var(--soft-ink);

    font-size: .78rem;
}


.latest-v208-body strong {
    color: var(--ink);

    font-family: var(--serif);

    font-size: 1.15rem;

    font-weight: 400;

    line-height: 1.18;
}


.latest-v208-body .price {
    color: var(--rose);

    font-size: 1rem;

    font-weight: 800;
}


.latest-v208-body .meta {
    color: var(--soft-ink);

    font-size: .78rem;
}


@media (max-width: 820px) {

    .latest-grid-static-v208 {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 700px) {

    .profile-visual {
        padding:
            18px
            16px
            21px !important;

        gap: 12px !important;
    }


    .profile-photo-wrap {
        width: 178px !important;

        max-width: 48vw !important;
    }


    .profile-v208-intro {
        width: 95%;
    }


    .profile-v208-intro p {
        margin-bottom: 10px;

        font-size: .86rem;
    }


    .profile-v208-chips {
        gap: 6px;
    }


    .profile-v208-chips span,
    .profile-v208-chips a {
        min-height: 29px;

        padding:
            5px
            9px;

        font-size: .71rem;
    }


    .profile-visual .availability {
        margin-top:
            1px !important;
    }


    .areas-v208 {
        padding:
            38px
            18px;
    }

}



/* =====================================================
   SHIREEN-CARD-IMAGE-V210
   Static Latest Properties image visibility
   ===================================================== */

.latest-grid-static-v208
.latest-image {

    background-image:
        none !important;

}


.latest-grid-static-v208
.latest-image::before,
.latest-grid-static-v208
.latest-image::after {

    display:
        none !important;

    content:
        none !important;

    background-image:
        none !important;

}


.latest-grid-static-v208
.latest-image > img,
.latest-grid-static-v208
.latest-image.is-loaded > img {

    display:
        block !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    object-fit:
        cover !important;

    object-position:
        center !important;

    position:
        relative !important;

    inset:
        auto !important;

    z-index:
        2 !important;

    transform:
        none !important;

    filter:
        none !important;

}


/* SHIREEN-CARD-V12-CSS */
.v12-card-cta-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:760px;margin:16px auto;padding:0 16px}.v12-card-cta-wrap a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;text-align:center;text-decoration:none;border-radius:14px;background:#25211f;color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(37,33,31,.12)}.v12-card-cta-wrap a:last-child{background:#b77779}@media(max-width:560px){.v12-card-cta-wrap{grid-template-columns:1fr}}