/* ==========================================================
   JTII PROPERTY LISTING
   CORPORATE LUXURY — INDONESIA 80 / JAPAN 20
========================================================== */

.jtii-property-listing-page {
    background: #fbfaf7;
    color: #0b213d;
}


/* ==========================================================
   CONTAINER
========================================================== */

.jtii-property-listing-container {
    width: calc(100% - 48px);
    max-width: 1440px;
    margin: 0 auto;
}


/* ==========================================================
   HERO
========================================================== */

.jtii-property-listing-hero {
    position: relative;
    overflow: hidden;
    padding: 58px 0 62px;
    background: #0b213d;
    color: #fff;
}

.jtii-property-listing-hero::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -130px;
    top: -240px;
    border: 1px solid rgba(201,159,83,.28);
    border-radius: 50%;
}

.jtii-property-listing-eyebrow {
    margin-bottom: 13px;
    color: #d3a955;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2.3px;
}

.jtii-property-listing-hero-row {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
}

.jtii-property-listing-hero h1 {
    margin: 0;
    color: #fff;
    font: 700 clamp(34px,4vw,58px)/1.05 Georgia,serif;
}

.jtii-property-listing-hero p {
    max-width: 660px;
    margin: 15px 0 0;
    color: #c5d0dc;
    font-size: 13px;
    line-height: 1.7;
}

.jtii-property-listing-count {
    display: flex;
    align-items: baseline;
    gap: 10px;
    white-space: nowrap;
}

.jtii-property-listing-count strong {
    color: #d5ad5b;
    font: 700 46px/1 Georgia,serif;
}

.jtii-property-listing-count span {
    color: #d5dee6;
    font-size: 11px;
}


/* ==========================================================
   CONTENT
========================================================== */

.jtii-property-listing-content {
    padding: 42px 0 75px;
}

.jtii-property-listing-layout {
    display: grid;
    grid-template-columns: 290px minmax(0,1fr);
    gap: 36px;
    align-items: start;
}


/* ==========================================================
   FILTER
========================================================== */

.jtii-property-filter-card {
    position: sticky;
    top: 115px;
    padding: 27px 24px 25px;
    border: 1px solid #dfe3e6;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 15px 38px rgba(11,33,61,.06);
}

.jtii-property-filter-card::before {
    content: "";
    position: absolute;
    left: 24px;
    top: -1px;
    width: 48px;
    height: 2px;
    background: #c99f53;
}

.jtii-property-filter-title {
    padding-bottom: 18px;
    margin-bottom: 21px;
    border-bottom: 1px solid #e5e3dd;
    color: #0b213d;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.jtii-property-filter-group {
    margin-bottom: 14px;
}

.jtii-property-filter-group label {
    display: block;
    margin-bottom: 6px;
    color: #778494;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .75px;
    text-transform: uppercase;
}

.jtii-property-filter-group input,
.jtii-property-filter-group select {
    width: 100%;
    height: 48px;
    padding: 0 13px;
    border: 1px solid #dce2e6;
    border-radius: 4px;
    outline: none;
    background: #fff;
    color: #0b213d;
    font-size: 11px;
}

.jtii-property-filter-group input:focus,
.jtii-property-filter-group select:focus {
    border-color: #c99f53;
}

.jtii-property-filter-submit {
    width: 100%;
    min-height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    margin-top: 20px;
    border: 0;
    border-radius: 4px;
    background: #0b213d;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.jtii-property-filter-submit span {
    color: #d4aa55;
    font-size: 14px;
}

.jtii-property-filter-reset {
    display: block;
    margin-top: 14px;
    color: #9b712b;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}


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

.jtii-property-results {
    min-width: 0;
}

.jtii-property-results-head {
    display: flex;
    align-items: center;
    min-height: 70px;
    margin-bottom: 27px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e1dfda;
}

.jtii-property-results-head > div {
    display: flex;
    align-items: baseline;
    gap: 16px;
}

.jtii-property-results-head span {
    color: #b0802e;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.jtii-property-results-head strong {
    color: #0b213d;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.5px;
}


/* ==========================================================
   GRID
========================================================== */

.jtii-property-card-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 27px 25px;
}


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

.jtii-property-card {
    overflow: hidden;
    border: 1px solid #dde3e7;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(11,33,61,.045);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.jtii-property-card:hover {
    transform: translateY(-4px);
    border-color: rgba(201,159,83,.5);
    box-shadow: 0 20px 40px rgba(11,33,61,.1);
}


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

.jtii-property-card-image {
    position: relative;
    display: block;
    height: 235px;
    overflow: hidden;
    background: #e8ecee;
}

.jtii-property-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s ease;
}

.jtii-property-card:hover
.jtii-property-card-image img {
    transform: scale(1.025);
}

.jtii-property-card-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #84909b;
    font-size: 12px;
    font-weight: 800;
}

.jtii-property-card-type {
    position: absolute;
    left: 8px;
    top: 8px;
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-left: 2px solid #c99f53;
    border-radius: 2px;
    background: rgba(11,33,61,.95);
    color: #fff;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .7px;
}

.jtii-property-card-methods {
    position: absolute;
    right: 8px;
    top: 8px;
    display: flex;
    gap: 5px;
}

.jtii-property-card-methods span {
    min-height: 29px;
    display: flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 20px;
    background: rgba(255,255,255,.94);
    color: #936920;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .45px;
}


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

.jtii-property-card-body {
    padding: 19px 20px 20px;
}

.jtii-property-card-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 11px;
}

.jtii-property-card-topline span,
.jtii-property-card-topline strong {
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .75px;
    text-transform: uppercase;
}

.jtii-property-card-topline span {
    color: #0b213d;
}

.jtii-property-card-topline strong {
    color: #9b712b;
}

.jtii-property-card h2 {
    min-height: 44px;
    margin: 0 0 9px;
    color: #0b213d;
    font: 700 17px/1.27 Georgia,serif;
}

.jtii-property-card h2 a {
    color: inherit;
    text-decoration: none;
}

.jtii-property-card-location {
    min-height: 20px;
    display: flex;
    gap: 7px;
    align-items: flex-start;
    margin-bottom: 13px;
    color: #738194;
    font-size: 9px;
    line-height: 1.5;
}

.jtii-property-pin {
    color: #c99f53;
    font-size: 8px;
}


/* ==========================================================
   LT/LB
========================================================== */

.jtii-property-card-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    min-height: 25px;
    margin: 0 0 13px;
    color: #84909d;
    font-size: 8px;
    text-transform: uppercase;
}

.jtii-property-card-specs strong {
    margin-left: 3px;
    color: #0b213d;
    font-weight: 700;
}


/* ==========================================================
   PRICE
========================================================== */

.jtii-property-card-price {
    position: relative;
    padding-top: 15px;
    border-top: 1px solid #e3e7e9;
}

.jtii-property-card-price::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 34px;
    height: 2px;
    background: #c99f53;
}

.jtii-property-card-price > span {
    display: block;
    margin-bottom: 6px;
    color: #7d8996;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.jtii-property-card-price > strong {
    display: block;
    color: #0b213d;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.35px;
}


/* ==========================================================
   DETAIL BUTTON
========================================================== */

.jtii-property-card-detail {
    width: 100%;
    min-height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 17px;
    border-radius: 3px;
    background: #0b213d;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
}

.jtii-property-card-detail span {
    color: #d5ad5c;
    font-size: 13px;
}


/* ==========================================================
   PAGINATION
========================================================== */

.jtii-property-pagination {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 48px;
}

.jtii-property-pagination a {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid #d8dfe4;
    border-radius: 3px;
    background: #fff;
    color: #0b213d;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.jtii-property-pagination a.is-active {
    border-color: #0b213d;
    background: #0b213d;
    color: #fff;
}

.jtii-property-pagination a.is-arrow {
    color: #9b712b;
}


/* ==========================================================
   EMPTY
========================================================== */

.jtii-property-empty {
    padding: 70px 30px;
    border: 1px solid #dfe3e6;
    background: #fff;
    text-align: center;
}

.jtii-property-empty strong {
    display: block;
    margin-bottom: 8px;
    font: 700 25px/1.2 Georgia,serif;
}

.jtii-property-empty p {
    color: #758393;
}

.jtii-property-empty a {
    display: inline-block;
    margin-top: 15px;
    color: #9b712b;
    font-weight: 700;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1180px) {

    .jtii-property-listing-layout {
        grid-template-columns: 250px minmax(0,1fr);
        gap: 25px;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==========================================================
   MOBILE / TABLET SMALL
========================================================== */

@media (max-width: 820px) {

    .jtii-property-listing-container {
        width: calc(100% - 28px);
    }

    .jtii-property-listing-hero {
        padding: 40px 0;
    }

    .jtii-property-listing-hero-row {
        display: block;
    }

    .jtii-property-listing-count {
        margin-top: 25px;
    }

    .jtii-property-listing-layout {
        grid-template-columns: 1fr;
    }

    .jtii-property-filter-card {
        position: static;
    }

}


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

@media (max-width: 620px) {

    .jtii-property-listing-container {
        width: calc(100% - 22px);
    }

    .jtii-property-listing-hero h1 {
        font-size: 34px;
    }

    .jtii-property-listing-count strong {
        font-size: 35px;
    }

    .jtii-property-results-head > div {
        display: block;
    }

    .jtii-property-results-head strong {
        display: block;
        margin-top: 6px;
        font-size: 23px;
    }

    .jtii-property-card-grid {
        grid-template-columns: 1fr;
    }

    .jtii-property-card-image {
        height: 255px;
    }

}



/* ==========================================================
   JTII PROPERTY TYPE TABS
========================================================== */

.jtii-property-type-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: 18px;
}

.jtii-property-type-tabs a {
    min-height: 38px;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 0 15px;

    border: 1px solid #dce2e6;
    border-radius: 3px;

    background: #fff;

    color: #0b213d;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 800;

    letter-spacing: .45px;

    text-decoration: none;
    text-transform: uppercase;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}

.jtii-property-type-tabs a span {
    min-width: 22px;
    height: 22px;

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

    padding: 0 6px;

    border-radius: 20px;

    background: #f2f4f5;

    color: #7b8794;

    font-size: 8px;
}

.jtii-property-type-tabs a:hover {
    border-color: #c99f53;
}

.jtii-property-type-tabs a.is-active {
    border-color: #0b213d;
    background: #0b213d;
    color: #fff;
}

.jtii-property-type-tabs a.is-active span {
    background: #c99f53;
    color: #fff;
}

@media (max-width: 620px) {

    .jtii-property-type-tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .jtii-property-type-tabs a {
        justify-content: center;
        padding: 0 8px;
        font-size: 8px;
    }

}



/* ==========================================================
   JTII PROPERTY HERO
   INDONESIA 80% × JAPAN 20%
========================================================== */

.jtii-property-listing-hero {
    min-height: 310px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            110deg,
            #081d36 0%,
            #0b213d 58%,
            #102c4e 100%
        ) !important;
}


/* ----------------------------------------------------------
   INDONESIA:
   subtle kawung-inspired geometry
---------------------------------------------------------- */

.jtii-property-listing-hero::before {
    content: "";

    position: absolute;

    left: -85px;
    bottom: -105px;

    width: 430px;
    height: 430px;

    opacity: .075;

    background:
        radial-gradient(
            ellipse at center,
            transparent 0 26%,
            #d2a64e 27% 29%,
            transparent 30% 100%
        );

    background-size: 92px 92px;

    transform: rotate(45deg);

    pointer-events: none;
}


/* ----------------------------------------------------------
   JAPAN:
   restrained rising-sun circle
---------------------------------------------------------- */

.jtii-property-listing-hero::after {
    content: "";

    position: absolute;

    width: 390px;
    height: 390px;

    right: -95px;
    top: -205px;

    border:
        1px solid
        rgba(201,159,83,.38);

    border-radius: 50%;

    box-shadow:
        0 0 0 70px
        rgba(201,159,83,.018);

    pointer-events: none;
}


/* container stays above motifs */
.jtii-property-listing-hero
.jtii-property-listing-container {
    position: relative;
    z-index: 2;
}


/* JTII eyebrow */
.jtii-property-listing-eyebrow {
    margin-bottom: 9px !important;

    color: #d5aa54 !important;

    font-size: 9px !important;

    letter-spacing: 3px !important;
}


/* Indonesia × Japan micro identity */
.jtii-property-cultural-line {
    display: flex;
    align-items: center;
    gap: 9px;

    width: max-content;

    margin-bottom: 19px;

    color: rgba(255,255,255,.7);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1.8px;
}


.jtii-property-cultural-line i {
    width: 34px;
    height: 1px;

    display: block;

    background: #c99f53;
}


/* main title */
.jtii-property-listing-hero h1 {
    max-width: 760px;

    color: #fff !important;

    font-size: clamp(
        38px,
        4vw,
        60px
    ) !important;

    line-height: 1.02 !important;

    letter-spacing: -.7px;
}


/* description */
.jtii-property-listing-hero p {
    max-width: 620px !important;

    margin-top: 18px !important;

    color:
        rgba(229,235,241,.87) !important;

    font-size: 12px !important;

    line-height: 1.8 !important;
}


/* ----------------------------------------------------------
   ASSET NUMBER — more Japanese editorial
---------------------------------------------------------- */

.jtii-property-listing-count {
    position: relative;

    min-width: 235px;

    padding:
        12px 0
        10px 30px;
}


.jtii-property-listing-count::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 1px;
    height: 100%;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #c99f53,
            transparent
        );
}


.jtii-property-listing-count strong {
    color: #d9ad52 !important;

    font-size: 52px !important;

    letter-spacing: -1px;
}


.jtii-property-listing-count span {
    color:
        rgba(255,255,255,.82) !important;

    font-size: 9px !important;

    letter-spacing: .4px;
}


