/* =========================================================
   BestPropertyPlug Projects Premium V3.3
   FINAL DESKTOP PREMIUM POLISH
   Scope: /projects content only.
   Global header/footer and site typography are untouched.
   ========================================================= */

body#page-projects .bppp2,
body#page-projects .bppp2 *,
body#page-projects .bppp2 input,
body#page-projects .bppp2 button,
body#page-projects .bppp2 select,
body#page-projects .bppp2 textarea {
    font-family: inherit !important;
}

body#page-projects .bppp2 {
    --p33-green:#079455;
    --p33-green-2:#0aaa62;
    --p33-green-dark:#056c43;
    --p33-deep:#063e30;
    --p33-ink:#10271c;
    --p33-muted:#728079;
    --p33-line:#dce8e1;
    --p33-soft:#f4f9f6;
    --p33-soft-2:#eef8f3;
}

body#page-projects .bppp2-container {
    width:min(1320px,calc(100% - 52px)) !important;
}

body#page-projects .bppp2-market {
    padding-bottom:48px !important;
}

body#page-projects .bppp2-hero {
    min-height:228px !important;
    background:
        radial-gradient(circle at 88% 36%,rgba(12,164,92,.16),transparent 25%),
        radial-gradient(circle at 75% 90%,rgba(8,118,72,.055),transparent 24%),
        linear-gradient(116deg,#fbfdfc 0%,#f6faf8 52%,#edf8f2 100%) !important;
}

body#page-projects .bppp2-hero__inner {
    min-height:228px !important;
    padding:32px 0 39px !important;
}

body#page-projects .bppp2-breadcrumb {
    margin-bottom:14px !important;
    font-size:12px !important;
}

body#page-projects .bppp2-eyebrow {
    margin-bottom:7px !important;
    font-size:10px !important;
    letter-spacing:.08em !important;
}

body#page-projects .bppp2-hero h1 {
    max-width:760px !important;
    margin-bottom:10px !important;
    font-size:clamp(38px,3.55vw,50px) !important;
    line-height:1.02 !important;
    letter-spacing:-.043em !important;
}

body#page-projects .bppp2-hero p {
    max-width:700px !important;
    font-size:14px !important;
    line-height:1.55 !important;
}

body#page-projects .bppp2-hero__art {
    width:390px !important;
    height:190px !important;
}

body#page-projects .bppp2-hero__motto {
    top:15px !important;
    right:4px !important;
    font-family:inherit !important;
    font-style:italic !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:-.02em !important;
}

body#page-projects .bppp2-shell {
    grid-template-columns:326px minmax(0,1fr) !important;
    gap:26px !important;
    margin-top:-26px !important;
    padding:22px !important;
    border:1px solid rgba(20,78,54,.11) !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.985) !important;
    box-shadow:0 22px 58px rgba(18,75,51,.10) !important;
}

body#page-projects .bppp2-sidebar {
    top:126px !important;
}

body#page-projects .bppp2-filter {
    padding:22px !important;
    border:1px solid #dbe8e1 !important;
    border-radius:19px !important;
    background:linear-gradient(180deg,#fff 0%,#f7fbf9 100%) !important;
    box-shadow:0 8px 24px rgba(20,73,51,.04) !important;
}

body#page-projects .bppp2-filter__header {
    grid-template-columns:44px 1fr !important;
    gap:12px !important;
    margin-bottom:20px !important;
    padding-bottom:18px !important;
}

body#page-projects .bppp2-filter__icon {
    width:44px !important;
    height:44px !important;
    border-radius:13px !important;
}

body#page-projects .bppp2-filter__header h2 {
    font-size:21px !important;
    letter-spacing:-.03em !important;
}

body#page-projects .bppp2-filter__header p {
    max-width:215px !important;
    font-size:11px !important;
    line-height:1.45 !important;
}

body#page-projects .bppp2-field,
body#page-projects .bppp2-range-section,
body#page-projects .bppp2-amenities {
    margin-bottom:19px !important;
}

body#page-projects .bppp2-field > label,
body#page-projects .bppp2-native-filter label,
body#page-projects .bppp2-native-filter .title-select,
body#page-projects .bppp2-section-heading strong {
    color:#173126 !important;
    font-size:11.5px !important;
    font-weight:800 !important;
}

body#page-projects .bppp2-field input,
body#page-projects .bppp2-native-filter select,
body#page-projects .bppp2-native-filter .nice-select,
body#page-projects .bppp2-native-filter .multi-select-trigger {
    height:46px !important;
    min-height:46px !important;
    border-radius:11px !important;
    border-color:#d8e5de !important;
    background:#fff !important;
    font-size:11.5px !important;
}

body#page-projects .bppp2-field input:focus,
body#page-projects .bppp2-native-filter select:focus {
    border-color:rgba(7,148,85,.56) !important;
    box-shadow:0 0 0 4px rgba(7,148,85,.075) !important;
}

body#page-projects .bppp2 input[type="number"]::-webkit-inner-spin-button,
body#page-projects .bppp2 input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance:none !important;
    margin:0 !important;
}
body#page-projects .bppp2 input[type="number"] {
    appearance:textfield !important;
    -moz-appearance:textfield !important;
}

body#page-projects .bppp2-range-inputs {
    grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) !important;
    gap:7px !important;
}

body#page-projects .bppp2-range-inputs label > div {
    height:44px !important;
    border-radius:10px !important;
    border-color:#d8e5de !important;
}

body#page-projects .bppp2-range-inputs input {
    height:42px !important;
    font-size:11px !important;
    font-weight:700 !important;
}

body#page-projects .bppp2-amenity-list {
    gap:7px !important;
}

body#page-projects .bppp2-amenity span {
    min-height:30px !important;
    padding:6px 9px !important;
    border-radius:999px !important;
    font-size:9.5px !important;
    background:#fff !important;
    border-color:#d9e5df !important;
}

body#page-projects .bppp2-amenity input:checked + span {
    color:#067747 !important;
    background:#eaf8f1 !important;
    border-color:#69c195 !important;
    box-shadow:0 4px 12px rgba(7,148,85,.08) !important;
}

body#page-projects .bppp2-amenity.is-bpp33-hidden {
    display:none !important;
}

body#page-projects .bppp33-more-amenities {
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:10px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--p33-green-dark);
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}

body#page-projects .bppp2-submit {
    min-height:52px !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#066e45,#09a65e) !important;
    box-shadow:0 12px 25px rgba(7,148,85,.20) !important;
}

body#page-projects .bppp2-toolbar {
    min-height:62px !important;
    margin-bottom:16px !important;
    padding:9px 10px 9px 14px !important;
    border-radius:14px !important;
    box-shadow:0 5px 18px rgba(17,65,45,.045) !important;
}

body#page-projects .bppp2-grid {
    gap:18px !important;
}

body#page-projects .bppp2-card {
    border:1px solid rgba(24,74,53,.13) !important;
    border-radius:17px !important;
    background:#fff !important;
    box-shadow:0 7px 24px rgba(17,63,44,.055) !important;
}

body#page-projects .bppp2-card:hover {
    transform:translateY(-4px) !important;
    box-shadow:0 18px 42px rgba(13,72,46,.13) !important;
}

body#page-projects .bppp2-card__media {
    height:224px !important;
    background:linear-gradient(135deg,#edf5f1,#e3eee8) !important;
}

body#page-projects .bppp2-card__media:not(:has(img))::before {
    content:"Project image coming soon";
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    color:#668076;
    background:
        radial-gradient(circle at 75% 28%,rgba(7,148,85,.12),transparent 25%),
        linear-gradient(135deg,#f1f7f4,#e5efe9);
    font-size:12px;
    font-weight:800;
    text-align:center;
}

body#page-projects .bppp2-card__media:not(:has(img))::after {
    content:"⌂";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-46px);
    color:rgba(7,148,85,.26);
    font-size:32px;
}

body#page-projects .bppp2-card__body {
    padding:16px 16px 0 !important;
}

body#page-projects .bppp2-card__title {
    margin-bottom:6px !important;
    color:#13291f !important;
    font-size:15.5px !important;
    line-height:1.28 !important;
    font-weight:900 !important;
    letter-spacing:-.018em !important;
}

body#page-projects .bppp2-card__location {
    margin-bottom:12px !important;
    color:#7a8981 !important;
    font-size:10px !important;
}

body#page-projects .bppp2-card__metrics {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    margin:0 -6px 13px !important;
    padding:10px 8px !important;
    background:#f5faf7 !important;
    border:1px solid #e7efeb !important;
    border-radius:11px !important;
}

body#page-projects .bppp2-card__metrics > div {
    justify-content:center !important;
}

body#page-projects .bppp2-progress {
    position:relative !important;
    display:grid !important;
    grid-template-columns:20px auto 1fr !important;
    align-items:center !important;
    gap:6px !important;
    margin-bottom:14px !important;
    padding-bottom:11px !important;
}

body#page-projects .bppp2-progress::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    background:#e2ece7;
    border-radius:999px;
}

body#page-projects .bppp2-progress::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:var(--bpp-card-progress,0%);
    height:4px;
    background:linear-gradient(90deg,#079455,#12b76a);
    border-radius:999px;
}

body#page-projects .bppp2-card__footer {
    margin:0 -16px !important;
    padding:13px 16px 14px !important;
    align-items:center !important;
    border-top:1px solid #e6efea !important;
    background:linear-gradient(180deg,#fbfdfc,#f4faf6) !important;
}

body#page-projects .bppp2-price strong {
    color:#173328 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
}

body#page-projects .bppp2-view-project {
    min-height:38px !important;
    padding:0 13px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#07844f,#09a75f) !important;
    border-color:transparent !important;
    border-radius:9px !important;
    box-shadow:0 7px 16px rgba(7,148,85,.13) !important;
    font-size:9px !important;
}

body#page-projects .bppp2-card--list {
    grid-template-columns:330px 1fr !important;
}

@media (max-width:1180px) {
    body#page-projects .bppp2-container {
        width:calc(100% - 34px) !important;
    }
    body#page-projects .bppp2-shell {
        grid-template-columns:300px minmax(0,1fr) !important;
        gap:18px !important;
        padding:18px !important;
    }
    body#page-projects .bppp2-card__media {
        height:205px !important;
    }
}

@media (max-width:1024px) {
    body#page-projects .bppp2-shell {
        grid-template-columns:280px minmax(0,1fr) !important;
    }
    body#page-projects .bppp2-card__metrics {
        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media (max-width:900px) {
    body#page-projects .bppp2-shell {
        display:block !important;
    }
}

@media (max-width:767px) {
    body#page-projects .bppp2-container {
        width:calc(100% - 22px) !important;
    }
    body#page-projects .bppp2-hero {
        min-height:auto !important;
    }
    body#page-projects .bppp2-hero__inner {
        min-height:auto !important;
        padding:27px 0 44px !important;
    }
    body#page-projects .bppp2-hero h1 {
        font-size:30px !important;
    }
    body#page-projects .bppp2-shell {
        margin-top:-18px !important;
        padding:10px !important;
        border-radius:19px !important;
    }
    body#page-projects .bppp2-card__media {
        height:218px !important;
    }
    body#page-projects .bppp2-card__metrics {
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
}