/* gold architectural line */
.jtii-property-listing-hero-row::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -29px;

    width: 88px;
    height: 2px;

    background:
        linear-gradient(
            to right,
            #c99f53 0 55%,
            rgba(201,159,83,.2) 55% 100%
        );
}


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

@media (max-width: 820px) {

    .jtii-property-listing-hero {
        min-height: auto;
    }

    .jtii-property-listing-count {
        margin-top: 28px;
        padding-left: 18px;
    }

}


@media (max-width: 620px) {

    .jtii-property-cultural-line {
        margin-bottom: 15px;
    }

    .jtii-property-listing-hero h1 {
        font-size: 36px !important;
    }

    .jtii-property-listing-count strong {
        font-size: 40px !important;
    }

}



/* ==========================================================
   JTII PROPERTY LISTING
   INDONESIA 80% × JAPAN 20%
   FINAL CORPORATE LUXURY
========================================================== */


/* ----------------------------------------------------------
   HERO
---------------------------------------------------------- */

.jtii-property-listing-hero {
    position: relative !important;
    isolation: isolate;

    min-height: 320px !important;

    display: flex !important;
    align-items: center !important;

    overflow: hidden !important;

    padding:
        55px 0
        60px !important;

    background:
        linear-gradient(
            112deg,
            #07192e 0%,
            #0b213d 58%,
            #102d4d 100%
        ) !important;
}


/* ----------------------------------------------------------
   INDONESIA
   Kawung-inspired pattern sangat halus
---------------------------------------------------------- */

.jtii-property-listing-hero::before {
    content: "" !important;

    position: absolute !important;

    left: -145px !important;
    bottom: -205px !important;

    width: 610px !important;
    height: 610px !important;

    opacity: .10 !important;

    background:
        radial-gradient(
            ellipse at center,
            transparent 0 28%,
            #c99f53 29% 30%,
            transparent 31% 100%
        ) !important;

    background-size:
        96px 96px !important;

    transform:
        rotate(45deg) !important;

    pointer-events: none !important;

    z-index: -1 !important;
}


/* ----------------------------------------------------------
   JAPAN
   Minimal Enso / rising circle
---------------------------------------------------------- */

.jtii-property-listing-hero::after {
    content: "" !important;

    position: absolute !important;

    right: -115px !important;
    top: -220px !important;

    width: 430px !important;
    height: 430px !important;

    border:
        1px solid
        rgba(201,159,83,.35) !important;

    border-radius:
        50% !important;

    box-shadow:
        0 0 0 72px
        rgba(255,255,255,.012) !important;

    pointer-events: none !important;

    z-index: -1 !important;
}


/* ----------------------------------------------------------
   CULTURAL SIGNATURE
---------------------------------------------------------- */

.jtii-property-cultural-line {
    width: max-content;

    display: flex;
    align-items: center;

    gap: 9px;

    margin:
        0 0 17px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        1.9px;
}


.jtii-property-cultural-line .is-id {
    color:
        rgba(255,255,255,.82);
}


.jtii-property-cultural-line .is-jp {
    position: relative;

    padding-left: 10px;

    color:
        rgba(255,255,255,.67);
}


/* tiny Japan-red accent */
.jtii-property-cultural-line .is-jp::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        #a63d40;

    transform:
        translateY(-50%);
}


.jtii-property-cultural-line i {
    width: 38px;
    height: 1px;

    display: block;

    background:
        #c99f53;
}


/* ----------------------------------------------------------
   EYEBROW
---------------------------------------------------------- */

.jtii-property-listing-eyebrow {
    margin-bottom:
        7px !important;

    color:
        #d4a850 !important;

    font-size:
        8px !important;

    letter-spacing:
        3px !important;
}


/* ----------------------------------------------------------
   HERO TITLE
---------------------------------------------------------- */

.jtii-property-listing-hero h1 {
    max-width:
        720px !important;

    color:
        #fff !important;

    font-size:
        clamp(
            38px,
            4vw,
            58px
        ) !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -.8px !important;
}


/* ----------------------------------------------------------
   HERO DESCRIPTION
---------------------------------------------------------- */

.jtii-property-listing-hero p {
    max-width:
        610px !important;

    margin-top:
        17px !important;

    color:
        rgba(
            233,
            238,
            243,
            .85
        ) !important;

    font-size:
        12px !important;

    line-height:
        1.75 !important;
}


/* ----------------------------------------------------------
   NUMBER
---------------------------------------------------------- */

.jtii-property-listing-count {
    position: relative;

    min-width:
        225px;

    padding-left:
        27px !important;
}


.jtii-property-listing-count::before {
    content: "";

    position: absolute;

    left: 0;
    top: -8px;

    width: 1px;
    height: calc(100% + 16px);

    background:
        linear-gradient(
            to bottom,
            transparent,
            #c99f53,
            transparent
        );
}


.jtii-property-listing-count strong {
    color:
        #d8ad55 !important;

    font-size:
        52px !important;

    letter-spacing:
        -1.4px !important;
}


.jtii-property-listing-count span {
    color:
        rgba(255,255,255,.8) !important;

    font-size:
        9px !important;

    letter-spacing:
        .4px;
}


/* ==========================================================
   FILTER
   Japanese precision + JTII Indonesia
========================================================== */

.jtii-property-filter-card {
    border-radius:
        6px !important;

    border-color:
        #e0e3e5 !important;

    box-shadow:
        0 14px 35px
        rgba(11,33,61,.055) !important;
}


.jtii-property-filter-title {
    position: relative;

    padding-left:
        13px;
}


.jtii-property-filter-title::before {
    content: "";

    position: absolute;

    left: 0;
    top: 2px;

    width: 2px;
    height: 18px;

    background:
        #c99f53;
}


/* fields */
.jtii-property-filter-group input,
.jtii-property-filter-group select {
    border-radius:
        2px !important;

    background:
        #fdfdfc !important;

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


.jtii-property-filter-group input:focus,
.jtii-property-filter-group select:focus {
    border-color:
        #c99f53 !important;

    box-shadow:
        0 0 0 2px
        rgba(201,159,83,.08);
}


/* ==========================================================
   TYPE TABS
========================================================== */

.jtii-property-type-tabs {
    padding-bottom:
        16px;

    border-bottom:
        1px solid #e6e3dd;
}


.jtii-property-type-tabs a {
    position: relative;

    border-radius:
        2px !important;
}


.jtii-property-type-tabs a.is-active {
    border-color:
        #0b213d !important;

    background:
        #0b213d !important;
}


/* tiny red detail on active state */
.jtii-property-type-tabs a.is-active::before {
    content: "";

    position: absolute;

    left: 8px;
    top: 8px;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background:
        #a63d40;
}


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

.jtii-property-results-head strong {
    font-size:
        25px !important;

    letter-spacing:
        -.35px !important;
}


/* ==========================================================
   CARDS
========================================================== */

.jtii-property-card {
    position: relative;

    border-radius:
        7px !important;

    border-color:
        #e0e3e6 !important;

    box-shadow:
        0 9px 28px
        rgba(11,33,61,.045) !important;
}


/* gold precision line */
.jtii-property-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 42px;
    height: 2px;

    background:
        #c99f53;

    z-index: 5;
}


.jtii-property-card:hover {
    transform:
        translateY(-3px) !important;

    box-shadow:
        0 18px 38px
        rgba(11,33,61,.095) !important;
}


/* image */
.jtii-property-card-image {
    height:
        225px !important;
}


/* asset badge */
.jtii-property-card-type {
    left:
        10px !important;

    top:
        10px !important;

    border-left:
        2px solid #c99f53 !important;

    border-radius:
        2px !important;

    background:
        rgba(7,25,46,.95) !important;
}


/* methods */
.jtii-property-card-methods span {
    border:
        1px solid
        rgba(201,159,83,.28);

    border-radius:
        2px !important;

    background:
        rgba(251,250,247,.95) !important;
}


/* ----------------------------------------------------------
   CARD TYPOGRAPHY
---------------------------------------------------------- */

.jtii-property-card h2 {
    min-height:
        43px;

    font-size:
        16px !important;

    line-height:
        1.28 !important;
}


.jtii-property-card-location {
    color:
        #748294 !important;
}


/* ----------------------------------------------------------
   PRICE
---------------------------------------------------------- */

.jtii-property-card-price > strong {
    font-size:
        19px !important;

    letter-spacing:
        -.25px !important;
}


/* ----------------------------------------------------------
   DETAIL BUTTON
---------------------------------------------------------- */

.jtii-property-card-detail {
    border-radius:
        2px !important;

    transition:
        background .2s ease;
}


.jtii-property-card-detail:hover {
    background:
        #102d4d !important;
}


/* ==========================================================
   PAGINATION
========================================================== */

.jtii-property-pagination a {
    border-radius:
        2px !important;
}


.jtii-property-pagination a.is-active {
    position: relative;
}


.jtii-property-pagination a.is-active::after {
    content: "";

    position: absolute;

    bottom: 4px;

    width: 4px;
    height: 4px;

    border-radius:
        50%;

    background:
        #c99f53;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 820px) {

    .jtii-property-listing-count {
        margin-top:
            28px !important;
    }

}


@media (max-width: 620px) {

    .jtii-property-listing-hero {
        min-height:
            auto !important;

        padding:
            42px 0
            46px !important;
    }


    .jtii-property-listing-hero h1 {
        font-size:
            35px !important;
    }


    .jtii-property-cultural-line {
        margin-bottom:
            14px !important;
    }


    .jtii-property-listing-count strong {
        font-size:
            40px !important;
    }

}



/* ==========================================================
   PROPERTY LISTING PATCH
   4 CARD + FONT SOFTER + MAP ICON
========================================================== */


/* ----------------------------------------------------------
   GRID 4 CARD
---------------------------------------------------------- */

.jtii-property-list-grid,
.jtii-property-grid,
.jtii-property-listing-grid,
.jtii-property-results-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: start !important;
}


/* kalau wrapper utama beda nama, paksa area content */
.jtii-property-results .jtii-property-card,
.jtii-property-listing .jtii-property-card {
    width: 100% !important;
}


/* ----------------------------------------------------------
   UKURAN FILTER SIDEBAR
---------------------------------------------------------- */

.jtii-property-filter-card {
    max-width: 360px !important;
}

.jtii-property-main,
.jtii-property-results-wrap,
.jtii-property-content {
    min-width: 0 !important;
}


/* ----------------------------------------------------------
   CARD
---------------------------------------------------------- */

.jtii-property-card {
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 28px rgba(11,33,61,.06) !important;
}

.jtii-property-card-image {
    height: 250px !important;
}

.jtii-property-card-body {
    padding: 20px 22px 22px !important;
}


/* ----------------------------------------------------------
   FONT SOFTER / LEBIH CORPORATE
---------------------------------------------------------- */

/* label kecil atas */
.jtii-property-card-topline,
.jtii-property-card-topline span,
.jtii-property-card-category,
.jtii-property-card-code {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
}

/* judul card */
.jtii-property-card h2,
.jtii-property-card h2 a {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
    letter-spacing: -.2px !important;
    font-weight: 700 !important;
    color: #0b213d !important;
}

.jtii-property-card h2 {
    min-height: 72px !important;
    margin: 8px 0 10px !important;
}

/* lokasi */
.jtii-property-card-location,
.jtii-property-card-location-text {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #6f7f91 !important;
    font-weight: 500 !important;
}

/* LT LB */
.jtii-property-card-footer,
.jtii-property-card-meta,
.jtii-property-card-size,
.jtii-property-card-size span {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* harga */
.jtii-property-card-price span {
    font-size: 12px !important;
    letter-spacing: .9px !important;
    font-weight: 700 !important;
}

.jtii-property-card-price strong {
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.2px !important;
    color: #0b213d !important;
}

/* tombol */
.jtii-property-card-detail,
.jtii-property-card a.jtii-btn,
.jtii-property-card .jtii-btn {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
}


/* ----------------------------------------------------------
   LOKASI + ICON MAP
---------------------------------------------------------- */

.jtii-property-card-location {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 14px !important;
}

.jtii-property-card-location::before {
    content: "" !important;
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: .9 !important;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c99f53'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/></svg>") !important;
}


/* ----------------------------------------------------------
   RESULT TITLE
---------------------------------------------------------- */

.jtii-property-results-head strong,
.jtii-property-results-title,
.jtii-property-results-count {
    font-size: 22px !important;
    line-height: 1.25 !important;
}


/* ----------------------------------------------------------
   FILTER FONT JUGA DIBESARKAN
---------------------------------------------------------- */

.jtii-property-filter-title {
    font-size: 22px !important;
    letter-spacing: .6px !important;
}

.jtii-property-filter-group label,
.jtii-property-filter-card label {
    font-size: 11px !important;
    letter-spacing: 1.1px !important;
    font-weight: 700 !important;
}

.jtii-property-filter-group input,
.jtii-property-filter-group select,
.jtii-property-filter-card input,
.jtii-property-filter-card select {
    font-size: 16px !important;
    height: 58px !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------- */

@media (max-width: 1600px) {
    .jtii-property-list-grid,
    .jtii-property-grid,
    .jtii-property-listing-grid,
    .jtii-property-results-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1180px) {
    .jtii-property-list-grid,
    .jtii-property-grid,
    .jtii-property-listing-grid,
    .jtii-property-results-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .jtii-property-list-grid,
    .jtii-property-grid,
    .jtii-property-listing-grid,
    .jtii-property-results-grid {
        grid-template-columns: 1fr !important;
    }

    .jtii-property-card h2,
    .jtii-property-card h2 a {
        font-size: 20px !important;
    }
}



/* ==========================================================
   JTII PROPERTY LISTING
   4 CARD FINAL + CORPORATE TYPOGRAPHY
========================================================== */


/* ----------------------------------------------------------
   CONTAINER LEBIH LEBAR
---------------------------------------------------------- */

.jtii-property-listing-container {
    max-width: 1680px !important;
}


/* ----------------------------------------------------------
   LAYOUT FILTER + RESULTS
---------------------------------------------------------- */

.jtii-property-listing-layout {
    grid-template-columns:
        300px
        minmax(0, 1fr) !important;

    gap: 30px !important;
}


/* ----------------------------------------------------------
   4 CARD DESKTOP
---------------------------------------------------------- */

.jtii-property-card-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 22px 18px !important;

    align-items: stretch !important;
}


/* ----------------------------------------------------------
   CARD
---------------------------------------------------------- */

.jtii-property-card {
    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;

    border-radius: 7px !important;

    background: #fff !important;

    overflow: hidden !important;
}


.jtii-property-card-body {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    padding: 18px 18px 19px !important;
}


/* ----------------------------------------------------------
   FOTO
---------------------------------------------------------- */

.jtii-property-card-image {
    height: 215px !important;
}


.jtii-property-card-image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/* ----------------------------------------------------------
   BADGE
---------------------------------------------------------- */

.jtii-property-card-type {
    min-height: 31px !important;

    padding: 0 11px !important;

    font-size: 9px !important;

    letter-spacing: .65px !important;
}


.jtii-property-card-methods span {
    min-height: 29px !important;

    padding: 0 9px !important;

    font-size: 8px !important;
}


/* ----------------------------------------------------------
   CATEGORY + KODE
---------------------------------------------------------- */

.jtii-property-card-topline {
    margin-bottom: 10px !important;
}


.jtii-property-card-topline span,
.jtii-property-card-topline strong {
    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: .55px !important;
}


/* ----------------------------------------------------------
   JUDUL
   Ganti serif kaku -> corporate clean
---------------------------------------------------------- */

.jtii-property-card h2 {
    min-height: 52px !important;

    margin:
        0 0
        10px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 17px !important;

    font-weight: 750 !important;

    line-height: 1.28 !important;

    letter-spacing: -.25px !important;

    text-transform: none !important;
}


.jtii-property-card h2 a {
    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        inherit !important;

    line-height:
        inherit !important;

    color:
        #0b213d !important;
}


/* ----------------------------------------------------------
   LOKASI + ICON MAP
---------------------------------------------------------- */

.jtii-property-card-location {
    position: relative;

    display: flex !important;

    align-items: flex-start !important;

    gap: 7px !important;

    min-height: 37px !important;

    margin:
        0 0
        12px !important;

    color:
        #748294 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 500 !important;

    line-height: 1.45 !important;
}


.jtii-property-card-location::before {
    content: "" !important;

    width: 14px !important;
    height: 14px !important;

    flex:
        0 0 14px !important;

    margin-top:
        1px !important;

    display:
        block !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        contain !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") !important;
}


/* sembunyikan titik lama jika masih ada */
.jtii-property-pin {
    display: none !important;
}


/* ----------------------------------------------------------
   LT / LB
---------------------------------------------------------- */

.jtii-property-card-specs {
    min-height: 25px !important;

    gap: 7px 15px !important;

    margin-bottom: 12px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;
}


.jtii-property-card-specs strong {
    font-size: 10px !important;
}


/* ----------------------------------------------------------
   HARGA
---------------------------------------------------------- */

.jtii-property-card-price {
    margin-top: auto !important;

    padding-top: 14px !important;
}


.jtii-property-card-price > span {
    margin-bottom: 6px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    letter-spacing: .8px !important;
}


.jtii-property-card-price > strong {
    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 20px !important;

    font-weight: 800 !important;

    line-height: 1.15 !important;

    letter-spacing: -.45px !important;

    color:
        #0b213d !important;
}


/* ----------------------------------------------------------
   BUTTON
---------------------------------------------------------- */

.jtii-property-card-detail {
    min-height: 44px !important;

    margin-top: 16px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    letter-spacing: .8px !important;
}


/* ----------------------------------------------------------
   HASIL PENCARIAN
---------------------------------------------------------- */

.jtii-property-results-head strong {
    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 27px !important;

    font-weight: 800 !important;

    letter-spacing: -.55px !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

/* laptop */
@media (max-width: 1450px) {

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


/* tablet */
@media (max-width: 1100px) {

    .jtii-property-listing-layout {
        grid-template-columns:
            250px
            minmax(0, 1fr) !important;
    }


    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


/* filter turun ke atas */
@media (max-width: 820px) {

    .jtii-property-listing-layout {
        grid-template-columns:
            1fr !important;
    }


    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


/* mobile */
@media (max-width: 620px) {

    .jtii-property-card-grid {
        grid-template-columns:
            1fr !important;
    }


    .jtii-property-card-image {
        height: 255px !important;
    }


    .jtii-property-card h2 {
        min-height: auto !important;

        font-size: 18px !important;
    }


    .jtii-property-card-location {
        min-height: auto !important;

        font-size: 11px !important;
    }

}



/* ==========================================================
   JTII PROPERTY LISTING
   BALANCED WIDTH — 4 CARD
========================================================== */


/* container jangan full monitor */
.jtii-property-listing-container {
    width: calc(100% - 64px) !important;
    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* filter lebih ramping */
.jtii-property-listing-layout {
    grid-template-columns:
        270px
        minmax(0, 1fr) !important;

    gap: 28px !important;
}


.jtii-property-filter-card {
    width: 100% !important;
    max-width: 270px !important;

    padding:
        25px 21px
        24px !important;
}


/* 4 card tetap */
.jtii-property-card-grid {
    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap:
        22px 16px !important;
}


/* card sedikit compact */
.jtii-property-card-image {
    height: 195px !important;
}


.jtii-property-card-body {
    padding:
        16px 16px
        18px !important;
}


/* judul proporsional untuk 4 card */
.jtii-property-card h2 {
    min-height: 48px !important;

    font-size: 15px !important;

    line-height: 1.3 !important;
}


/* lokasi */
.jtii-property-card-location {
    font-size: 9.5px !important;

    min-height: 34px !important;
}


/* harga */
.jtii-property-card-price > strong {
    font-size: 18px !important;
}


/* CTA */
.jtii-property-card-detail {
    min-height: 42px !important;
}


/* hasil pencarian */
.jtii-property-results-head strong {
    font-size: 25px !important;
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1500px) {

    .jtii-property-listing-container {
        width: calc(100% - 48px) !important;
        max-width: 1360px !important;
    }

    .jtii-property-listing-layout {
        grid-template-columns:
            250px
            minmax(0, 1fr) !important;

        gap: 24px !important;
    }

    .jtii-property-filter-card {
        max-width: 250px !important;
    }

    /* laptop sedang: 3 card */
    .jtii-property-card-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1100px) {

    .jtii-property-listing-container {
        width: calc(100% - 32px) !important;
    }

    .jtii-property-listing-layout {
        grid-template-columns:
            1fr !important;
    }

    .jtii-property-filter-card {
        max-width: none !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


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

@media (max-width: 620px) {

    .jtii-property-listing-container {
        width: calc(100% - 22px) !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            1fr !important;
    }

    .jtii-property-card-image {
        height: 245px !important;
    }

}



/* ==========================================================
   JTII PROPERTY LISTING
   MATCH AUCTION WIDTH FINAL
========================================================== */


/* ----------------------------------------------------------
   CONTAINER = LISTING LELANG
   auction: min(1220px, calc(100% - 40px))
---------------------------------------------------------- */

.jtii-property-listing-content
.jtii-property-listing-container {
    width: min(
        1220px,
        calc(100% - 40px)
    ) !important;

    max-width: 1220px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ----------------------------------------------------------
   FILTER + RESULTS
---------------------------------------------------------- */

.jtii-property-listing-layout {
    display: grid !important;

    grid-template-columns:
        220px
        minmax(0, 1fr) !important;

    column-gap: 24px !important;

    align-items: start !important;
}


/* filter jangan melebar */
.jtii-property-filter-card {
    width: 220px !important;
    max-width: 220px !important;

    padding:
        22px 17px
        20px !important;
}


/* judul filter */
.jtii-property-filter-title {
    font-size: 17px !important;
    line-height: 1.25 !important;
}


/* field */
.jtii-property-filter-group input,
.jtii-property-filter-group select {
    height: 48px !important;

    padding:
        0 11px !important;

    font-size:
        12px !important;
}


/* ----------------------------------------------------------
   RESULT AREA
---------------------------------------------------------- */

.jtii-property-results {
    width: 100% !important;
    min-width: 0 !important;
}


/* ----------------------------------------------------------
   4 CARD TETAP
---------------------------------------------------------- */

.jtii-property-card-grid {
    display: grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        ) !important;

    gap:
        22px
        14px !important;
}


/* ----------------------------------------------------------
   CARD PROPORSIONAL UNTUK 1220px
---------------------------------------------------------- */

.jtii-property-card {
    min-width: 0 !important;
}


.jtii-property-card-image {
    height: 165px !important;
}


.jtii-property-card-body {
    padding:
        15px 14px
        16px !important;
}


/* category + code */
.jtii-property-card-topline span,
.jtii-property-card-topline strong {
    font-size: 8.5px !important;
}


/* judul */
.jtii-property-card h2,
.jtii-property-card h2 a {
    min-height: 47px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 750 !important;

    line-height: 1.28 !important;

    letter-spacing: -.15px !important;
}


/* lokasi tetap terbaca */
.jtii-property-card-location {
    min-height: 32px !important;

    font-size: 9px !important;

    line-height: 1.4 !important;
}


/* icon map */
.jtii-property-card-location::before {
    width: 12px !important;
    height: 12px !important;
    flex-basis: 12px !important;
}


/* LT LB */
.jtii-property-card-specs {
    font-size: 8px !important;
}

.jtii-property-card-specs strong {
    font-size: 8.5px !important;
}


/* harga */
.jtii-property-card-price > span {
    font-size: 8px !important;
}


.jtii-property-card-price > strong {
    font-size: 17px !important;

    white-space: nowrap;
}


/* button */
.jtii-property-card-detail {
    min-height: 40px !important;

    font-size: 8.5px !important;
}


/* ----------------------------------------------------------
   RESULT HEADER
---------------------------------------------------------- */

.jtii-property-results-head {
    min-height: 60px !important;
}


.jtii-property-results-head strong {
    font-size: 23px !important;
}


/* tabs */
.jtii-property-type-tabs a {
    min-height: 35px !important;

    padding:
        0 12px !important;

    font-size: 8px !important;
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1250px) {

    .jtii-property-listing-content
    .jtii-property-listing-container {
        width: calc(100% - 32px) !important;
    }

    .jtii-property-listing-layout {
        grid-template-columns:
            210px
            minmax(0,1fr) !important;
    }

    .jtii-property-filter-card {
        width: 210px !important;
        max-width: 210px !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

    .jtii-property-listing-layout {
        grid-template-columns:
            1fr !important;
    }

    .jtii-property-filter-card {
        width: 100% !important;
        max-width: none !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


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

@media (max-width: 620px) {

    .jtii-property-listing-content
    .jtii-property-listing-container {
        width: calc(100% - 22px) !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            1fr !important;
    }

    .jtii-property-card-image {
        height: 235px !important;
    }

    .jtii-property-card h2,
    .jtii-property-card h2 a {
        min-height: auto !important;
        font-size: 17px !important;
    }

}



/* ==========================================================
   PROPERTY CARD - COMPACT FINAL
========================================================== */


/* jangan paksa semua card setinggi baris */
.jtii-property-card-grid {
    align-items: start !important;
}


/* card mengikuti isi */
.jtii-property-card {
    display: block !important;

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


/* body jangan flex stretch */
.jtii-property-card-body {
    display: block !important;

    padding:
        15px 14px
        15px !important;
}


/* category + kode */
.jtii-property-card-topline {
    margin-bottom:
        8px !important;
}


/* judul tidak perlu fixed height */
.jtii-property-card h2,
.jtii-property-card h2 a {
    min-height:
        0 !important;

    height:
        auto !important;

    margin:
        0 0
        8px !important;

    font-size:
        14px !important;

    line-height:
        1.25 !important;
}


/* lokasi lebih compact */
.jtii-property-card-location {
    min-height:
        0 !important;

    height:
        auto !important;

    margin:
        0 0
        10px !important;
}


/* ==========================================================
   LT / LB DIPERBESAR
========================================================== */

.jtii-property-card-specs {
    min-height:
        0 !important;

    margin:
        4px 0
        11px !important;

    gap:
        6px 16px !important;

    color:
        #748294 !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;
}


.jtii-property-card-specs span {
    font-size:
        10px !important;

    line-height:
        1.35 !important;
}


.jtii-property-card-specs strong {
    margin-left:
        4px !important;

    color:
        #0b213d !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   PRICE LEBIH DEKAT
========================================================== */

.jtii-property-card-price {
    margin-top:
        0 !important;

    padding-top:
        12px !important;
}


.jtii-property-card-price > span {
    margin-bottom:
        5px !important;
}


.jtii-property-card-price > strong {
    font-size:
        17px !important;

    line-height:
        1.15 !important;
}


/* ==========================================================
   BUTTON LEBIH COMPACT
========================================================== */

.jtii-property-card-detail {
    min-height:
        38px !important;

    margin-top:
        12px !important;
}


/* ==========================================================
   FOTO TETAP PROPORSIONAL
========================================================== */

.jtii-property-card-image {
    height:
        165px !important;
}


/* mobile tetap nyaman */
@media (max-width: 620px) {

    .jtii-property-card-image {
        height:
            235px !important;
    }

    .jtii-property-card-specs,
    .jtii-property-card-specs span {
        font-size:
            11px !important;
    }

    .jtii-property-card-specs strong {
        font-size:
            12px !important;
    }

}



/* ==========================================================
   JTII PROPERTY CARD
   BALANCED + EQUAL HEIGHT FINAL
========================================================== */


/* ----------------------------------------------------------
   GRID - semua card dalam 1 row sama tinggi
---------------------------------------------------------- */

.jtii-property-card-grid {
    align-items: stretch !important;
}


/* ----------------------------------------------------------
   CARD
---------------------------------------------------------- */

.jtii-property-card {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    min-height: 0 !important;
}


/* ----------------------------------------------------------
   FOTO
---------------------------------------------------------- */

.jtii-property-card-image {
    height: 178px !important;
    flex: 0 0 178px !important;
}


/* ----------------------------------------------------------
   BODY
---------------------------------------------------------- */

.jtii-property-card-body {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    padding:
        17px 16px
        17px !important;
}


/* ----------------------------------------------------------
   CATEGORY + KODE
---------------------------------------------------------- */

.jtii-property-card-topline {
    min-height: 20px !important;

    margin-bottom:
        10px !important;
}


.jtii-property-card-topline span,
.jtii-property-card-topline strong {
    font-size:
        9px !important;
}


/* ----------------------------------------------------------
   JUDUL
   Ruang cukup, tapi tidak terlalu tinggi
---------------------------------------------------------- */

.jtii-property-card h2 {
    min-height:
        54px !important;

    margin:
        0 0
        9px !important;

    font-size:
        14px !important;

    line-height:
        1.28 !important;
}


.jtii-property-card h2 a {
    min-height: 0 !important;

    font-size:
        inherit !important;

    line-height:
        inherit !important;
}


/* ----------------------------------------------------------
   LOCATION
---------------------------------------------------------- */

.jtii-property-card-location {
    min-height:
        33px !important;

    margin:
        0 0
        11px !important;

    font-size:
        9px !important;

    line-height:
        1.45 !important;
}


.jtii-property-card-location::before {
    width:
        13px !important;

    height:
        13px !important;

    flex:
        0 0 13px !important;
}


/* ----------------------------------------------------------
   LT / LB
   Lebih jelas, diberi ruang sendiri
---------------------------------------------------------- */

.jtii-property-card-specs {
    display: flex !important;

    align-items: center !important;

    min-height:
        27px !important;

    margin:
        1px 0
        13px !important;

    gap:
        18px !important;

    font-size:
        9px !important;
}


.jtii-property-card-specs span {
    display:
        inline-flex !important;

    align-items:
        baseline !important;

    gap:
        4px !important;

    color:
        #758294 !important;

    font-size:
        9px !important;

    font-weight:
        600 !important;
}


.jtii-property-card-specs strong {
    margin:
        0 !important;

    color:
        #0b213d !important;

    font-size:
        10.5px !important;

    font-weight:
        800 !important;
}


/* ----------------------------------------------------------
   PRICE
   margin-top auto membuat harga semua card sejajar
---------------------------------------------------------- */

.jtii-property-card-price {
    margin-top:
        auto !important;

    padding-top:
        13px !important;

    border-top:
        1px solid #e3e7e9 !important;
}


.jtii-property-card-price::before {
    width:
        36px !important;
}


.jtii-property-card-price > span {
    margin-bottom:
        6px !important;

    font-size:
        8.5px !important;
}


.jtii-property-card-price > strong {
    min-height:
        23px !important;

    font-size:
        17px !important;

    line-height:
        1.2 !important;

    white-space:
        nowrap !important;
}


/* ----------------------------------------------------------
   BUTTON
---------------------------------------------------------- */

.jtii-property-card-detail {
    min-height:
        41px !important;

    margin-top:
        14px !important;

    flex:
        0 0 41px !important;

    font-size:
        8.5px !important;
}


/* ==========================================================
   HOVER
========================================================== */

.jtii-property-card:hover {
    transform:
        translateY(-3px) !important;

    box-shadow:
        0 17px 36px
        rgba(11,33,61,.09) !important;
}


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

@media (max-width: 620px) {

    .jtii-property-card-image {
        height:
            235px !important;

        flex-basis:
            235px !important;
    }

    .jtii-property-card h2 {
        min-height:
            auto !important;

        font-size:
            17px !important;
    }

    .jtii-property-card-location {
        min-height:
            auto !important;

        font-size:
            10px !important;
    }

    .jtii-property-card-specs {
        min-height:
            auto !important;
    }

    .jtii-property-card-specs span {
        font-size:
            10px !important;
    }

    .jtii-property-card-specs strong {
        font-size:
            11px !important;
    }

}



/* ==========================================================
   JTII PROPERTY CARD
   CATEGORY ICON + STRONGER TOPLINE
========================================================== */


/* ----------------------------------------------------------
   TOP LINE
---------------------------------------------------------- */

.jtii-property-card-topline {
    min-height: 26px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 10px !important;

    margin-bottom: 10px !important;
}


/* ----------------------------------------------------------
   CATEGORY
---------------------------------------------------------- */

.jtii-property-category {
    display: inline-flex !important;

    align-items: center !important;

    gap: 6px !important;

    color: #0b213d !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: .5px !important;

    text-transform: uppercase !important;
}


.jtii-property-category::before {
    content: "" !important;

    width: 14px !important;
    height: 14px !important;

    flex: 0 0 14px !important;

    display: block !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: contain !important;
}


/* ----------------------------------------------------------
   RUMAH
---------------------------------------------------------- */

.jtii-cat-rumah::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M12 3 2 11h3v10h6v-6h2v6h6V11h3L12 3Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   RUKO / KIOS
---------------------------------------------------------- */

.jtii-cat-ruko::before,
.jtii-cat-kios::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 3h16l2 6v2h-1v10h-7v-6h-4v6H3V11H2V9l2-6Zm2 2-1 4h14l-1-4H6Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   TANAH
---------------------------------------------------------- */

.jtii-cat-tanah::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3V6Zm7-.4v10.8l4 2V7.6l-4-2Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   GUDANG
---------------------------------------------------------- */

.jtii-cat-gudang::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='m3 9 9-6 9 6v12h-5v-8H8v8H3V9Zm7 6h4v2h-4v-2Zm0 3h4v3h-4v-3Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   APARTEMEN
---------------------------------------------------------- */

.jtii-cat-apartemen::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M5 2h14v20h-5v-4h-4v4H5V2Zm3 3v2h2V5H8Zm6 0v2h2V5h-2ZM8 9v2h2V9H8Zm6 0v2h2V9h-2ZM8 13v2h2v-2H8Zm6 0v2h2v-2h-2Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   PERKANTORAN / KANTOR
---------------------------------------------------------- */

.jtii-cat-perkantoran::before,
.jtii-cat-kantor::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M4 21V4h10v4h6v13H4Zm3-14v2h2V7H7Zm4 0v2h2V7h-2Zm-4 5v2h2v-2H7Zm4 0v2h2v-2h-2Zm5-1v2h2v-2h-2Zm0 5v2h2v-2h-2Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   DEFAULT PROPERTY
---------------------------------------------------------- */

.jtii-cat-properti::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C99F53' d='M3 21V8l9-5 9 5v13h-7v-6h-4v6H3Z'/%3E%3C/svg%3E") !important;
}


/* ----------------------------------------------------------
   KODE PROPERTY
---------------------------------------------------------- */

.jtii-property-card-topline > strong {
    color: #a4772c !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 10.5px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: .45px !important;

    white-space: nowrap !important;
}


/* mobile */
@media (max-width: 620px) {

    .jtii-property-category,
    .jtii-property-card-topline > strong {
        font-size: 11px !important;
    }

    .jtii-property-category::before {
        width: 15px !important;
        height: 15px !important;
        flex-basis: 15px !important;
    }

}



/* ==========================================================
   JTII PROPERTY HERO
   COMPACT LUXURY INDONESIA-JAPAN
========================================================== */

/* section luar jangan terlalu tinggi */
.jtii-property-hero,
.jtii-property-hero-section,
.jtii-property-listing-hero,
.jtii-property-archive-hero {
    padding-top: 24px !important;
    padding-bottom: 26px !important;
}


/* area hero dibuat contained, tidak terlalu lebar */
.jtii-property-hero .jtii-property-container,
.jtii-property-hero-section .jtii-property-container,
.jtii-property-listing-hero .jtii-property-container,
.jtii-property-archive-hero .jtii-property-container {
    width: min(1320px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
}


/* box hero utama */
.jtii-property-hero-inner,
.jtii-property-hero-box,
.jtii-property-hero-wrap,
.jtii-property-hero-content-wrap {
    position: relative !important;
    overflow: hidden !important;

    min-height: 250px !important;

    padding: 42px 42px !important;

    border-radius: 18px !important;

    background:
        linear-gradient(135deg, #071a33 0%, #0b213d 52%, #12325a 100%) !important;

    box-shadow:
        0 18px 50px rgba(11, 33, 61, .12) !important;
}


/* ornamen kiri - nuansa Indonesia (batik geometris halus) */
.jtii-property-hero-inner::before,
.jtii-property-hero-box::before,
.jtii-property-hero-wrap::before,
.jtii-property-hero-content-wrap::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 42% !important;
    pointer-events: none !important;
    opacity: .14 !important;

    background-image:
        radial-gradient(circle at 24px 24px, rgba(212,178,102,.9) 0 1px, transparent 1.5px),
        radial-gradient(circle at 24px 24px, transparent 0 21px, rgba(212,178,102,.38) 21px 22px, transparent 22px);

    background-size: 86px 86px !important;
    background-position: 0 0 !important;
}


/* ornamen kanan - nuansa Japan (line/enso minimal) */
.jtii-property-hero-inner::after,
.jtii-property-hero-box::after,
.jtii-property-hero-wrap::after,
.jtii-property-hero-content-wrap::after {
    content: "" !important;
    position: absolute !important;
    top: -90px !important;
    right: -80px !important;
    width: 420px !important;
    height: 420px !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    opacity: .16 !important;

    border: 1.2px solid rgba(212,178,102,.55) !important;
    box-shadow:
        inset 0 0 0 70px rgba(255,255,255,.015),
        inset 0 0 0 150px rgba(255,255,255,.01) !important;
}


/* judul hero */
.jtii-property-hero h1,
.jtii-property-hero-section h1,
.jtii-property-listing-hero h1,
.jtii-property-archive-hero h1 {
    margin: 0 0 14px !important;

    max-width: 700px !important;

    color: #fffaf4 !important;

    font-size: clamp(42px, 4.2vw, 72px) !important;
    line-height: .98 !important;
    letter-spacing: -.8px !important;
}


/* deskripsi hero */
.jtii-property-hero p,
.jtii-property-hero-section p,
.jtii-property-listing-hero p,
.jtii-property-archive-hero p {
    max-width: 640px !important;
    margin: 0 !important;

    color: rgba(255,255,255,.9) !important;

    font-size: 17px !important;
    line-height: 1.75 !important;
}


/* label kecil atas */
.jtii-property-hero .jtii-property-eyebrow,
.jtii-property-hero-section .jtii-property-eyebrow,
.jtii-property-listing-hero .jtii-property-eyebrow,
.jtii-property-archive-hero .jtii-property-eyebrow {
    display: inline-block !important;
    margin-bottom: 18px !important;

    color: #d4b266 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}


/* garis aksen bawah kiri */
.jtii-property-hero .jtii-property-hero-accent,
.jtii-property-hero-section .jtii-property-hero-accent,
.jtii-property-listing-hero .jtii-property-hero-accent,
.jtii-property-archive-hero .jtii-property-hero-accent {
    width: 92px !important;
    height: 3px !important;
    margin-top: 24px !important;

    background: linear-gradient(90deg, #d4b266 0%, rgba(212,178,102,.12) 100%) !important;
    border-radius: 999px !important;
}


/* angka count di kanan */
.jtii-property-hero-stat,
.jtii-property-hero-total,
.jtii-property-total-box {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

.jtii-property-hero-stat strong,
.jtii-property-hero-total strong,
.jtii-property-total-box strong {
    color: #d4b266 !important;
    font-size: clamp(62px, 5vw, 88px) !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
}

.jtii-property-hero-stat span,
.jtii-property-hero-total span,
.jtii-property-total-box span {
    color: rgba(255,255,255,.85) !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}


/* kalau masih ada elemen helper negara, hide total */
.jtii-property-hero-country,
.jtii-property-hero-countries,
.jtii-property-hero-nations,
.jtii-property-country-line,
.jtii-property-country-label {
    display: none !important;
}


/* layout dalam hero supaya lebih rapih */
@media (min-width: 992px) {
    .jtii-property-hero-grid,
    .jtii-property-hero-layout,
    .jtii-property-hero-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr) !important;
        align-items: center !important;
        gap: 34px !important;
    }
}


/* tablet */
@media (max-width: 991px) {
    .jtii-property-hero-inner,
    .jtii-property-hero-box,
    .jtii-property-hero-wrap,
    .jtii-property-hero-content-wrap {
        min-height: auto !important;
        padding: 34px 28px !important;
    }

    .jtii-property-hero h1,
    .jtii-property-hero-section h1,
    .jtii-property-listing-hero h1,
    .jtii-property-archive-hero h1 {
        max-width: 100% !important;
    }

    .jtii-property-hero-stat,
    .jtii-property-hero-total,
    .jtii-property-total-box {
        justify-content: flex-start !important;
        margin-top: 22px !important;
    }

    .jtii-property-hero-inner::after,
    .jtii-property-hero-box::after,
    .jtii-property-hero-wrap::after,
    .jtii-property-hero-content-wrap::after {
        width: 300px !important;
        height: 300px !important;
        top: -70px !important;
        right: -90px !important;
    }
}


/* mobile */
@media (max-width: 640px) {
    .jtii-property-hero,
    .jtii-property-hero-section,
    .jtii-property-listing-hero,
    .jtii-property-archive-hero {
        padding-top: 16px !important;
        padding-bottom: 18px !important;
    }

    .jtii-property-hero .jtii-property-container,
    .jtii-property-hero-section .jtii-property-container,
    .jtii-property-listing-hero .jtii-property-container,
    .jtii-property-archive-hero .jtii-property-container {
        width: min(100%, calc(100% - 24px)) !important;
    }

    .jtii-property-hero-inner,
    .jtii-property-hero-box,
    .jtii-property-hero-wrap,
    .jtii-property-hero-content-wrap {
        padding: 28px 20px !important;
        border-radius: 14px !important;
    }

    .jtii-property-hero h1,
    .jtii-property-hero-section h1,
    .jtii-property-listing-hero h1,
    .jtii-property-archive-hero h1 {
        font-size: 42px !important;
        line-height: 1.02 !important;
    }

    .jtii-property-hero p,
    .jtii-property-hero-section p,
    .jtii-property-listing-hero p,
    .jtii-property-archive-hero p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .jtii-property-hero-stat strong,
    .jtii-property-hero-total strong,
    .jtii-property-total-box strong {
        font-size: 48px !important;
    }

    .jtii-property-hero-stat span,
    .jtii-property-hero-total span,
    .jtii-property-total-box span {
        font-size: 13px !important;
    }
}



/* ==========================================================
   JTII PROPERTY HERO — FINAL 10/10
   INDONESIA 80% / JAPAN 20%
========================================================== */


/* ----------------------------------------------------------
   OUTER SECTION
   warm-white supaya banner tidak full bleed
---------------------------------------------------------- */

.jtii-property-listing-page
.jtii-property-listing-hero {
    min-height: 0 !important;

    display: block !important;

    padding:
        24px 0
        28px !important;

    background:
        #fbfaf7 !important;

    overflow:
        visible !important;
}


/* ----------------------------------------------------------
   HERO BOX
---------------------------------------------------------- */

.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container {
    position: relative !important;

    isolation: isolate;

    width: min(
        1220px,
        calc(100% - 40px)
    ) !important;

    max-width: 1220px !important;

    min-height: 245px !important;

    margin:
        0 auto !important;

    padding:
        38px 44px !important;

    overflow:
        hidden !important;

    border:
        1px solid
        rgba(201,159,83,.17);

    border-radius:
        14px !important;

    background:
        linear-gradient(
            118deg,
            #07192e 0%,
            #0b213d 62%,
            #102d4d 100%
        ) !important;

    box-shadow:
        0 18px 46px
        rgba(11,33,61,.10) !important;
}


/* seluruh konten di atas ornament */
.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container > * {
    position: relative;
    z-index: 2;
}


/* ==========================================================
   INDONESIA
   Kawung-inspired geometry
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container::before {
    content: "";

    position: absolute;

    left: -110px;
    bottom: -170px;

    width: 560px;
    height: 560px;

    z-index: 0;

    opacity: .105;

    background:
        radial-gradient(
            ellipse at center,
            transparent 0 26%,
            rgba(212,178,102,.95) 27% 29%,
            transparent 30% 100%
        );

    background-size:
        92px 92px;

    transform:
        rotate(45deg);

    pointer-events:
        none;
}


/* ==========================================================
   JAPAN
   restrained Enso
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container::after {
    content: "";

    position: absolute;

    right: -76px;
    top: -108px;

    width: 280px;
    height: 280px;

    z-index: 0;

    border:
        1px solid
        rgba(212,178,102,.34);

    border-radius:
        50%;

    box-shadow:
        inset 0 0 0 52px
        rgba(255,255,255,.012);

    pointer-events:
        none;
}


/* ==========================================================
   EYEBROW
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-eyebrow {
    width: max-content;

    margin:
        0 0
        16px !important;

    padding-bottom:
        10px;

    color:
        #d4b266 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        8px !important;

    font-weight:
        800;

    letter-spacing:
        3px !important;

    text-transform:
        uppercase;
}


.jtii-property-listing-page
.jtii-property-listing-eyebrow::after {
    content: "";

    display: block;

    width: 44px;
    height: 2px;

    margin-top: 10px;

    background:
        #c99f53;
}


/* sembunyikan helper lama */
.jtii-property-cultural-line {
    display: none !important;
}


/* ==========================================================
   HERO ROW
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-hero-row {
    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        245px !important;

    gap:
        50px !important;

    align-items:
        center !important;
}


/* hapus decorative line lama */
.jtii-property-listing-page
.jtii-property-listing-hero-row::after {
    display: none !important;
}


/* ==========================================================
   TITLE
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-hero h1 {
    max-width:
        700px !important;

    margin:
        0 !important;

    color:
        #fffaf4 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(
            40px,
            3.4vw,
            54px
        ) !important;

    font-weight:
        700 !important;

    line-height:
        1.01 !important;

    letter-spacing:
        -.65px !important;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-hero p {
    max-width:
        610px !important;

    margin:
        17px 0 0 !important;

    color:
        rgba(239,243,247,.87) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.75 !important;

    letter-spacing:
        .05px !important;
}


/* ==========================================================
   TOTAL ASSET
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-count {
    position: relative;

    min-width: 0 !important;

    display: flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    gap:
        5px !important;

    padding:
        13px 0
        13px 27px !important;

    border-left:
        1px solid
        rgba(201,159,83,.55);
}


/* matikan line pseudo lama */
.jtii-property-listing-page
.jtii-property-listing-count::before {
    display: none !important;
}


.jtii-property-listing-page
.jtii-property-listing-count strong {
    color:
        #d7ae5b !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        54px !important;

    font-weight:
        700 !important;

    line-height:
        .92 !important;

    letter-spacing:
        -1.4px !important;
}


.jtii-property-listing-page
.jtii-property-listing-count span {
    color:
        rgba(255,255,255,.72) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        1.7px !important;

    text-transform:
        uppercase !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container {
        width:
            calc(100% - 32px) !important;

        min-height:
            0 !important;

        padding:
            34px 30px !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-hero-row {
        grid-template-columns:
            1fr !important;

        gap:
            25px !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-count {
        width: max-content;

        padding:
            7px 0
            7px 20px !important;
    }

}


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

@media (max-width: 620px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero {
        padding:
            15px 0
            20px !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container {
        width:
            calc(100% - 22px) !important;

        padding:
            27px 21px !important;

        border-radius:
            10px !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-hero h1 {
        font-size:
            34px !important;

        line-height:
            1.04 !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-hero p {
        font-size:
            12px !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-count strong {
        font-size:
            42px !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container::after {
        width:
            210px;

        height:
            210px;

        right:
            -90px;

        top:
            -85px;
    }

}



/* ==========================================================
   JTII PROPERTY LISTING
   FINAL POLISH 10/10
========================================================== */


/* ----------------------------------------------------------
   MAIN LAYOUT
---------------------------------------------------------- */

.jtii-property-listing-layout {
    grid-template-columns:
        200px
        minmax(0, 1fr) !important;

    column-gap:
        24px !important;
}


/* ----------------------------------------------------------
   FILTER
---------------------------------------------------------- */

.jtii-property-filter-card {
    width:
        200px !important;

    max-width:
        200px !important;

    padding:
        20px 15px
        18px !important;

    border-radius:
        6px !important;
}


.jtii-property-filter-title {
    font-size:
        16px !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .4px !important;

    margin-bottom:
        18px !important;

    padding-bottom:
        16px !important;
}


.jtii-property-filter-group {
    margin-bottom:
        12px !important;
}


.jtii-property-filter-group label {
    margin-bottom:
        5px !important;

    font-size:
        8.5px !important;

    letter-spacing:
        .8px !important;
}


.jtii-property-filter-group input,
.jtii-property-filter-group select {
    height:
        44px !important;

    padding:
        0 10px !important;

    font-size:
        11px !important;
}


.jtii-property-filter-submit {
    min-height:
        44px !important;

    margin-top:
        16px !important;

    font-size:
        8.5px !important;
}


/* ----------------------------------------------------------
   RESULT AREA
---------------------------------------------------------- */

.jtii-property-results-head {
    min-height:
        58px !important;

    margin-bottom:
        22px !important;

    padding-bottom:
        17px !important;
}


.jtii-property-results-head span {
    font-size:
        8px !important;
}


.jtii-property-results-head strong {
    font-size:
        24px !important;

    letter-spacing:
        -.35px !important;
}


/* ----------------------------------------------------------
   TABS
---------------------------------------------------------- */

.jtii-property-type-tabs {
    margin-bottom:
        15px !important;

    gap:
        7px !important;
}


.jtii-property-type-tabs a {
    min-height:
        34px !important;

    padding:
        0 11px !important;

    font-size:
        8px !important;
}


/* ----------------------------------------------------------
   GRID
---------------------------------------------------------- */

.jtii-property-card-grid {
    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        ) !important;

    gap:
        24px 16px !important;

    align-items:
        stretch !important;
}


/* ----------------------------------------------------------
   CARD
---------------------------------------------------------- */

.jtii-property-card {
    display:
        flex !important;

    flex-direction:
        column !important;

    height:
        100% !important;

    border-radius:
        8px !important;

    box-shadow:
        0 10px 28px
        rgba(11,33,61,.055) !important;
}


.jtii-property-card-body {
    display:
        flex !important;

    flex-direction:
        column !important;

    flex:
        1 !important;

    padding:
        17px 16px
        17px !important;
}


/* ----------------------------------------------------------
   IMAGE
---------------------------------------------------------- */

.jtii-property-card-image {
    height:
        178px !important;

    flex:
        0 0 178px !important;
}


/* ----------------------------------------------------------
   CATEGORY + CODE
---------------------------------------------------------- */

.jtii-property-card-topline {
    min-height:
        24px !important;

    margin-bottom:
        9px !important;
}


.jtii-property-category,
.jtii-property-card-topline > strong {
    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .45px !important;
}


.jtii-property-category::before {
    width:
        14px !important;

    height:
        14px !important;

    flex-basis:
        14px !important;
}


/* ----------------------------------------------------------
   TITLE
---------------------------------------------------------- */

.jtii-property-card h2 {
    min-height:
        54px !important;

    max-height:
        54px !important;

    margin:
        0 0
        9px !important;

    overflow:
        hidden !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        750 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        -.18px !important;
}


.jtii-property-card h2 a {
    font:
        inherit !important;

    color:
        #0b213d !important;
}


/* ----------------------------------------------------------
   LOCATION
---------------------------------------------------------- */

.jtii-property-card-location {
    min-height:
        34px !important;

    margin:
        0 0
        11px !important;

    font-size:
        9.5px !important;

    line-height:
        1.42 !important;
}


.jtii-property-card-location::before {
    width:
        13px !important;

    height:
        13px !important;

    flex-basis:
        13px !important;
}


/* ----------------------------------------------------------
   LT / LB
---------------------------------------------------------- */

.jtii-property-card-specs {
    min-height:
        27px !important;

    margin:
        0 0
        13px !important;

    gap:
        17px !important;
}


.jtii-property-card-specs span {
    font-size:
        9.5px !important;

    color:
        #758294 !important;
}


.jtii-property-card-specs strong {
    font-size:
        11px !important;

    font-weight:
        800 !important;

    color:
        #0b213d !important;
}


/* ----------------------------------------------------------
   PRICE
---------------------------------------------------------- */

.jtii-property-card-price {
    margin-top:
        auto !important;

    padding-top:
        13px !important;
}


.jtii-property-card-price > span {
    margin-bottom:
        6px !important;

    font-size:
        8.5px !important;
}


.jtii-property-card-price > strong {
    min-height:
        23px !important;

    font-size:
        18px !important;

    line-height:
        1.15 !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.3px !important;

    white-space:
        nowrap !important;
}


/* ----------------------------------------------------------
   BUTTON
---------------------------------------------------------- */

.jtii-property-card-detail {
    min-height:
        42px !important;

    flex:
        0 0 42px !important;

    margin-top:
        14px !important;

    font-size:
        9px !important;

    letter-spacing:
        .75px !important;
}


/* ----------------------------------------------------------
   HOVER
---------------------------------------------------------- */

.jtii-property-card:hover {
    transform:
        translateY(-3px) !important;

    border-color:
        rgba(201,159,83,.45) !important;

    box-shadow:
        0 18px 38px
        rgba(11,33,61,.09) !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1250px) {

    .jtii-property-listing-layout {
        grid-template-columns:
            190px
            minmax(0,1fr) !important;
    }

    .jtii-property-filter-card {
        width:
            190px !important;

        max-width:
            190px !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

}


@media (max-width: 900px) {

    .jtii-property-listing-layout {
        grid-template-columns:
            1fr !important;
    }

    .jtii-property-filter-card {
        width:
            100% !important;

        max-width:
            none !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media (max-width: 620px) {

    .jtii-property-card-grid {
        grid-template-columns:
            1fr !important;
    }

    .jtii-property-card-image {
        height:
            235px !important;

        flex-basis:
            235px !important;
    }

    .jtii-property-card h2 {
        min-height:
            auto !important;

        max-height:
            none !important;

        font-size:
            17px !important;
    }

    .jtii-property-card-location {
        min-height:
            auto !important;
    }

}



/* ==========================================================
   JTII PROPERTY
   ALIGN WITH MAIN HEADER
========================================================== */


/* ----------------------------------------------------------
   HERO
---------------------------------------------------------- */

.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container {

    width:
        calc(100% - 32px) !important;

    max-width:
        1540px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}


/* ----------------------------------------------------------
   LISTING AREA
   sejajar persis dengan hero/header
---------------------------------------------------------- */

.jtii-property-listing-content
.jtii-property-listing-container {

    width:
        calc(100% - 32px) !important;

    max-width:
        1540px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}


/* ----------------------------------------------------------
   HERO CONTENT
   jangan terlalu mepet walaupun box lebih lebar
---------------------------------------------------------- */

.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container {

    padding-left:
        46px !important;

    padding-right:
        46px !important;
}


/* ----------------------------------------------------------
   LISTING
---------------------------------------------------------- */

.jtii-property-listing-layout {
    grid-template-columns:
        220px
        minmax(0,1fr) !important;

    column-gap:
        28px !important;
}


.jtii-property-filter-card {
    width:
        220px !important;

    max-width:
        220px !important;
}


/* tetap 4 card */
.jtii-property-card-grid {
    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:
        24px 18px !important;
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1400px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-content
    .jtii-property-listing-container {

        width:
            calc(100% - 40px) !important;

        max-width:
            1320px !important;
    }


    .jtii-property-listing-layout {
        grid-template-columns:
            210px
            minmax(0,1fr) !important;
    }


    .jtii-property-filter-card {
        width:
            210px !important;

        max-width:
            210px !important;
    }


    .jtii-property-card-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-content
    .jtii-property-listing-container {

        width:
            calc(100% - 28px) !important;
    }


    .jtii-property-listing-layout {
        grid-template-columns:
            1fr !important;
    }


    .jtii-property-filter-card {
        width:
            100% !important;

        max-width:
            none !important;
    }


    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


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

@media (max-width: 620px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-content
    .jtii-property-listing-container {

        width:
            calc(100% - 20px) !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container {

        padding-left:
            22px !important;

        padding-right:
            22px !important;
    }


    .jtii-property-card-grid {
        grid-template-columns:
            1fr !important;
    }

}



/* ==========================================================
   JTII PROPERTY LISTING
   FINAL ALIGNMENT WITH HEADER
========================================================== */


/* ----------------------------------------------------------
   GLOBAL CONTAINER PROPERTY
---------------------------------------------------------- */

.jtii-property-listing-page
.jtii-property-listing-container {

    box-sizing: border-box !important;

    width:
        calc(100% - 80px) !important;

    max-width:
        1540px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}


/* ==========================================================
   HERO OUTER
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-hero {

    padding:
        28px 0
        30px !important;

    background:
        #fbfaf7 !important;
}


/* ==========================================================
   HERO BOX
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container {

    box-sizing:
        border-box !important;

    width:
        calc(100% - 80px) !important;

    max-width:
        1540px !important;

    min-height:
        270px !important;

    padding:
        42px 48px !important;

    margin:
        0 auto !important;

    border-radius:
        14px !important;
}


/* hero content */
.jtii-property-listing-page
.jtii-property-listing-hero-row {

    grid-template-columns:
        minmax(0,1fr)
        220px !important;

    gap:
        45px !important;
}


/* title */
.jtii-property-listing-page
.jtii-property-listing-hero h1 {

    font-size:
        clamp(
            42px,
            3.5vw,
            56px
        ) !important;

    max-width:
        720px !important;
}


/* description */
.jtii-property-listing-page
.jtii-property-listing-hero p {

    max-width:
        670px !important;

    font-size:
        13px !important;
}


/* asset counter */
.jtii-property-listing-page
.jtii-property-listing-count strong {

    font-size:
        52px !important;
}


/* ==========================================================
   CONTENT AREA
========================================================== */

.jtii-property-listing-content {

    padding-top:
        48px !important;
}


.jtii-property-listing-content
.jtii-property-listing-container {

    box-sizing:
        border-box !important;

    width:
        calc(100% - 80px) !important;

    max-width:
        1540px !important;

    margin:
        0 auto !important;
}


/* ==========================================================
   FILTER + RESULT
========================================================== */

.jtii-property-listing-layout {

    display:
        grid !important;

    grid-template-columns:
        220px
        minmax(0,1fr) !important;

    gap:
        30px !important;

    align-items:
        start !important;
}


/* filter mengikuti garis kiri */
.jtii-property-filter-card {

    box-sizing:
        border-box !important;

    width:
        220px !important;

    max-width:
        220px !important;
}


/* hasil tidak boleh overflow */
.jtii-property-results {

    min-width:
        0 !important;

    width:
        100% !important;

    overflow:
        visible !important;
}


/* ==========================================================
   TABS / RESULT HEADER
========================================================== */

.jtii-property-type-tabs,
.jtii-property-results-head {

    width:
        100% !important;

    box-sizing:
        border-box !important;
}


/* ==========================================================
   4 CARDS
========================================================== */

.jtii-property-card-grid {

    width:
        100% !important;

    box-sizing:
        border-box !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        ) !important;

    gap:
        24px 16px !important;
}


.jtii-property-card {

    box-sizing:
        border-box !important;

    width:
        100% !important;

    min-width:
        0 !important;
}


/* ==========================================================
   LARGE DESKTOP
========================================================== */

@media (min-width: 1600px) {

    .jtii-property-listing-page
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-content
    .jtii-property-listing-container {

        max-width:
            1540px !important;
    }

}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1400px) {

    .jtii-property-listing-page
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-content
    .jtii-property-listing-container {

        width:
            calc(100% - 48px) !important;
    }


    .jtii-property-listing-layout {

        grid-template-columns:
            210px
            minmax(0,1fr) !important;

        gap:
            24px !important;
    }


    .jtii-property-filter-card {

        width:
            210px !important;

        max-width:
            210px !important;
    }


    .jtii-property-card-grid {

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

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

    .jtii-property-listing-page
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-content
    .jtii-property-listing-container {

        width:
            calc(100% - 28px) !important;
    }


    .jtii-property-listing-layout {

        grid-template-columns:
            1fr !important;
    }


    .jtii-property-filter-card {

        width:
            100% !important;

        max-width:
            none !important;
    }


    .jtii-property-card-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}


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

@media (max-width: 620px) {

    .jtii-property-listing-page
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-content
    .jtii-property-listing-container {

        width:
            calc(100% - 20px) !important;
    }


    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container {

        padding:
            28px 22px !important;
    }


    .jtii-property-card-grid {

        grid-template-columns:
            1fr !important;
    }

}



/* ==========================================================
   JTII PROPERTY
   FINAL CONTAINER = HEADER WIDTH
========================================================== */


/* HERO */
.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container {

    box-sizing: border-box !important;

    width: calc(100% - 48px) !important;

    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 44px !important;
    padding-right: 44px !important;
}


/* LISTING */
.jtii-property-listing-page
.jtii-property-listing-content
.jtii-property-listing-container {

    box-sizing: border-box !important;

    width: calc(100% - 48px) !important;

    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* FILTER + RESULT */
.jtii-property-listing-layout {

    grid-template-columns:
        220px
        minmax(0,1fr) !important;

    column-gap:
        28px !important;
}


/* FILTER */
.jtii-property-filter-card {

    width: 220px !important;
    max-width: 220px !important;

    box-sizing: border-box !important;
}


/* RESULTS */
.jtii-property-results {

    width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
}


/* 4 CARD */
.jtii-property-card-grid {

    width: 100% !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:
        24px 16px !important;
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1500px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-content
    .jtii-property-listing-container {

        width: calc(100% - 40px) !important;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1000px) {

    .jtii-property-listing-layout {
        grid-template-columns: 1fr !important;
    }

    .jtii-property-filter-card {
        width: 100% !important;
        max-width: none !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


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

@media (max-width: 620px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-content
    .jtii-property-listing-container {

        width: calc(100% - 20px) !important;
    }

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container {

        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .jtii-property-card-grid {
        grid-template-columns: 1fr !important;
    }

}



/* ==========================================================
   JTII PROPERTY
   FINAL ALIGNMENT = HEADER / AUCTION 1220PX
========================================================== */

:root {
    --jtii-property-width: 1220px;
}


/* ----------------------------------------------------------
   SEMUA CONTAINER PROPERTY
---------------------------------------------------------- */

.jtii-property-listing-page
.jtii-property-listing-container,

.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container,

.jtii-property-listing-page
.jtii-property-listing-content
.jtii-property-listing-container {

    box-sizing: border-box !important;

    width:
        min(
            var(--jtii-property-width),
            calc(100% - 40px)
        ) !important;

    max-width:
        var(--jtii-property-width) !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}


/* ==========================================================
   HERO
========================================================== */

.jtii-property-listing-page
.jtii-property-listing-hero {

    padding:
        26px 0
        28px !important;
}


.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container {

    min-height:
        250px !important;

    padding:
        38px 42px !important;

    overflow:
        hidden !important;
}


/* hero row */
.jtii-property-listing-page
.jtii-property-listing-hero-row {

    grid-template-columns:
        minmax(0,1fr)
        190px !important;

    gap:
        40px !important;
}


/* title */
.jtii-property-listing-page
.jtii-property-listing-hero h1 {

    font-size:
        clamp(
            38px,
            3.2vw,
            52px
        ) !important;

    max-width:
        680px !important;
}


/* text */
.jtii-property-listing-page
.jtii-property-listing-hero p {

    max-width:
        650px !important;

    font-size:
        12px !important;
}


/* angka 699 */
.jtii-property-listing-page
.jtii-property-listing-count strong {

    font-size:
        48px !important;
}


/* ==========================================================
   CONTENT
========================================================== */

.jtii-property-listing-content {

    padding-top:
        42px !important;
}


/* ----------------------------------------------------------
   FILTER + RESULT
---------------------------------------------------------- */

.jtii-property-listing-layout {

    display:
        grid !important;

    grid-template-columns:
        190px
        minmax(0,1fr) !important;

    column-gap:
        24px !important;

    align-items:
        start !important;
}


/* filter */
.jtii-property-filter-card {

    box-sizing:
        border-box !important;

    width:
        190px !important;

    max-width:
        190px !important;
}


/* result */
.jtii-property-results {

    width:
        100% !important;

    min-width:
        0 !important;
}


/* tabs + heading */
.jtii-property-type-tabs,
.jtii-property-results-head {

    width:
        100% !important;

    box-sizing:
        border-box !important;
}


/* ==========================================================
   4 CARDS
========================================================== */

.jtii-property-card-grid {

    width:
        100% !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        ) !important;

    gap:
        22px 14px !important;

    box-sizing:
        border-box !important;
}


.jtii-property-card {

    width:
        100% !important;

    min-width:
        0 !important;

    box-sizing:
        border-box !important;
}


/* sedikit compact agar 4 card tetap nyaman */
.jtii-property-card-image {

    height:
        170px !important;

    flex-basis:
        170px !important;
}


.jtii-property-card h2 {

    font-size:
        14px !important;
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1250px) {

    .jtii-property-listing-page
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-content
    .jtii-property-listing-container {

        width:
            calc(100% - 32px) !important;
    }


    .jtii-property-card-grid {

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

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

    .jtii-property-listing-layout {

        grid-template-columns:
            1fr !important;
    }


    .jtii-property-filter-card {

        width:
            100% !important;

        max-width:
            none !important;
    }


    .jtii-property-card-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}


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

@media (max-width: 620px) {

    .jtii-property-listing-page
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-content
    .jtii-property-listing-container {

        width:
            calc(100% - 20px) !important;
    }


    .jtii-property-card-grid {

        grid-template-columns:
            1fr !important;
    }

}



/* ==========================================================
   JTII PROPERTY
   EXACT ALIGNMENT WITH .jtii-header-inner
========================================================== */


/* ----------------------------------------------------------
   HERO CONTAINER
   PERSIS SAMA DENGAN HEADER
---------------------------------------------------------- */

.jtii-property-listing-page
.jtii-property-listing-hero
.jtii-property-listing-container {

    box-sizing: border-box !important;

    width: min(
        calc(100% - 48px),
        var(--jtii-width)
    ) !important;

    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ----------------------------------------------------------
   LISTING CONTAINER
   PERSIS SAMA DENGAN HEADER
---------------------------------------------------------- */

.jtii-property-listing-page
.jtii-property-listing-content
.jtii-property-listing-container {

    box-sizing: border-box !important;

    width: min(
        calc(100% - 48px),
        var(--jtii-width)
    ) !important;

    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ----------------------------------------------------------
   PASTIKAN TIDAK ADA CHILD OVERFLOW
---------------------------------------------------------- */

.jtii-property-listing-layout,
.jtii-property-results,
.jtii-property-type-tabs,
.jtii-property-results-head,
.jtii-property-card-grid {

    box-sizing: border-box !important;

    max-width: 100% !important;
}


/* ==========================================================
   TABLET
   SAMA DENGAN HEADER
========================================================== */

@media (max-width: 1200px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-content
    .jtii-property-listing-container {

        width: calc(100% - 40px) !important;
    }

}


/* ==========================================================
   MOBILE
   SAMA DENGAN HEADER
========================================================== */

@media (max-width: 600px) {

    .jtii-property-listing-page
    .jtii-property-listing-hero
    .jtii-property-listing-container,

    .jtii-property-listing-page
    .jtii-property-listing-content
    .jtii-property-listing-container {

        width: calc(100% - 28px) !important;
    }

}



/* ==========================================================
   JTII PROPERTY FILTER
   WIDER + PREMIUM FINAL
========================================================== */


/* FILTER + RESULT */
.jtii-property-listing-layout {
    grid-template-columns:
        250px
        minmax(0,1fr) !important;

    column-gap:
        26px !important;
}


/* FILTER CARD */
.jtii-property-filter-card {
    width:
        250px !important;

    max-width:
        250px !important;

    padding:
        24px 20px
        22px !important;

    border-radius:
        7px !important;
}


/* TITLE */
.jtii-property-filter-title {
    font-size:
        18px !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .4px !important;

    margin-bottom:
        22px !important;

    padding-bottom:
        18px !important;
}


/* LABEL */
.jtii-property-filter-group label {
    margin-bottom:
        7px !important;

    font-size:
        9.5px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .8px !important;
}


/* FIELD */
.jtii-property-filter-group input,
.jtii-property-filter-group select {
    height:
        50px !important;

    padding:
        0 12px !important;

    font-size:
        12px !important;

    border-radius:
        3px !important;
}


/* JARAK ANTAR FIELD */
.jtii-property-filter-group {
    margin-bottom:
        15px !important;
}


/* BUTTON */
.jtii-property-filter-submit {
    min-height:
        48px !important;

    margin-top:
        18px !important;

    font-size:
        9px !important;

    letter-spacing:
        .7px !important;
}


/* ==========================================================
   CARD GRID TETAP 4
========================================================== */

.jtii-property-card-grid {
    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:
        22px 14px !important;
}


/* ==========================================================
   TABLET / LAPTOP
========================================================== */

@media (max-width: 1200px) {

    .jtii-property-listing-layout {
        grid-template-columns:
            220px
            minmax(0,1fr) !important;
    }

    .jtii-property-filter-card {
        width:
            220px !important;

        max-width:
            220px !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

}


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

@media (max-width: 900px) {

    .jtii-property-listing-layout {
        grid-template-columns:
            1fr !important;
    }

    .jtii-property-filter-card {
        width:
            100% !important;

        max-width:
            none !important;
    }

    .jtii-property-card-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media (max-width: 620px) {

    .jtii-property-card-grid {
        grid-template-columns:
            1fr !important;
    }

}

/* ================================================================
   JTII INDONESIA x JAPAN 80/20 — LUXURY LISTING v3.0
   Scoped to .jtii-property-listing-page, appended after legacy CSS.
   Design-only: filter logic, DB queries and property URLs stay intact.
   ================================================================ */

.jtii-property-listing-page {
  --jt-ink: #0b213d;
  --jt-gold: #c29a5b;
  --jt-paper: #f9fafb;
  --jt-muted: #66768a;
  background: var(--jt-paper) !important;
  color: var(--jt-ink);
  font-family: Arial, Helvetica, sans-serif;
}
.jtii-property-listing-page *,
.jtii-property-listing-page *::before,
.jtii-property-listing-page *::after { box-sizing: border-box; }

/* Header-width alignment — no modifications to the global header. */
.jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container,
.jtii-property-listing-page .jtii-property-listing-content .jtii-property-listing-container {
  width: min(1320px, calc(100% - 56px)) !important;
  max-width: 1320px !important;
  margin-inline: auto !important;
}

/* INDONESIA: Jakarta cityscape; JAPAN: restrained geometry and spacing. */
.jtii-property-listing-page .jtii-property-listing-hero {
  padding: 28px 0 14px !important;
  background: var(--jt-paper) !important;
  overflow: hidden !important;
}
/* Old outer ornaments escaped the section and caused horizontal scrolling. */
.jtii-property-listing-page .jtii-property-listing-hero::before,
.jtii-property-listing-page .jtii-property-listing-hero::after {
  content: none !important;
  display: none !important;
}
.jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container {
  position: relative !important;
  isolation: isolate;
  min-height: 295px !important;
  padding: 45px 54px !important;
  border: 1px solid rgba(212,180,112,.24) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background-color: #091d35 !important;
  background-image:
    linear-gradient(90deg, rgba(7,25,46,.99) 0%, rgba(9,30,54,.97) 42%, rgba(8,27,49,.77) 75%, rgba(8,28,50,.70) 100%),
    url('/wp-content/uploads/2026/10/Jakarta-Twilight-Skyline-with-Golden-Reflections.webp') !important;
  background-position: center, center 58% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 16px 38px rgba(11,33,61,.12) !important;
}
.jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container::before {
  content: '' !important;
  position: absolute !important;
  left: auto !important;
  right: -60px !important;
  top: -130px !important;
  bottom: auto !important;
  width: 340px !important;
  height: 340px !important;
  background: none !important;
  border: 1px solid rgba(229,202,143,.35) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 54px rgba(201,159,83,.025), 0 0 0 108px rgba(201,159,83,.025) !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container::after {
  content: '' !important;
  position: absolute !important;
  left: 54px !important;
  right: auto !important;
  top: auto !important;
  bottom: 25px !important;
  width: 92px !important;
  height: 3px !important;
  border: 0 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  background: var(--jt-gold) !important;
  pointer-events: none !important;
}
.jtii-property-listing-page .jtii-property-listing-eyebrow {
  display: flex !important;
  width: auto !important;
  max-width: 100%;
  gap: 10px !important;
  align-items: center;
  padding-bottom: 0 !important;
  margin: 0 0 12px !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  letter-spacing: 1.7px !important;
  color: #e3bd7b !important;
}
.jtii-property-listing-page .jtii-property-listing-eyebrow::after { display: none !important; }
.jtii-property-listing-page .jtii-lux-country-line {
  display: flex;
  align-items: center;
  gap: 11px;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 22px;
  color: #e8eef6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}
.jtii-property-listing-page .jtii-lux-country-line .jtii-lux-divider {
  width: 28px;
  height: 1px;
  background: #cfa66d;
}
.jtii-property-listing-page .jtii-lux-country-line .jtii-lux-jp { color: #d8b67d; }
.jtii-property-listing-page .jtii-property-listing-hero-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: end !important;
  gap: 40px !important;
}
.jtii-property-listing-page .jtii-property-listing-hero h1 {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(39px,3.6vw,57px) !important;
  font-weight: 700 !important;
  line-height: 1.13 !important;
  letter-spacing: -.65px !important;
  color: #fff !important;
  margin: 0 !important;
}
.jtii-property-listing-page .jtii-property-listing-hero p {
  max-width: 620px !important;
  margin: 16px 0 0 !important;
  color: #e4eaf0 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
}
.jtii-property-listing-page .jtii-property-listing-count {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  min-width: 155px;
  padding: 13px 0 13px 21px !important;
  border-left: 2px solid #cba66f !important;
  background: none !important;
  white-space: normal !important;
}
.jtii-property-listing-page .jtii-property-listing-count strong {
  color: #f5cb83 !important;
  font-size: 52px !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  line-height: 1 !important;
}
.jtii-property-listing-page .jtii-property-listing-count span {
  color: #edf1f6 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.3px !important;
}

/* Filter and result workspace. */
.jtii-property-listing-page .jtii-property-listing-content {
  padding: 28px 0 80px !important;
  background: var(--jt-paper) !important;
}
.jtii-property-listing-page .jtii-property-listing-layout {
  display: grid !important;
  grid-template-columns: 252px minmax(0,1fr) !important;
  align-items: start !important;
  column-gap: 28px !important;
}
.jtii-property-listing-page .jtii-property-filter-card {
  position: sticky !important;
  top: 105px !important;
  width: 252px !important;
  max-width: 252px !important;
  padding: 26px 23px 24px !important;
  border: 1px solid #e2e7ec !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 29px rgba(13,34,58,.06) !important;
}
.jtii-property-listing-page .jtii-property-filter-card::before {
  left: 22px !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--jt-gold) !important;
}
.jtii-property-listing-page .jtii-property-filter-title {
  margin-bottom: 22px !important;
  padding-bottom: 15px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: .35px !important;
  border-bottom: 1px solid #edf0f2 !important;
}
.jtii-property-listing-page .jtii-property-filter-group { margin-bottom: 18px !important; }
.jtii-property-listing-page .jtii-property-filter-group label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #4f6072 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .55px !important;
}
.jtii-property-listing-page .jtii-property-filter-group input,
.jtii-property-listing-page .jtii-property-filter-group select {
  height: 46px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  border: 1px solid #dce3e9 !important;
  background: #fff !important;
  color: var(--jt-ink) !important;
  font-size: 12px !important;
  line-height: normal !important;
}
.jtii-property-listing-page .jtii-property-filter-group input:focus-visible,
.jtii-property-listing-page .jtii-property-filter-group select:focus-visible {
  outline: 2px solid #c29a5b !important;
  outline-offset: 2px;
}
.jtii-property-listing-page .jtii-property-filter-submit {
  min-height: 48px !important;
  margin-top: 18px !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: var(--jt-ink) !important;
  font-size: 11px !important;
  letter-spacing: .8px !important;
  transition: background-color .2s ease, transform .2s ease;
}
.jtii-property-listing-page .jtii-property-filter-submit:hover,
.jtii-property-listing-page .jtii-property-card-detail:hover {
  background: #173b5e !important;
  color: #fff !important;
}
.jtii-property-listing-page .jtii-property-filter-reset {
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #87642d !important;
}

/* Type tabs / result count */
.jtii-property-listing-page .jtii-property-type-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin: 0 0 22px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #e3e8ee !important;
}
.jtii-property-listing-page .jtii-property-type-tabs a {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  border: 1px solid #dde5eb !important;
  background: #fff !important;
  color: #38516a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: .4px !important;
}
.jtii-property-listing-page .jtii-property-type-tabs a.is-active {
  border-color: var(--jt-ink) !important;
  background: var(--jt-ink) !important;
  color: #fff !important;
}
.jtii-property-listing-page .jtii-property-type-tabs a span {
  font-size: 11px !important;
  font-weight: 800 !important;
}
.jtii-property-listing-page .jtii-property-results-head {
  min-height: auto !important;
  margin: 0 0 24px !important;
  padding: 0 0 15px !important;
  border-bottom: 1px solid #e6e9ed !important;
}
.jtii-property-listing-page .jtii-property-results-head > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  align-items: baseline !important;
}
.jtii-property-listing-page .jtii-property-results-head span {
  font-size: 11px !important;
  color: #a77d40 !important;
  letter-spacing: 1.1px !important;
}
.jtii-property-listing-page .jtii-property-results-head strong {
  display: inline-block !important;
  font-size: 23px !important;
  line-height: 1.3 !important;
  letter-spacing: -.25px !important;
}

/* 3 desktop cards => readable photo + title + price. */
.jtii-property-listing-page .jtii-property-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: stretch !important;
  gap: 25px 20px !important;
  min-width: 0 !important;
}
.jtii-property-listing-page .jtii-property-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e2e7eb !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(11,33,61,.055) !important;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}
.jtii-property-listing-page .jtii-property-card:hover {
  transform: translateY(-4px) !important;
  border-color: #d5b780 !important;
  box-shadow: 0 17px 32px rgba(11,33,61,.11) !important;
}
.jtii-property-listing-page .jtii-property-card-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}
.jtii-property-listing-page .jtii-property-card-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.jtii-property-listing-page .jtii-property-card-type {
  top: 13px !important;
  left: 13px !important;
  padding: 7px 10px !important;
  min-height: 28px !important;
  border-left: 2px solid #d3ac6b !important;
  border-radius: 4px !important;
  background: rgba(8,30,55,.92) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
.jtii-property-listing-page .jtii-property-card-methods { top: 13px !important; right: 13px !important; }
.jtii-property-listing-page .jtii-property-card-methods span {
  min-height: 28px !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  color: #88652d !important;
}
.jtii-property-listing-page .jtii-property-card-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 21px 20px 20px !important;
}
.jtii-property-listing-page .jtii-property-card-topline { margin: 0 0 12px !important; gap: 8px !important; }
.jtii-property-listing-page .jtii-property-category,
.jtii-property-listing-page .jtii-property-card-topline > strong {
  font-size: 10px !important;
  line-height: 1.45 !important;
  letter-spacing: .5px !important;
}
.jtii-property-listing-page .jtii-property-card h2,
.jtii-property-listing-page .jtii-property-card h2 a {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  margin: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.48 !important;
  color: var(--jt-ink) !important;
  text-decoration: none !important;
}
.jtii-property-listing-page .jtii-property-card h2 {
  margin-bottom: 12px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden !important;
}
.jtii-property-listing-page .jtii-property-card-location {
  margin: 0 0 14px !important;
  color: #67798b !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  min-height: 28px !important;
}
.jtii-property-listing-page .jtii-property-pin { color: #b58a46 !important; font-size: 11px !important; }
.jtii-property-listing-page .jtii-property-card-specs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 15px !important;
  margin: 0 0 16px !important;
  min-height: 28px !important;
  color: #5a6e81 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  text-transform: none !important;
}
.jtii-property-listing-page .jtii-property-card-specs strong { color: var(--jt-ink) !important; }
.jtii-property-listing-page .jtii-property-card-price {
  margin-top: auto !important;
  padding-top: 17px !important;
  border-top: 1px solid #e7eaed !important;
}
.jtii-property-listing-page .jtii-property-card-price > span {
  display: block !important;
  margin-bottom: 7px !important;
  color: #748397 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  letter-spacing: .8px !important;
}
.jtii-property-listing-page .jtii-property-card-price > strong {
  display: block !important;
  font-size: clamp(17px,1.45vw,21px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  color: var(--jt-ink) !important;
}
.jtii-property-listing-page .jtii-property-card-detail {
  margin-top: 17px !important;
  min-height: 46px !important;
  width: 100% !important;
  border-radius: 5px !important;
  background: var(--jt-ink) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .65px !important;
  text-decoration: none !important;
}
.jtii-property-listing-page .jtii-property-card-detail span { color: #e3bf7e !important; }
.jtii-property-listing-page .jtii-property-card a:focus-visible,
.jtii-property-listing-page .jtii-property-pagination a:focus-visible,
.jtii-property-listing-page .jtii-property-type-tabs a:focus-visible {
  outline: 3px solid #b58a46 !important;
  outline-offset: 3px !important;
}
.jtii-property-listing-page .jtii-property-pagination { margin-top: 44px !important; gap: 9px !important; }
.jtii-property-listing-page .jtii-property-pagination a {
  width: 42px !important;
  height: 42px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
}

@media (max-width: 1199px) {
  .jtii-property-listing-page .jtii-property-listing-layout {
    grid-template-columns: 230px minmax(0,1fr) !important;
    gap: 23px !important;
  }
  .jtii-property-listing-page .jtii-property-filter-card {
    width: 230px !important;
    max-width: 230px !important;
  }
  .jtii-property-listing-page .jtii-property-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container,
  .jtii-property-listing-page .jtii-property-listing-content .jtii-property-listing-container {
    width: calc(100% - 36px) !important;
  }
}
@media (max-width: 900px) {
  .jtii-property-listing-page .jtii-property-listing-layout {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 22px !important;
  }
  .jtii-property-listing-page .jtii-property-filter-card {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    padding: 24px !important;
  }
  .jtii-property-listing-page .jtii-property-filter-card form {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 17px;
  }
  .jtii-property-listing-page .jtii-property-filter-group { min-width: 0; }
  .jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container {
    min-height: 0 !important;
    padding: 36px 32px !important;
  }
}
@media (max-width: 640px) {
  .jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container,
  .jtii-property-listing-page .jtii-property-listing-content .jtii-property-listing-container {
    width: calc(100% - 24px) !important;
  }
  .jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container {
    padding: 30px 24px 46px !important;
    border-radius: 10px !important;
  }
  .jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container::after { left: 24px !important; bottom: 19px !important; }
  .jtii-property-listing-page .jtii-property-listing-eyebrow {
    font-size: 9px !important;
    letter-spacing: 1px !important;
  }
  .jtii-property-listing-page .jtii-lux-country-line {
    margin-bottom: 17px;
    font-size: 10px;
    gap: 7px;
  }
  .jtii-property-listing-page .jtii-property-listing-hero-row {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 22px !important;
  }
  .jtii-property-listing-page .jtii-property-listing-hero h1 { font-size: clamp(32px,8vw,43px) !important; }
  .jtii-property-listing-page .jtii-property-listing-hero p { font-size: 13px !important; }
  .jtii-property-listing-page .jtii-property-listing-count {
    padding: 7px 0 7px 14px !important;
    min-width: 0;
  }
  .jtii-property-listing-page .jtii-property-listing-count strong { font-size: 37px !important; }
  .jtii-property-listing-page .jtii-property-listing-content { padding-top: 20px !important; }
  .jtii-property-listing-page .jtii-property-filter-card form {
    grid-template-columns: 1fr !important;
  }
  .jtii-property-listing-page .jtii-property-card-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 22px !important;
  }
  .jtii-property-listing-page .jtii-property-card-image { aspect-ratio: 4/2.8 !important; }
  .jtii-property-listing-page .jtii-property-card-body { padding: 19px 17px !important; }
  .jtii-property-listing-page .jtii-property-card h2,
  .jtii-property-listing-page .jtii-property-card h2 a { font-size: 17px !important; }
  .jtii-property-listing-page .jtii-property-type-tabs a { min-height: 38px !important; padding: 0 10px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .jtii-property-listing-page .jtii-property-card,
  .jtii-property-listing-page .jtii-property-card-image img,
  .jtii-property-listing-page .jtii-property-filter-submit { transition: none !important; }
}
/* === END JTII INDONESIA x JAPAN 80/20 — LUXURY LISTING v3.0 === */

/* ===============================================================
 * JTII LISTING BANNER - JAKARTA SUNSET 360 v1.0
 * Only /properti/ listing; does not modify database or PHP.
 * Source: /wp-content/uploads/2026/10/Jakarta-Sunset-Skyline-with-Monas.webp
 * =============================================================== */

/* Wide photographic hero; reserved space to render the skyline at 360px. */
.jtii-property-listing-page .jtii-property-listing-hero {
  padding: 28px 0 16px !important;
  background: #f9fafb !important;
}
.jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container {
  width: min(1760px, calc(100% - 48px)) !important;
  max-width: 1760px !important;
  height: 360px !important;
  min-height: 360px !important;
  padding: 38px clamp(32px, 4vw, 70px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  isolation: isolate !important;
  border-radius: 14px !important;
  background-color: #0b213d !important;
  /* Gradient only darkens the copy area; image remains vivid on the right. */
  background-image:
    linear-gradient(90deg, rgba(6,23,43,.75) 0%, rgba(7,25,47,.58) 28%, rgba(7,25,47,.18) 53%, rgba(7,25,47,.04) 100%),
    url('/wp-content/uploads/2026/10/Jakarta-Sunset-Skyline-with-Monas.webp') !important;
  background-position: center, center center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 18px 44px rgba(11,33,61,.12) !important;
}
/* Remove old circular overlay; image already contains decorative detailing. */
.jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container::before {
  content: none !important;
  display: none !important;
}
/* Hide previously added "INDONESIA — JAPAN INSPIRED" line. */
.jtii-property-listing-page .jtii-lux-country-line {
  display: none !important;
}
.jtii-property-listing-page .jtii-property-listing-eyebrow {
  margin-bottom: 18px !important;
  text-shadow: 0 1px 6px rgba(0,0,0,.35);
}
.jtii-property-listing-page .jtii-property-listing-hero-row {
  position: relative !important;
  z-index: 1 !important;
  align-items: center !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 28px !important;
}
.jtii-property-listing-page .jtii-property-listing-hero h1,
.jtii-property-listing-page .jtii-property-listing-hero p {
  text-shadow: 0 2px 12px rgba(0,0,0,.36) !important;
}
.jtii-property-listing-page .jtii-property-listing-hero h1 {
  font-size: clamp(38px, 3.6vw, 62px) !important;
}
.jtii-property-listing-page .jtii-property-listing-hero p {
  max-width: 660px !important;
  color: #f5f7fb !important;
  font-size: 16px !important;
}
.jtii-property-listing-page .jtii-property-listing-count {
  padding: 14px 18px !important;
  border-left: 2px solid #e6bd78 !important;
  background: rgba(7,23,44,.38) !important;
  backdrop-filter: blur(2px);
  border-radius: 3px !important;
}

/* Four cards per row on desktop; left sidebar and filters stay intact. */
@media (min-width: 1280px) {
  .jtii-property-listing-page .jtii-property-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px 14px !important;
  }
  .jtii-property-listing-page .jtii-property-card-body {
    padding: 16px 14px 16px !important;
  }
  .jtii-property-listing-page .jtii-property-card h2,
  .jtii-property-listing-page .jtii-property-card h2 a {
    font-size: 14px !important;
  }
  .jtii-property-listing-page .jtii-property-card-price > strong {
    font-size: clamp(15px, 1.15vw, 18px) !important;
  }
  .jtii-property-listing-page .jtii-property-card-image {
    aspect-ratio: 4 / 3 !important;
  }
}
/* Intermediate desktop: 3 cards; still readable without overflow. */
@media (min-width: 960px) and (max-width: 1279px) {
  .jtii-property-listing-page .jtii-property-card-grid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}
@media (max-width: 900px) {
  .jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container {
    width: calc(100% - 32px) !important;
    height: auto !important;
    min-height: 320px !important;
    padding: 34px 32px !important;
    background-position: center, 61% center !important;
  }
  .jtii-property-listing-page .jtii-property-listing-hero p { font-size: 14px !important; }
}
@media (max-width: 640px) {
  .jtii-property-listing-page .jtii-property-listing-hero {
    padding-top: 12px !important;
  }
  .jtii-property-listing-page .jtii-property-listing-hero .jtii-property-listing-container {
    width: calc(100% - 24px) !important;
    min-height: 340px !important;
    height: auto !important;
    padding: 28px 24px 36px !important;
    background-image:
      linear-gradient(90deg, rgba(6,23,43,.88),rgba(7,25,47,.60)),
      url('/wp-content/uploads/2026/10/Jakarta-Sunset-Skyline-with-Monas.webp') !important;
    background-position: center, 66% center !important;
  }
  .jtii-property-listing-page .jtii-property-listing-hero-row {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
  }
  .jtii-property-listing-page .jtii-property-listing-hero h1 {
    font-size: clamp(32px, 8vw, 43px) !important;
  }
  .jtii-property-listing-page .jtii-property-listing-count {
    width: fit-content !important;
    padding: 6px 12px !important;
  }
  .jtii-property-listing-page .jtii-property-listing-count strong {
    font-size: 36px !important;
  }
}
/* === END JTII LISTING BANNER - JAKARTA SUNSET 360 v1.0 === */

/* ============================================================================
   JTII PROPERTY LISTING — JAKARTA FULL BLEED 360 v1.0
   Scope: only .jtii-property-listing-page (archive /properti/)
   Preserves: header, sidebar/filter, listing grid 4 cards, pagination, URLs.
   Background: /wp-content/uploads/2026/10/Jakarta-Sunset-Skyline-with-Monas.webp
   ============================================================================ */

/* Remove whitespace around the hero without affecting the global site header. */
.jtii-property-listing-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* IMPORTANT: put the background on the full-width SECTION, not a boxed inner div. */
.jtii-property-listing-page > .jtii-property-listing-hero {
  position: relative !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  color: #fff !important;
  background-color: #0b213d !important;
  background-image:
    linear-gradient(90deg,
      rgba(4, 18, 37, .80) 0%,
      rgba(4, 18, 37, .65) 26%,
      rgba(4, 18, 37, .22) 57%,
      rgba(4, 18, 37, .05) 100%),
    url('/wp-content/uploads/2026/10/Jakarta-Sunset-Skyline-with-Monas.webp') !important;
  background-position: center center, center center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* Older styles created decorative outer rings; those shouldn't obscure the photo. */
.jtii-property-listing-page > .jtii-property-listing-hero::before,
.jtii-property-listing-page > .jtii-property-listing-hero::after {
  content: none !important;
  display: none !important;
}

/* This inner wrapper is ONLY for text positioning, not for a second banner. */
.jtii-property-listing-page > .jtii-property-listing-hero > .jtii-property-listing-container {
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex: 0 1 auto !important;
  align-self: stretch !important;
  width: min(1640px, calc(100% - 88px)) !important;
  max-width: 1640px !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 22px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.jtii-property-listing-page > .jtii-property-listing-hero > .jtii-property-listing-container::before,
.jtii-property-listing-page > .jtii-property-listing-hero > .jtii-property-listing-container::after {
  content: none !important;
  display: none !important;
}

/* Keep the headline + asset count readable above the full-width image. */
.jtii-property-listing-page > .jtii-property-listing-hero .jtii-property-listing-eyebrow {
  margin: 0 0 16px !important;
  padding: 0 !important;
}
.jtii-property-listing-page > .jtii-property-listing-hero .jtii-lux-country-line {
  display: none !important;
}
.jtii-property-listing-page > .jtii-property-listing-hero .jtii-property-listing-hero-row {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
}
.jtii-property-listing-page > .jtii-property-listing-hero .jtii-property-listing-hero-row::after {
  content: none !important;
  display: none !important;
}
.jtii-property-listing-page > .jtii-property-listing-hero h1,
.jtii-property-listing-page > .jtii-property-listing-hero p {
  text-shadow: 0 2px 10px rgba(0, 0, 0, .32) !important;
}
.jtii-property-listing-page > .jtii-property-listing-hero .jtii-property-listing-count {
  position: relative !important;
  z-index: 2 !important;
}

/* No artificial white bands before or after the hero. Other listing content stays intact. */
.jtii-property-listing-page > .jtii-property-listing-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 900px) {
  .jtii-property-listing-page > .jtii-property-listing-hero {
    height: auto !important;
    min-height: 315px !important;
    background-position: center center, 59% center !important;
  }
  .jtii-property-listing-page > .jtii-property-listing-hero > .jtii-property-listing-container {
    width: calc(100% - 52px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 315px !important;
    padding: 30px 0 !important;
  }
}

@media (max-width: 640px) {
  .jtii-property-listing-page > .jtii-property-listing-hero {
    height: auto !important;
    min-height: 325px !important;
    background-image:
      linear-gradient(90deg, rgba(4, 18, 37, .90), rgba(4, 18, 37, .58)),
      url('/wp-content/uploads/2026/10/Jakarta-Sunset-Skyline-with-Monas.webp') !important;
    background-position: center center, 66% center !important;
  }
  .jtii-property-listing-page > .jtii-property-listing-hero > .jtii-property-listing-container {
    width: calc(100% - 36px) !important;
    min-height: 325px !important;
    padding: 28px 0 !important;
  }
  .jtii-property-listing-page > .jtii-property-listing-hero .jtii-property-listing-hero-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  .jtii-property-listing-page > .jtii-property-listing-hero .jtii-property-listing-count {
    width: fit-content !important;
    max-width: 100% !important;
  }
  .jtii-property-listing-page > .jtii-property-listing-hero h1 {
    font-size: clamp(32px, 8vw, 46px) !important;
  }
}
/* === END JTII PROPERTY LISTING — JAKARTA FULL BLEED 360 v1.0 === */

/* =========================================================================
   JTII LISTING — BANNER TO FILTER BREATHING ROOM v1.0
   Keeps the Jakarta skyline hero full bleed (no top/side gaps).
   Adds ONLY vertical spacing between hero and results section.
   ========================================================================= */
.jtii-property-listing-page > .jtii-property-listing-content {
    margin-top: 0 !important;
    padding-top: 38px !important;
}

@media (max-width: 900px) {
    .jtii-property-listing-page > .jtii-property-listing-content {
        padding-top: 28px !important;
    }
}

@media (max-width: 640px) {
    .jtii-property-listing-page > .jtii-property-listing-content {
        padding-top: 24px !important;
    }
}
/* === END JTII LISTING — BANNER TO FILTER BREATHING ROOM v1.0 === */