/*
Theme Name: Siyamount Realtors Luxury Black & Gold
Theme URI: https://siyamountrealtors.com
Author: Siyamount Dev Team
Description: Ultra-luxury Black & Gold real estate theme tailored for Siyamount Realtors. Fully configurable via WordPress Admin.
Version: 3.8.0
License: GNU General Public License v2 or later
Text Domain: siyamount-luxury
*/

:root {
    --bg-dark: #0a0c10;
    --bg-card: #12161f;
    --bg-elevated: #181d28;
    --gold-primary: #d4af37;
    --gold-bright: #f5d77f;
    --gold-dark: #997926;
    --gold-gradient: linear-gradient(135deg, #f5d77f 0%, #d4af37 50%, #997926 100%);
    --gold-border: rgba(212, 175, 55, 0.3);
    --gold-glow: rgba(212, 175, 55, 0.2);
    --text-light: #f5f5f7;
    --text-muted: #9ba1b0;
    --text-dim: #646a78;
    --font-heading: 'Cinzel', serif, -apple-system, BlinkMacSystemFont;
    --font-body: 'Poppins', sans-serif, -apple-system, BlinkMacSystemFont;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { 
    font-family: var(--font-body); 
    background-color: var(--bg-dark); 
    color: var(--text-light); 
    line-height: 1.6;
    overflow-x: hidden;
}
.container { width: 92%; max-width: 1340px; margin: 0 auto; }
a { text-decoration: none; color: inherit; transition: all 0.3s ease; }
img { max-width: 100%; height: auto; display: block; }

/* Typography */
h1, h2, h3, h4, h5 { font-family: var(--font-heading); letter-spacing: 0.5px; }
.gold-text { 
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-header { text-align: center; margin-bottom: 45px; }
.sub-heading { 
    color: var(--gold-primary); 
    text-transform: uppercase; 
    letter-spacing: 3px; 
    font-size: 13px; 
    font-weight: 600; 
    display: inline-block;
    margin-bottom: 8px;
}
.main-heading { font-size: 2.6rem; color: #fff; font-weight: 700; line-height: 1.2; }
.section-pad { padding: 80px 0; }
.page-banner-pad { padding: 70px 0 40px; text-align: center; border-bottom: 1px solid var(--gold-border); background: var(--bg-card); }

/* Buttons */
.btn-gold {
    background: var(--gold-gradient);
    color: #000 !important;
    padding: 12px 26px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
}
.btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5);
    filter: brightness(1.1);
}
.btn-outline-gold {
    border: 1px solid var(--gold-primary);
    color: var(--gold-primary) !important;
    padding: 11px 22px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}
.btn-outline-gold:hover {
    background: var(--gold-primary);
    color: #000 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

/* Section "View More" Wrapper */
.view-more-wrap {
    text-align: center;
    margin-top: 45px;
}

/* Desktop Header & Navbar */
.site-header {
    background: rgba(10, 12, 16, 0.96);
    backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid var(--gold-border);
}
.nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.brand-logo a {
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.primary-menu {
    display: flex;
    list-style: none;
    gap: 24px;
    align-items: center;
}
.primary-menu > li {
    position: relative;
}
.primary-menu a {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--text-light);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0;
}
.primary-menu a:hover {
    color: var(--gold-primary);
}

/* Desktop Dropdown Sub-Menu */
.primary-menu .sub-menu,
.primary-menu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--bg-card);
    border: 1px solid var(--gold-border);
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.85);
    list-style: none;
    min-width: 220px;
    padding: 10px 0;
    display: none;
    z-index: 1001;
}
.primary-menu li:hover > .sub-menu,
.primary-menu li:hover > .dropdown-menu {
    display: block;
}
.primary-menu .sub-menu li a,
.primary-menu .dropdown-menu li a {
    padding: 10px 20px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #d1d5db;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}
.primary-menu .sub-menu li a:hover,
.primary-menu .dropdown-menu li a:hover {
    background: var(--bg-elevated);
    color: var(--gold-primary);
    padding-left: 24px;
}

/* Header Direct Number CTA */
.header-phone-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--gold-bright) !important;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 8px 16px;
    border: 1px solid var(--gold-border);
    border-radius: 4px;
    background: rgba(212, 175, 55, 0.08);
}
.header-phone-cta:hover {
    background: var(--gold-primary);
    color: #000 !important;
    box-shadow: 0 0 15px var(--gold-glow);
}
.header-right-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Hero Section */
.hero-slider-section {
    position: relative;
    width: 100%;
    height: 88vh;
    min-height: 620px;
    background: #000;
}
.hero-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10,12,16,0.35) 0%, rgba(10,12,16,0.75) 60%, rgba(10,12,16,1) 100%);
}
.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 920px;
    padding: 20px;
}
.hero-badge {
    background: rgba(212, 175, 55, 0.15);
    border: 1px solid var(--gold-primary);
    color: var(--gold-bright);
    padding: 6px 20px;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 20px;
}
.hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 20px;
    color: #fff;
}
.hero-desc {
    font-size: 1.05rem;
    color: #d1d5db;
    margin-bottom: 30px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

/* Stats Counter Bar */
.stats-bar {
    background: var(--bg-card);
    border-top: 1px solid var(--gold-border);
    border-bottom: 1px solid var(--gold-border);
    padding: 38px 0;
}
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
    text-align: center;
}
.stat-box { border-right: 1px solid rgba(255,255,255,0.08); }
.stat-box:last-child { border-right: none; }
.stat-num {
    font-size: 3rem;
    font-weight: 700;
    font-family: var(--font-heading);
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.1;
    margin-bottom: 5px;
}
.stat-lbl {
    font-size: 13px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Sector / Vision Section */
.sectors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}
.sector-card {
    background: var(--bg-card);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 35px 25px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}
.sector-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 3px;
    background: var(--gold-gradient);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}
.sector-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-border);
    box-shadow: 0 15px 35px var(--gold-glow);
}
.sector-card:hover::before { transform: scaleX(1); }
.sector-icon {
    font-size: 2.5rem;
    color: var(--gold-primary);
    margin-bottom: 20px;
}
.sector-title { font-size: 1.3rem; color: #fff; margin-bottom: 12px; }
.sector-desc { font-size: 14px; color: var(--text-muted); line-height: 1.6; }

/* Grid Layout for Projects */
.projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 30px;
}
.project-card {
    background: var(--bg-card);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.4s ease;
}
.project-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 15px 40px rgba(0,0,0,0.8), 0 0 25px var(--gold-glow);
}
.project-thumb {
    position: relative;
    height: 250px;
    overflow: hidden;
}
.project-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.project-card:hover .project-thumb img {
    transform: scale(1.08);
}
.badge-status {
    position: absolute;
    top: 15px; left: 15px;
    background: var(--gold-gradient);
    color: #000;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.project-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}
.project-loc {
    font-size: 13px;
    color: var(--gold-primary);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.project-title {
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 10px;
}
.project-desc-short {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.5;
    margin-bottom: 15px;
}
.project-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin-bottom: 20px;
}
.project-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--gold-bright);
}
.project-type-tag {
    font-size: 12px;
    color: var(--text-muted);
    text-transform: uppercase;
}
.project-actions {
    display: flex;
    gap: 12px;
}

/* Testimonials Grid */
.testimonials-section {
    background: var(--bg-card);
    border-top: 1px solid var(--gold-border);
    border-bottom: 1px solid var(--gold-border);
}
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}
.testimonial-card {
    background: var(--bg-elevated);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    padding: 35px 30px;
    position: relative;
    transition: all 0.3s ease;
}
.testimonial-card:hover {
    border-color: var(--gold-primary);
    transform: translateY(-5px);
    box-shadow: 0 15px 30px var(--gold-glow);
}
.testimonial-card::after {
    content: '"';
    position: absolute;
    top: 15px; right: 25px;
    font-size: 5rem;
    color: rgba(212, 175, 55, 0.12);
    font-family: var(--font-heading);
    line-height: 1;
}
.stars { color: var(--gold-primary); margin-bottom: 15px; font-size: 14px; }
.testi-text { font-size: 14px; color: #d1d5db; line-height: 1.7; margin-bottom: 20px; }
.client-info h4 { font-size: 16px; color: #fff; margin-bottom: 2px; }
.client-info p { font-size: 12px; color: var(--gold-primary); }

/* Streamlined Enquiry Banner */
.enquiry-cta-section {
    padding: 45px 0 50px 0;
    background: var(--bg-dark);
}
.enquiry-cta-box {
    background: linear-gradient(135deg, #121620 0%, #0d1017 100%);
    border: 1px solid var(--gold-border);
    border-radius: 14px;
    padding: 28px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.6), inset 0 1px 0 rgba(212, 175, 55, 0.15);
    position: relative;
    overflow: hidden;
}
.enquiry-cta-content h2 {
    font-family: var(--font-body);
    font-size: 1.95rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 4px;
    letter-spacing: -0.3px;
}
.enquiry-cta-content p {
    font-size: 0.98rem;
    color: #cbd5e1;
    font-weight: 400;
}
.enquiry-cta-btn {
    background: linear-gradient(180deg, #fce183 0%, #e5b842 100%);
    color: #1a1606 !important;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 0 20px rgba(245, 215, 127, 0.4);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.enquiry-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 30px rgba(245, 215, 127, 0.65);
    filter: brightness(1.08);
}

/* Blogs Preview Grid */
.blogs-section {
    background: var(--bg-card);
    border-top: 1px solid var(--gold-border);
}
.blogs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}
.blog-card {
    background: var(--bg-elevated);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.blog-card:hover {
    transform: translateY(-6px);
    border-color: var(--gold-primary);
    box-shadow: 0 15px 30px rgba(0,0,0,0.6);
}
.blog-thumb {
    height: 200px;
    overflow: hidden;
}
.blog-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease;
}
.blog-card:hover .blog-thumb img {
    transform: scale(1.08);
}
.blog-body {
    padding: 25px;
}
.blog-date {
    font-size: 12px;
    color: var(--gold-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    display: block;
}
.blog-title {
    font-size: 1.25rem;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.4;
}
.blog-desc {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 15px;
}
.blog-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--gold-bright);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.blog-link:hover {
    color: #fff;
}

/* Footer & Address */
.site-footer {
    background: #05070a;
    border-top: 1px solid var(--gold-border);
    padding: 70px 0 25px;
    color: var(--text-muted);
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 40px;
    margin-bottom: 45px;
}
.footer-title {
    font-size: 1.15rem;
    color: #fff;
    margin-bottom: 18px;
    position: relative;
    padding-bottom: 8px;
}
.footer-title::after {
    content: '';
    position: absolute;
    left: 0; bottom: 0; width: 35px; height: 2px;
    background: var(--gold-gradient);
}
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 10px; font-size: 14px; }
.footer-links a:hover { color: var(--gold-primary); padding-left: 5px; }

.footer-contact-item {
    font-size: 13.5px;
    color: #d1d5db;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.5;
}
.footer-contact-item i {
    margin-top: 4px;
    font-size: 14px;
}

.social-icons-wrap {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.social-icon-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--bg-card);
    border: 1px solid var(--gold-border);
    color: var(--gold-bright);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: all 0.3s ease;
}
.social-icon-btn:hover {
    background: var(--gold-primary);
    color: #000;
    transform: translateY(-3px);
    box-shadow: 0 0 15px var(--gold-glow);
}

.copyright-bar {
    text-align: center;
    font-size: 13px;
    border-top: 1px solid rgba(255,255,255,0.06);
    padding-top: 22px;
    color: var(--text-dim);
}

/* ============================================================
   RESPONSIVE MOBILE HEADER & SLIDE-OUT DRAWER STYLING
   ============================================================ */

/* Desktop defaults */
.desktop-navigation { display: block; }
.mobile-menu-toggle { display: none; }
.mobile-nav-drawer { display: none; }
.mobile-menu-backdrop { display: none; }

/* Mobile & Tablet Styles (<= 991px) */
@media (max-width: 991px) {
    .desktop-navigation,
    .desktop-only {
        display: none !important;
    }

    .nav-wrapper {
        padding: 14px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .brand-logo a {
        font-size: 18px;
        letter-spacing: 1.5px;
    }

    /* Clean Hamburger Button */
    .mobile-menu-toggle {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        width: 26px;
        height: 18px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 1001;
    }
    .mobile-menu-toggle span {
        width: 100%;
        height: 2px;
        background: var(--gold-primary);
        border-radius: 2px;
        transition: 0.3s ease;
    }

    /* Isolated Slide-Out Drawer */
    .mobile-nav-drawer {
        display: flex !important;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: -100%;
        width: 82%;
        max-width: 320px;
        height: 100vh;
        height: 100dvh;
        background: #0d1117;
        border-left: 1px solid var(--gold-border);
        box-shadow: -15px 0 35px rgba(0, 0, 0, 0.95);
        padding: 20px;
        z-index: 99999;
        overflow-y: auto;
        transition: right 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    }
    .mobile-nav-drawer.active {
        right: 0 !important;
    }

    /* Drawer Header */
    .mobile-nav-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        margin-bottom: 15px;
    }
    .menu-close-btn {
        background: transparent;
        border: none;
        color: #fff;
        font-size: 28px;
        line-height: 1;
        cursor: pointer;
        padding: 0 4px;
    }
    .menu-close-btn:hover {
        color: var(--gold-primary);
    }

    /* Drawer Menu Links */
    .mobile-nav-body ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .mobile-nav-body li {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .mobile-nav-body a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 4px;
        font-size: 14px;
        color: #f1f5f9;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    .mobile-nav-body a:hover {
        color: var(--gold-bright);
    }

    /* Sub-menu inside Mobile Drawer */
    .mobile-nav-body .sub-menu,
    .mobile-nav-body .dropdown-menu {
        display: none;
        background: rgba(0, 0, 0, 0.4);
        padding-left: 15px;
    }
    .mobile-nav-body li.open-sub > .sub-menu,
    .mobile-nav-body li.open-sub > .dropdown-menu {
        display: block;
    }

    .mobile-drawer-cta {
        margin-top: auto;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    /* Backdrop */
    .mobile-menu-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.8);
        backdrop-filter: blur(4px);
        z-index: 99990;
    }
    .mobile-menu-backdrop.active {
        display: block !important;
    }

    /* Layout Adjustments */
    .hero-title { font-size: 2.3rem; }
    .enquiry-cta-box { flex-direction: column; text-align: center; padding: 25px 20px; }
    .enquiry-cta-content h2 { font-size: 1.65rem; }
    .projects-grid { grid-template-columns: 1fr; }
}
/* ===== SIYAMOUNT HEADER LOGO ===== */

.brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.brand a {
    display: flex;
    align-items: center;
}

/* ================================
   HEADER LOGO - DESKTOP & MOBILE
================================ */

.brand-logo img {
    width: 220px !important;
    height: auto !important;
    max-height: 70px !important;
    object-fit: contain !important;
    background: transparent;
    display: block;
}

/* Mobile */
@media (max-width: 780px) {

    .brand-logo img {
        width: 190px !important;
        height: auto !important;
        max-height: 58px !important;
        object-fit: contain !important;
    }

    .brand-logo {
        max-width: calc(100% - 70px);
    }
}

/* Small phones */
@media (max-width: 480px) {

    .brand-logo img {
        width: 170px !important;
        height: auto !important;
        max-height: 54px !important;
        object-fit: contain !important;
    }

    .brand-logo {
        max-width: calc(100% - 65px);
    }
}

/* =========================================================
   SIYAMOUNT - LEADERSHIP & EXPERTISE SECTION
   ========================================================= */

.siyamount-leadership-section {
    position: relative;
    padding: 95px 0;
    background: #f7f5ef;
    color: #171717;
    overflow: hidden;
}

.siyamount-leadership-grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    align-items: center;
    gap: 75px;
}

/* LEFT IMAGE AREA */

.siyamount-leader-visual {
    position: relative;
    max-width: 470px;
    margin: 0 auto;
    width: 100%;
}

.siyamount-leader-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    padding: 8px;
    background: linear-gradient(
        135deg,
        #b58a20,
        #f0cf62,
        #8c6814,
        #d4af37
    );
    box-shadow:
        0 20px 50px rgba(0,0,0,.16),
        0 0 0 1px rgba(212,175,55,.25);
}

.siyamount-leader-image-wrap::before {
    content: "";
    position: absolute;
    inset: 15px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
}

.siyamount-leader-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

/* PROFILE CARD */

.siyamount-leader-card {
    position: absolute;
    left: -28px;
    bottom: 10px;
    width: 245px;
    padding: 25px 26px;
    background: #ffffff;
    border: 1px solid rgba(212,175,55,.25);
    box-shadow: 0 18px 45px rgba(0,0,0,.16);
    z-index: 4;
}

.siyamount-leader-card-label {
    display: block;
    margin-bottom: 9px;
    color: #b58a20;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.2px;
}

.siyamount-leader-card h3 {
    margin: 0;
    color: #171717;
    font-family: Georgia, serif;
    font-size: 27px;
    line-height: 1.15;
}

.siyamount-leader-card p {
    margin: 7px 0 0;
    color: #77736b;
    font-size: 12px;
    line-height: 1.5;
}

.siyamount-leader-line {
    width: 45px;
    height: 2px;
    margin: 16px 0 12px;
    background: #d4af37;
}

.siyamount-leader-card > span:last-child {
    color: #77736b;
    font-size: 10px;
    letter-spacing: .4px;
}

/* RIGHT CONTENT */

.siyamount-leadership-content {
    max-width: 680px;
}

.siyamount-leadership-eyebrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 17px;
    color: #a37a19;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.7px;
}

.siyamount-leadership-eyebrow::before {
    content: "";
    width: 24px;
    height: 2px;
    background: #a37a19;
}

.siyamount-leadership-content h2 {
    margin: 0 0 25px;
    color: #1d2926;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.08;
    font-weight: 600;
}

.siyamount-leadership-content h2 span {
    color: #a17a20;
}

.siyamount-leadership-intro {
    margin: 0 0 16px;
    color: #30322f;
    font-size: 16px;
    line-height: 1.85;
}

.siyamount-leadership-text {
    margin: 0 0 25px;
    color: #686963;
    font-size: 14px;
    line-height: 1.8;
}

/* EXPERTISE TAGS */

.siyamount-expertise-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
}

.siyamount-expertise-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 15px;
    border: 1px solid #d8ded9;
    border-radius: 30px;
    background: rgba(255,255,255,.6);
    color: #315c4e;
    font-size: 11px;
    line-height: 1;
}

/* HIGHLIGHTS */

.siyamount-leadership-highlights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 30px;
}

.siyamount-highlight-box {
    display: flex;
    gap: 11px;
    padding: 16px 14px;
    background: rgba(255,255,255,.65);
    border: 1px solid #e1e2dc;
}

.siyamount-highlight-box strong {
    flex: 0 0 auto;
    color: #c19729;
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 1;
}

.siyamount-highlight-box div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.siyamount-highlight-box b {
    color: #26322e;
    font-size: 11px;
    line-height: 1.3;
}

.siyamount-highlight-box span {
    color: #777a75;
    font-size: 10px;
    line-height: 1.45;
}

/* BUTTON */

.siyamount-leadership-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 14px 25px;
    background: #c99e2d;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: all .25s ease;
}

.siyamount-leadership-button:hover {
    background: #a77d1c;
    transform: translateY(-2px);
}

.siyamount-leadership-button i {
    transition: transform .25s ease;
}

.siyamount-leadership-button:hover i {
    transform: translateX(4px);
}


/* TABLET */

@media (max-width: 950px) {

    .siyamount-leadership-grid {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .siyamount-leader-visual {
        max-width: 430px;
    }

    .siyamount-leadership-content {
        max-width: 100%;
    }

    .siyamount-leadership-highlights {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* MOBILE */

@media (max-width: 650px) {

    .siyamount-leadership-section {
        padding: 70px 0 80px;
    }

    .siyamount-leadership-grid {
        gap: 60px;
    }

    .siyamount-leader-visual {
        width: calc(100% - 25px);
        max-width: 390px;
    }

    .siyamount-leader-card {
        left: -12px;
        bottom: -38px;
        width: 220px;
        padding: 20px;
    }

    .siyamount-leader-card h3 {
        font-size: 24px;
    }

    .siyamount-leadership-content h2 {
        font-size: 38px;
        line-height: 1.1;
    }

    .siyamount-leadership-intro {
        font-size: 15px;
        line-height: 1.75;
    }

    .siyamount-leadership-highlights {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .siyamount-highlight-box {
        padding: 14px;
    }

    .siyamount-leadership-button {
        width: 100%;
    }
}

/* =========================================================
   SIYAMOUNT - FEATURED PROJECT CARDS PREMIUM UPGRADE
   ========================================================= */

#featured-properties .siy-properties-grid {
    align-items: stretch;
}

#featured-properties .siy-property-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background: #14181e;
    border: 1px solid rgba(212,175,55,.20);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

#featured-properties .siy-property-card:hover {
    transform: translateY(-6px);
    border-color: rgba(212,175,55,.65);
    box-shadow:
        0 18px 45px rgba(0,0,0,.28),
        0 0 0 1px rgba(212,175,55,.08);
}


/* PROJECT IMAGE */

#featured-properties .siy-property-image {
    position: relative;
    height: 225px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at center,
            rgba(212,175,55,.10),
            transparent 55%
        ),
        #0d1015;
}

#featured-properties .siy-property-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .5s ease;
}

#featured-properties .siy-property-card:hover
.siy-property-image img {
    transform: scale(1.045);
}


/* PLACEHOLDER */

#featured-properties .siy-property-image > div {
    position: relative;
    letter-spacing: 3px !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px !important;
    font-weight: 600;
}

#featured-properties .siy-property-image > div::before {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(212,175,55,.45);
    border-radius: 50%;
}

#featured-properties .siy-property-image > div::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(212,175,55,.22);
    border-radius: 50%;
}


/* CARD CONTENT */

#featured-properties .siy-property-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 25px 24px 23px;
}


/* STATUS */

#featured-properties .siy-property-tag {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 5px 10px;
    margin-bottom: 13px;
    border: 1px solid rgba(212,175,55,.38);
    background: rgba(212,175,55,.07);
    color: #d4af37;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1;
}


/* TITLE */

#featured-properties .siy-property-content h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    line-height: 1.2;
    font-weight: 500;
}


/* LOCATION */

#featured-properties .siy-property-location {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
    color: #d4af37;
    font-size: 11px;
    letter-spacing: .3px;
}

#featured-properties .siy-property-location i {
    font-size: 10px;
}


/* DESCRIPTION */

#featured-properties .siy-property-content > p {
    margin: 0;
    color: #9da3ad;
    font-size: 12px;
    line-height: 1.7;
}


/* BUTTON ROW */

#featured-properties .siy-property-content > div:last-child {
    margin-top: auto !important;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.07);
}


/* BUTTONS */

#featured-properties .siy-properties-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 15px;
    border: 1px solid rgba(212,175,55,.45);
    background: transparent;
    color: #d4af37 !important;
    text-decoration: none !important;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 1;
    transition: all .25s ease;
}

#featured-properties .siy-properties-link:hover {
    background: #d4af37;
    border-color: #d4af37;
    color: #0b0d11 !important;
}


/* ENQUIRE BUTTON */

#featured-properties .siy-property-content > div:last-child
.siy-properties-link:last-child {
    background: rgba(212,175,55,.10);
}


/* =========================================================
   FEATURED PROJECTS - TABLET
   ========================================================= */

@media (max-width: 950px) {

    #featured-properties .siy-property-image {
        height: 210px;
    }

    #featured-properties .siy-property-content h3 {
        font-size: 21px;
    }

}


/* =========================================================
   FEATURED PROJECTS - MOBILE
   ========================================================= */

@media (max-width: 650px) {

    #featured-properties .siy-property-image {
        height: 210px;
    }

    #featured-properties .siy-property-content {
        padding: 22px 20px 20px;
    }

    #featured-properties .siy-property-content h3 {
        font-size: 22px;
    }

    #featured-properties .siy-property-content > div:last-child {
        gap: 8px !important;
    }

    #featured-properties .siy-properties-link {
        flex: 1;
        min-width: 0;
    }

}

/* =========================================================
   FEATURED PROJECTS - TOP SPACING FIX
   ========================================================= */

#featured-properties {
    padding-top: 95px !important;
}

#featured-properties .siy-properties-heading {
    margin-bottom: 42px;
}

@media (max-width: 650px) {

    #featured-properties {
        padding-top: 75px !important;
    }

}

/* =========================================================
   SIYAMOUNT - FEATURED PROJECT IMAGE PLACEHOLDER
   ========================================================= */

#featured-properties .siy-property-image {
    background:
        linear-gradient(
            135deg,
            #0b0d11 0%,
            #15120b 50%,
            #0b0d11 100%
        );
}

#featured-properties .siy-property-image::before {
    content: "";
    position: absolute;
    inset: 22px;
    border: 1px solid rgba(212,175,55,.12);
    pointer-events: none;
}

#featured-properties .siy-property-image::after {
    content: "PROPERTY OPPORTUNITY";
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    color: rgba(212,175,55,.35);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2.5px;
    white-space: nowrap;
    pointer-events: none;
}

#featured-properties .siy-property-image > div {
    z-index: 2;
}

/* =========================================================
   SIYAMOUNT - PROJECT PORTFOLIO FILTERS
   ========================================================= */

#all-projects .siy-project-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 38px 0 18px;
}

#all-projects .siy-project-filters a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 11px 19px;

    border: 1px solid rgba(212,175,55,.28);
    background: #12151b;

    color: #aeb4c0;
    text-decoration: none;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;

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

#all-projects .siy-project-filters a:hover {
    color: #d4af37;
    border-color: rgba(212,175,55,.65);
    transform: translateY(-2px);
}

#all-projects .siy-project-filters a.active {
    background: #d4af37;
    border-color: #d4af37;
    color: #101216;
}


/* =========================================================
   STATUS FILTERS
   ========================================================= */

#all-projects .siy-project-status-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: 38px;
}

#all-projects .siy-project-status-filters > span {
    margin-right: 5px;

    color: #777f8c;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

#all-projects .siy-project-status-filters a {
    display: inline-flex;
    align-items: center;
    min-height: 29px;
    padding: 7px 12px;

    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.025);

    color: #858c98;
    text-decoration: none;

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.1px;

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

#all-projects .siy-project-status-filters a:hover {
    color: #d4af37;
    border-color: rgba(212,175,55,.45);
    background: rgba(212,175,55,.05);
}


/* =========================================================
   PROJECT GRID SPACING
   ========================================================= */

#all-projects .siy-properties-grid {
    margin-top: 0;
}


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

@media (max-width: 650px) {

    #all-projects .siy-project-filters {
        gap: 7px;
        margin-top: 30px;
    }

    #all-projects .siy-project-filters a {
        flex: 1 1 calc(50% - 7px);
        min-height: 40px;
        padding: 10px 8px;
        font-size: 9px;
        text-align: center;
    }

    #all-projects .siy-project-status-filters {
        align-items: flex-start;
        margin-bottom: 30px;
    }

    #all-projects .siy-project-status-filters > span {
        width: 100%;
        margin-bottom: 3px;
    }

}

/* ACTIVE PROJECT STATUS FILTER */

#all-projects .siy-project-status-filters a.active {
    background: #d4af37;
    border-color: #d4af37;
    color: #101216;
}

/* =========================================================
   SIYAMOUNT - PROJECT DETAILS PAGE
   ========================================================= */

.siyamount-project-single {
    background: #080a0e;
    color: #ffffff;
}


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

.siy-project-detail-container {
    width: min(1180px, calc(100% - 50px));
    margin: 0 auto;
}


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

.siy-project-detail-hero {
    position: relative;
    padding: 90px 0 100px;
    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(212,175,55,.08),
            transparent 35%
        ),
        #080a0e;
    border-bottom: 1px solid rgba(212,175,55,.15);
}

.siy-project-detail-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}


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

.siy-project-detail-intro {
    max-width: 600px;
}

.siy-project-detail-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 7px 12px;
    margin-bottom: 15px;

    border: 1px solid rgba(212,175,55,.45);
    background: rgba(212,175,55,.07);

    color: #d4af37;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.siy-project-detail-category {
    margin-bottom: 14px;

    color: #858c98;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.siy-project-detail-intro h1 {
    margin: 0 0 18px;

    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.03;
    font-weight: 500;
}

.siy-project-detail-location {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 25px;

    color: #d4af37;
    font-size: 13px;
}

.siy-project-detail-location i {
    font-size: 11px;
}

.siy-project-detail-short {
    max-width: 560px;
    margin: 0 0 30px;

    color: #aeb4c0;
    font-size: 15px;
    line-height: 1.8;
}


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

.siy-project-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.siy-project-detail-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 48px;
    padding: 14px 22px;

    background: #d4af37;
    border: 1px solid #d4af37;

    color: #0b0d11 !important;
    text-decoration: none !important;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;

    transition: all .25s ease;
}

.siy-project-detail-button:hover {
    background: #ebc94f;
    border-color: #ebc94f;
    transform: translateY(-2px);
}

.siy-project-detail-button-outline {
    background: transparent;
    color: #d4af37 !important;
}

.siy-project-detail-button-outline:hover {
    background: #d4af37;
    color: #0b0d11 !important;
}


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

.siy-project-detail-image {
    position: relative;
    min-height: 480px;

    overflow: hidden;

    border: 1px solid rgba(212,175,55,.25);
    background: #101217;

    box-shadow: 0 25px 60px rgba(0,0,0,.35);
}

.siy-project-detail-image img {
    width: 100%;
    height: 100%;
    min-height: 480px;

    display: block;

    object-fit: cover;
}

.siy-project-detail-placeholder {
    position: relative;

    width: 100%;
    min-height: 480px;

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

    background:
        radial-gradient(
            circle at center,
            rgba(212,175,55,.10),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #0b0d11,
            #15120b,
            #0b0d11
        );
}

.siy-project-detail-placeholder::before {
    content: "";

    position: absolute;
    inset: 30px;

    border: 1px solid rgba(212,175,55,.16);
}

.siy-project-detail-placeholder span {
    position: relative;
    z-index: 2;

    color: #d4af37;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 4px;
}

.siy-project-detail-placeholder small {
    position: relative;
    z-index: 2;

    margin-top: 13px;

    color: rgba(212,175,55,.45);

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 3px;
}


/* =========================================================
   PROJECT OVERVIEW
   ========================================================= */

.siy-project-detail-overview {
    padding: 100px 0 110px;

    background: #0d1015;
}

.siy-project-detail-content-grid {
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 80px;
    align-items: start;
}

.siy-project-detail-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #d4af37;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.siy-project-detail-eyebrow::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #d4af37;
}

.siy-project-detail-main h2 {
    margin: 0 0 28px;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.1;
    font-weight: 500;
}

.siy-project-detail-main h2 span {
    color: #d4af37;
}

.siy-project-detail-content {
    color: #aeb4c0;

    font-size: 15px;
    line-height: 1.9;
}

.siy-project-detail-content p {
    margin: 0 0 18px;
}

.siy-project-detail-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   PROJECT INFORMATION CARD
   ========================================================= */

.siy-project-detail-sidebar {
    position: sticky;
    top: 110px;
}

.siy-project-info-card {
    padding: 30px;

    background: #14181e;
    border: 1px solid rgba(212,175,55,.22);

    box-shadow: 0 20px 45px rgba(0,0,0,.22);
}

.siy-project-info-label {
    padding-bottom: 18px;
    margin-bottom: 5px;

    border-bottom: 1px solid rgba(255,255,255,.08);

    color: #d4af37;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.siy-project-info-row {
    display: flex;
    flex-direction: column;
    gap: 6px;

    padding: 17px 0;

    border-bottom: 1px solid rgba(255,255,255,.07);
}

.siy-project-info-row span {
    color: #777f8c;

    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.siy-project-info-row strong {
    color: #ffffff;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

.siy-project-info-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    width: 100%;
    min-height: 48px;

    margin-top: 23px;
    padding: 13px 15px;

    background: #d4af37;
    border: 1px solid #d4af37;

    color: #0b0d11 !important;
    text-decoration: none !important;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.1px;

    transition: all .25s ease;
}

.siy-project-info-button:hover {
    background: #ebc94f;
    border-color: #ebc94f;
}


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

@media (max-width: 900px) {

    .siy-project-detail-hero {
        padding: 70px 0 80px;
    }

    .siy-project-detail-hero-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .siy-project-detail-intro {
        max-width: 100%;
    }

    .siy-project-detail-image,
    .siy-project-detail-image img,
    .siy-project-detail-placeholder {
        min-height: 420px;
    }

    .siy-project-detail-content-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .siy-project-detail-sidebar {
        position: static;
    }

}


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

@media (max-width: 650px) {

    .siy-project-detail-container {
        width: min(100% - 36px, 1180px);
    }

    .siy-project-detail-hero {
        padding: 60px 0 70px;
    }

    .siy-project-detail-intro h1 {
        font-size: 43px;
    }

    .siy-project-detail-short {
        font-size: 14px;
        line-height: 1.75;
    }

    .siy-project-detail-actions {
        flex-direction: column;
    }

    .siy-project-detail-button {
        width: 100%;
    }

    .siy-project-detail-image,
    .siy-project-detail-image img,
    .siy-project-detail-placeholder {
        min-height: 320px;
    }

    .siy-project-detail-overview {
        padding: 70px 0 80px;
    }

    .siy-project-detail-main h2 {
        font-size: 36px;
    }

    .siy-project-info-card {
        padding: 24px 20px;
    }

}

/* =========================================================
   SIYAMOUNT - PROJECT HERO SPACING REFINEMENT
   ========================================================= */

.siy-project-detail-hero {
    padding-top: 65px;
    padding-bottom: 75px;
}

.siy-project-detail-hero-grid {
    min-height: 500px;
}

@media (max-width: 900px) {

    .siy-project-detail-hero {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .siy-project-detail-hero-grid {
        min-height: auto;
    }

}

/* =========================================
   PROJECT DETAIL — PREMIUM CONTENT
   ========================================= */

.siy-project-detail-content h3,
.siy-project-detail-content h4 {
    color: #d4af37;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 500;
    margin: 42px 0 20px;
    letter-spacing: .3px;
}

.siy-project-detail-content ul {
    list-style: none;
    margin: 22px 0 38px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.siy-project-detail-content ul li {
    position: relative;
    padding: 15px 16px 15px 38px;
    margin: 0;
    background: #111419;
    border: 1px solid rgba(212,175,55,.14);
    color: #bfc4ce;
    font-size: 14px;
    line-height: 1.55;
    transition: .25s ease;
}

.siy-project-detail-content ul li::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 22px;
    width: 6px;
    height: 6px;
    background: #d4af37;
    border-radius: 50%;
}

.siy-project-detail-content ul li:hover {
    border-color: rgba(212,175,55,.45);
    transform: translateY(-2px);
}

@media (max-width: 700px) {
    .siy-project-detail-content ul {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   PROJECT DETAIL — PREMIUM CTA
   ========================================= */

.siy-project-content-cta {
    margin-top: 55px;
    padding: 42px 45px;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 50%, rgba(212,175,55,.12), transparent 38%),
        linear-gradient(135deg, #111419 0%, #0d0f13 100%);
    border: 1px solid rgba(212,175,55,.28);
}

.siy-project-content-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #d4af37;
}

.siy-project-content-cta > span {
    display: block;
    margin-bottom: 12px;
    color: #d4af37;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

.siy-project-content-cta h3 {
    margin: 0 0 14px !important;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    line-height: 1.25;
}

.siy-project-content-cta p {
    max-width: 650px;
    margin: 0 0 25px;
    color: #aeb4c0;
    font-size: 14px;
    line-height: 1.7;
}

.siy-project-content-cta a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 14px 22px;
    background: #d4af37;
    border: 1px solid #d4af37;
    color: #101216;
    text-decoration: none;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    transition: all .25s ease;
}

.siy-project-content-cta a:hover {
    background: transparent;
    color: #d4af37;
}

.siy-project-content-cta a i {
    font-size: 14px;
}

@media (max-width: 700px) {
    .siy-project-content-cta {
        padding: 32px 25px;
        margin-top: 40px;
    }

    .siy-project-content-cta h3 {
        font-size: 24px !important;
    }
}

/* =========================================================
   CATEGORY PAGE STATUS FILTER
   ========================================================= */

.siy-category-status-filters{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:0 0 35px;
    padding:14px 16px;
    background:#101318;
    border:1px solid rgba(212,175,55,.18);
}

.siy-category-status-filters a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:10px 18px;
    background:#15181e;
    border:1px solid rgba(212,175,55,.28);
    color:#aeb4c0;
    text-decoration:none;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.4px;
    line-height:1;
    transition:all .25s ease;
}

.siy-category-status-filters a:hover{
    border-color:#d4af37;
    color:#d4af37;
}

.siy-category-status-filters a.active{
    background:#d4af37;
    border-color:#d4af37;
    color:#101216;
}

@media(max-width:600px){

    .siy-category-status-filters{
        gap:8px;
        padding:12px;
    }

    .siy-category-status-filters a{
        flex:1;
        min-width:calc(50% - 8px);
        padding:10px 8px;
    }

}

.project-thumb {
    position: relative;
    overflow: hidden;
}

.project-thumb img.project-featured-image {
    width: 100%;
    height: 100%;
    min-height: 250px;
    object-fit: cover;
    display: block;
}

.project-image-placeholder {
    width: 100%;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #11141a;
    color: #d4af37;
}

.project-image-placeholder span {
    font-size: 22px;
    letter-spacing: 4px;
}

.project-image-placeholder small {
    margin-top: 8px;
    font-size: 9px;
    letter-spacing: 3px;
    color: #888;
}

/* =========================================
   HOMEPAGE PROJECT IMAGE / THUMBNAIL
   ========================================= */

.project-thumb {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    background: #11151d;
}

.project-thumb .project-featured-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.siy-category-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(
            135deg,
            #17140d 0%,
            #0d0f14 50%,
            #17140d 100%
        );
}

.placeholder-content {
    text-align: center;
    line-height: 1;
}

.placeholder-content span {
    display: block;
    color: #d9b63f;
    font-family: Georgia, serif;
    font-size: 28px;
    letter-spacing: 3px;
}

.placeholder-content small {
    display: block;
    margin-top: 12px;
    color: #777;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3px;
}

.project-thumb .badge-status {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 5;
}

/* Mobile */
@media (max-width: 767px) {

    .project-thumb {
        height: 220px;
    }

    .placeholder-content span {
        font-size: 23px;
    }

}

/* =========================================================
   SIYAMOUNT FEATURED PROJECT SLIDER
   ========================================================= */

.featured-project-slider {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 0 55px 10px;
    box-sizing: border-box;
}

/* Slider Track */
.featured-slider-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 30px;

    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;
    -ms-overflow-style: none;
}

.featured-slider-track::-webkit-scrollbar {
    display: none;
}

/* =========================================================
   INDIVIDUAL SLIDE
   ========================================================= */

.featured-slide {
    display: block !important;

    flex: 0 0 calc((100% - 60px) / 3) !important;
    width: calc((100% - 60px) / 3) !important;
    min-width: calc((100% - 60px) / 3) !important;
    max-width: calc((100% - 60px) / 3) !important;

    box-sizing: border-box;
    scroll-snap-align: start;

    height: auto !important;
}

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

.featured-slide .project-card {
    width: 100% !important;
    max-width: 100% !important;

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

    margin: 0 !important;

    box-sizing: border-box;
}

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

.featured-slide .project-thumb {
    width: 100% !important;
    height: 250px !important;

    overflow: hidden;
    position: relative;
}

.featured-slide .project-featured-image {
    display: block;

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

    object-fit: cover;
    object-position: center;
}

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

.featured-slide .siy-category-image-placeholder {
    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;

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

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

.featured-slider-arrow {
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    z-index: 50;

    width: 44px;
    height: 44px;

    border: 1px solid #d4af37;
    border-radius: 50%;

    background: #0b0d12;
    color: #d4af37;

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

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.featured-slider-arrow:hover {
    background: #d4af37;
    color: #111;
}

.featured-prev {
    left: 5px;
}

.featured-next {
    right: 5px;
}

.featured-slider-arrow i {
    font-size: 14px;
}

/* =========================================================
   VIEW ALL PROPERTIES BUTTON
   ========================================================= */

#properties-featured .view-more-wrap {
    position: relative !important;

    width: 100% !important;

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

    margin-top: 28px !important;
    margin-bottom: 0 !important;

    padding: 0 !important;

    clear: both !important;

    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;
}

#properties-featured .view-more-wrap .btn-outline-gold {
    position: relative !important;

    display: inline-flex !important;

    width: auto !important;

    min-width: 285px;

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

    margin: 0 !important;
}

/* Prevent extra space after slider */
#properties-featured .projects-grid {
    position: relative !important;

    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

    min-height: 0 !important;
}

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

@media (max-width: 1024px) {

    .featured-project-slider {
        padding-left: 50px;
        padding-right: 50px;
    }

    .featured-slide {
        flex: 0 0 calc((100% - 30px) / 2) !important;
        width: calc((100% - 30px) / 2) !important;
        min-width: calc((100% - 30px) / 2) !important;
        max-width: calc((100% - 30px) / 2) !important;
    }

}

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

@media (max-width: 767px) {

    .featured-project-slider {
        width: 100%;
        padding-left: 34px;
        padding-right: 34px;
        padding-bottom: 0;
    }

    .featured-slider-track {
        gap: 16px;

        align-items: flex-start !important;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
    }

    /* ONE CARD AT A TIME */
    .featured-slide {
        flex: 0 0 100% !important;

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

        height: auto !important;
    }

    /* IMPORTANT: prevents huge vertical card */
    .featured-slide .project-card {
        height: auto !important;
        min-height: 0 !important;
    }

    /* Mobile image */
    .featured-slide .project-thumb {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }

    /* Mobile placeholder */
    .featured-slide .siy-category-image-placeholder {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }

    /* Card body */
    .featured-slide .project-body {
        height: auto !important;
        min-height: 0 !important;
    }

    /* Arrows */
    .featured-slider-arrow {
        width: 38px;
        height: 38px;
    }

    .featured-slider-arrow i {
        font-size: 12px;
    }

    .featured-prev {
        left: 2px;
    }

    .featured-next {
        right: 2px;
    }

    /* View All button */
    #properties-featured .view-more-wrap {
        margin-top: 22px !important;
        padding: 0 !important;
    }

    #properties-featured .view-more-wrap .btn-outline-gold {
        width: calc(100% - 40px) !important;
        min-width: 0 !important;

        max-width: 360px;

        padding: 15px 20px !important;

        font-size: 13px !important;
    }

}

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

@media (max-width: 480px) {

    .featured-project-slider {
        padding-left: 28px;
        padding-right: 28px;
    }

    .featured-slider-track {
        gap: 14px;
    }

    .featured-slide .project-thumb {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
    }

    .featured-slide .siy-category-image-placeholder {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
    }

    .featured-prev {
        left: 0;
    }

    .featured-next {
        right: 0;
    }

    #properties-featured .view-more-wrap {
        margin-top: 20px !important;
    }

    #properties-featured .view-more-wrap .btn-outline-gold {
        width: calc(100% - 30px) !important;
        font-size: 12px !important;
        padding: 14px 15px !important;
    }

}

/* =========================================================
   SIYAMOUNT - FEATURED PROJECT SLIDER
   FINAL VERSION
   ========================================================= */

#properties-featured {
    position: relative;
}


/* =========================================================
   SLIDER OUTER WRAPPER
   ========================================================= */

#properties-featured .featured-project-slider {

    position: relative;

    width: 100%;

    max-width: 100%;

    padding: 0 55px;

    box-sizing: border-box;

}


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

#properties-featured .featured-slider-track {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: stretch !important;

    gap: 30px;

    width: 100%;

    overflow-x: auto;

    overflow-y: hidden;

    scroll-behavior: smooth;

    scroll-snap-type: x mandatory;

    scrollbar-width: none;

    -ms-overflow-style: none;

    padding: 0;

}


/* Hide scrollbar */

#properties-featured .featured-slider-track::-webkit-scrollbar {
    display: none;
}


/* =========================================================
   INDIVIDUAL SLIDE
   ========================================================= */

#properties-featured .featured-slide {

    flex: 0 0 calc((100% - 60px) / 3) !important;

    width: calc((100% - 60px) / 3) !important;

    min-width: calc((100% - 60px) / 3) !important;

    max-width: calc((100% - 60px) / 3) !important;

    box-sizing: border-box;

    scroll-snap-align: start;

    display: flex !important;

}


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

#properties-featured .featured-slide .project-card {

    width: 100% !important;

    max-width: 100% !important;

    height: 100%;

    margin: 0 !important;

    display: flex;

    flex-direction: column;

    box-sizing: border-box;

}


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

#properties-featured .project-thumb {

    position: relative;

    width: 100%;

    height: 250px;

    overflow: hidden;

    flex-shrink: 0;

}


/* Image link */

#properties-featured .featured-project-image-link {

    display: block;

    width: 100%;

    height: 100%;

}


/* Actual image */

#properties-featured .project-featured-image {

    display: block;

    width: 100%;

    height: 100% !important;

    max-width: none;

    object-fit: cover;

    transition: transform 0.6s ease;

}


/* Image hover */

#properties-featured .project-card:hover .project-featured-image {

    transform: scale(1.05);

}


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

#properties-featured .siy-category-image-placeholder {

    width: 100%;

    height: 100%;

    min-height: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        radial-gradient(
            circle at center,
            rgba(212,175,55,0.08),
            transparent 55%
        ),
        linear-gradient(
            135deg,
            #0b0d11,
            #15120b,
            #0b0d11
        );

}


/* Placeholder text */

#properties-featured .placeholder-content {

    text-align: center;

}


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

#properties-featured .project-body {

    flex: 1;

    min-height: 285px;

}


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

#properties-featured .project-desc-short {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}


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

#properties-featured .featured-slider-arrow {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 20;

    width: 44px;

    height: 44px;

    padding: 0;

    border: 1px solid var(--gold-primary);

    border-radius: 50%;

    background: #0b0d12;

    color: var(--gold-primary);

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        opacity 0.3s ease,
        transform 0.3s ease;

}


/* Hover */

#properties-featured .featured-slider-arrow:hover {

    background: var(--gold-primary);

    color: #111;

    transform: translateY(-50%) scale(1.05);

}


/* Disabled */

#properties-featured .featured-slider-arrow:disabled {

    opacity: 0.25;

    cursor: default;

    pointer-events: none;

}


/* Left */

#properties-featured .featured-prev {

    left: 5px;

}


/* Right */

#properties-featured .featured-next {

    right: 5px;

}


/* Arrow icon */

#properties-featured .featured-slider-arrow i {

    font-size: 14px;

}


/* =========================================================
   VIEW ALL PROPERTIES
   ========================================================= */

#properties-featured .featured-view-all {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 28px;

    padding: 0;

    position: relative;

    clear: both;

}


/* Button */

#properties-featured .featured-view-all-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    width: auto;

    min-width: 285px;

    min-height: 52px;

    padding: 14px 28px;

    margin: 0;

    box-sizing: border-box;

}


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

@media (max-width: 1024px) {

    #properties-featured .featured-project-slider {

        padding-left: 48px;

        padding-right: 48px;

    }


    #properties-featured .featured-slide {

        flex: 0 0 calc((100% - 30px) / 2) !important;

        width: calc((100% - 30px) / 2) !important;

        min-width: calc((100% - 30px) / 2) !important;

        max-width: calc((100% - 30px) / 2) !important;

    }

}


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

@media (max-width: 767px) {

    /*
     * Keep enough space for arrows,
     * but do not make the card narrow.
     */

    #properties-featured .featured-project-slider {

        padding-left: 38px;

        padding-right: 38px;

    }


    #properties-featured .featured-slider-track {

        gap: 16px;

    }


    /* One card at a time */

    #properties-featured .featured-slide {

        flex: 0 0 100% !important;

        width: 100% !important;

        min-width: 100% !important;

        max-width: 100% !important;

    }


    /* Mobile image */

    #properties-featured .project-thumb {

        height: 210px;

    }


    /* Mobile card */

    #properties-featured .featured-slide .project-card {

        border-radius: 8px;

    }


    /* Mobile body */

    #properties-featured .project-body {

        min-height: 0;

        padding: 20px;

    }


    /* Mobile title */

    #properties-featured .project-title {

        font-size: 1.25rem;

        margin-bottom: 8px;

    }


    /* Mobile description */

    #properties-featured .project-desc-short {

        font-size: 12px;

        line-height: 1.55;

        -webkit-line-clamp: 3;

    }


    /* Mobile price row */

    #properties-featured .project-meta-row {

        margin-bottom: 16px;

        padding: 11px 0;

    }


    #properties-featured .project-price {

        font-size: 1rem;

    }


    #properties-featured .project-type-tag {

        font-size: 10px;

        text-align: right;

    }


    /* Mobile buttons */

    #properties-featured .project-actions {

        gap: 10px;

    }


    #properties-featured .project-actions a {

        min-height: 46px;

        padding: 10px 12px !important;

        font-size: 11px;

    }


    /* Mobile arrows */

    #properties-featured .featured-slider-arrow {

        width: 36px;

        height: 36px;

    }


    #properties-featured .featured-prev {

        left: 0;

    }


    #properties-featured .featured-next {

        right: 0;

    }


    #properties-featured .featured-slider-arrow i {

        font-size: 12px;

    }


    /* View All */

    #properties-featured .featured-view-all {

        margin-top: 22px;

    }


    #properties-featured .featured-view-all-button {

        width: 100%;

        min-width: 0;

        max-width: 320px;

        min-height: 50px;

        padding: 13px 18px;

        font-size: 12px;

    }

}


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

@media (max-width: 400px) {

    #properties-featured .featured-project-slider {

        padding-left: 34px;

        padding-right: 34px;

    }


    #properties-featured .project-thumb {

        height: 195px;

    }


    #properties-featured .project-body {

        padding: 17px;

    }


    #properties-featured .project-title {

        font-size: 1.15rem;

    }


    #properties-featured .project-actions {

        gap: 8px;

    }


    #properties-featured .project-actions a {

        font-size: 10px;

        padding-left: 8px !important;

        padding-right: 8px !important;

    }


    #properties-featured .featured-view-all-button {

        font-size: 11px;

    }

}

//* =====================================================
   SIYAMOUNT FEATURED PROJECTS CAROUSEL
   ===================================================== */

.featured-project-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* SLIDER TRACK */

.featured-project-slider .featured-slider-track {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;

    padding: 0 5px 20px;
}

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


/* EACH SLIDE */

.featured-project-slider .featured-slide {
    flex: 0 0 calc((100% - 60px) / 3);

    scroll-snap-align: start;

    min-width: 0;
}


/* CARD */

.featured-project-slider .project-card {
    width: 100%;
    height: 100%;
}


/* ARROWS */

.featured-project-slider .featured-slider-arrow {
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    width: 48px;
    height: 48px;

    border-radius: 50%;

    border: 1px solid rgba(212, 175, 55, 0.8);

    background: #0b0e13;

    color: #d4af37;

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

    cursor: pointer;

    z-index: 20;

    transition: all 0.3s ease;
}


.featured-project-slider .featured-slider-arrow:hover {
    background: #d4af37;
    color: #111;
}


/* LEFT */

.featured-project-slider .featured-prev {
    left: 0;
}


/* RIGHT */

.featured-project-slider .featured-next {
    right: 0;
}


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

@media (max-width: 991px) {

    .featured-project-slider .featured-slide {
        flex: 0 0 calc((100% - 30px) / 2);
    }

}


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

@media (max-width: 767px) {

    .featured-project-slider .featured-slider-track {
        gap: 20px;
    }

    .featured-project-slider .featured-slide {
        flex: 0 0 85%;
    }

    .featured-project-slider .featured-slider-arrow {
        width: 40px;
        height: 40px;
    }

}

/* =====================================================
   BACK TO ALL PROPERTIES
   ===================================================== */

.siy-project-back-properties {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 20px 35px;
    box-sizing: border-box;
    text-align: center;
}

.siy-project-back-properties .btn-outline-gold {
    display: inline-flex;
    width: auto;
    max-width: max-content;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    margin: 0 auto;
    box-sizing: border-box;
    white-space: nowrap;
}


/* MOBILE */
@media (max-width: 768px) {

    .siy-project-back-properties {
        padding: 20px 15px 30px;
        justify-content: center;
    }

    .siy-project-back-properties .btn-outline-gold {
        width: auto;
        max-width: 90%;
        padding: 11px 16px;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
    }

}

/* =====================================================
   PROJECT HERO IMAGE
   ===================================================== */

.siy-project-detail-image {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid rgba(212, 175, 55, 0.25);
    background: #11151b;
}

.siy-project-detail-image img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}


/* MOBILE */
@media (max-width: 768px) {

    .siy-project-detail-image {
        height: auto;
    }

    .siy-project-detail-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

}

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

.siy-project-pagination{
    margin-top:50px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.siy-project-pagination ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
}

.siy-project-pagination li{
    margin:0;
    padding:0;
}

.siy-project-pagination a,
.siy-project-pagination span{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;

    border:1px solid rgba(212,175,55,.45);
    background:#11151b;

    color:#d4af37;

    text-decoration:none !important;

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

    transition:all .25s ease;
}

.siy-project-pagination a:hover{
    background:#d4af37;
    color:#090b0f;
    border-color:#d4af37;
}

.siy-project-pagination .current{
    background:#d4af37;
    color:#090b0f;
    border-color:#d4af37;
}

.siy-project-pagination .prev,
.siy-project-pagination .next{
    width:auto;
    min-width:44px;
    padding:0 17px;
}

/* MOBILE */
@media(max-width:600px){

    .siy-project-pagination{
        margin-top:35px;
    }

    .siy-project-pagination ul{
        gap:6px;
    }

    .siy-project-pagination a,
    .siy-project-pagination span{
        width:40px;
        height:40px;
        font-size:12px;
    }

    .siy-project-pagination .prev,
    .siy-project-pagination .next{
        padding:0 13px;
    }
}

/* =========================================================
   BACK TO ALL PROPERTIES
   ========================================================= */

.siy-project-back-properties {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 55px 20px 70px;
}

.siy-project-back-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-width: 250px;
    min-height: 52px;

    padding: 14px 28px;

    border: 1px solid #d4af37;

    color: #d4af37;
    background: transparent;

    text-decoration: none;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.siy-project-back-button i {
    font-size: 12px;
}

.siy-project-back-button:hover {
    background: #d4af37;
    color: #08090d;
    transform: translateY(-2px);
}


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

@media (max-width: 767px) {

    .siy-project-back-properties {
        padding: 35px 20px 50px;
    }

    .siy-project-back-button {
        width: 100%;
        max-width: 340px;
        min-height: 50px;

        font-size: 11px;
        letter-spacing: 1.2px;
    }

}
/* =========================================================
   PROJECT HIGHLIGHTS
   ========================================================= */

.siy-project-highlights-card {
    margin-top: 48px;
    width: 100%;
}

/* Section title */
.siy-project-info-label {
    color: #d4af37;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;

    margin-bottom: 18px;
}

/* Highlights grid */
.siy-project-info-row {
    width: 100%;
    min-height: 76px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 15px 0;

    border-top: 1px solid rgba(255,255,255,0.10);

    box-sizing: border-box;
}

/* Last row */
.siy-project-info-row:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

/* Label */
.siy-project-info-row span {
    display: block;

    color: #7f8491;

    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.8px;
    line-height: 1.4;

    text-transform: uppercase;

    margin-bottom: 6px;
}

/* Value */
.siy-project-info-row strong {
    display: block;

    color: #f1f1f1;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}


/* =========================================================
   DESKTOP — 3 COLUMN HIGHLIGHTS
   ========================================================= */

@media (min-width: 901px) {

    .siy-project-highlights-card {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 24px;
    }

    .siy-project-info-label {
        grid-column: 1 / -1;
    }

    .siy-project-info-row {
        min-height: 76px;
    }

    /* Remove bottom border from individual rows
       because grid structure handles spacing */
    .siy-project-info-row:last-child {
        border-bottom: 1px solid rgba(255,255,255,0.10);
    }

}


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

@media (min-width: 768px) and (max-width: 900px) {

    .siy-project-highlights-card {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 24px;
    }

    .siy-project-info-label {
        grid-column: 1 / -1;
    }

}


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

@media (max-width: 767px) {

    .siy-project-highlights-card {
        margin-top: 38px;
    }

    .siy-project-info-label {
        font-size: 10px;
        margin-bottom: 14px;
    }

    .siy-project-info-row {
        min-height: 70px;
        padding: 14px 0;
    }

    .siy-project-info-row span {
        font-size: 8px;
        margin-bottom: 5px;
    }

    .siy-project-info-row strong {
        font-size: 14px;
    }

}

/* =========================================================
   LOCATION ADVANTAGE GRID
   ========================================================= */

.siy-location-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    margin: 28px 0 30px;
    width: 100%;
}

.siy-location-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px;
    padding: 17px 18px;
    min-height: 54px;

    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(212,175,55,0.18);

    color: #bfc3cd;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
}

.siy-location-item > span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 7px;
    min-width: 7px;
    height: 7px;

    margin-top: 7px;

    color: #d4af37;
    font-size: 0 !important;
    line-height: 1;
}

.siy-location-item > span::after {
    content: "";
    display: block;

    width: 6px;
    height: 6px;

    background: #d4af37;
    border-radius: 50%;
}

.siy-location-item strong {
    color: #f1f1f1;
    font-weight: 600;
}

.siy-location-item:hover {
    border-color: rgba(212,175,55,0.45);
    background: rgba(212,175,55,0.035);
}


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

@media (max-width: 767px) {

    .siy-location-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 22px;
    }

    .siy-location-item {
        padding: 15px 16px;
        font-size: 14px;
    }

}

/* =========================================================
   KEY PROJECT ADVANTAGES
   ========================================================= */

.siy-advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
    margin-bottom: 40px;
    width: 100%;
}

.siy-advantage-card {
    position: relative;

    padding: 26px 22px 24px;

    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(212,175,55,0.18);

    box-sizing: border-box;

    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

.siy-advantage-card:hover {
    border-color: rgba(212,175,55,0.45);
    background: rgba(212,175,55,0.035);
    transform: translateY(-3px);
}

.siy-advantage-number {
    margin-bottom: 20px;

    color: #d4af37;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.siy-advantage-card h4 {
    margin: 0 0 13px;

    color: #f1f1f1;

    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.siy-advantage-card p {
    margin: 0;

    color: #aeb3bf;

    font-size: 14px;
    line-height: 1.7;
}

.siy-advantage-card p strong {
    color: #f1f1f1;
    font-weight: 600;
}


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

@media (max-width: 767px) {

    .siy-advantages-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 22px;
        margin-bottom: 30px;
    }

    .siy-advantage-card {
        padding: 22px 18px;
    }

    .siy-advantage-number {
        margin-bottom: 14px;
    }

    .siy-advantage-card h4 {
        font-size: 17px;
    }

}

/* =========================================================
   KEY PROJECT ADVANTAGES
   ========================================================= */

.siy-project-advantages {
    margin-top: 58px;
    width: 100%;
}

.siy-project-advantages-title {
    color: #d4af37;
    font-family: inherit;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 26px 0;
}

/* Cards container */
.siy-project-advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

/* Individual card */
.siy-project-advantage-card {
    position: relative;
    min-height: 245px;
    padding: 28px 22px 24px;

    background: rgba(255,255,255,0.015);
    border: 1px solid rgba(212,175,55,0.25);

    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

/* Number */
.siy-project-advantage-number {
    display: block;

    color: #d4af37;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;

    margin-bottom: 24px;
}

/* Card heading */
.siy-project-advantage-card h3 {
    color: #f1f1f1;
    font-family: inherit;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;

    margin: 0 0 14px 0;
}

/* Card description */
.siy-project-advantage-card p {
    color: #aeb3bf;
    font-size: 14px;
    line-height: 1.7;

    margin: 0;
}

/* Gold accent line */
.siy-project-advantage-card::before {
    content: "";

    position: absolute;
    left: 22px;
    top: 0;

    width: 34px;
    height: 2px;

    background: #d4af37;

    opacity: 0.75;
}

/* Hover */
.siy-project-advantage-card:hover {
    border-color: rgba(212,175,55,0.55);
    background: rgba(212,175,55,0.025);
    transform: translateY(-3px);
}


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

@media (max-width: 900px) {

    .siy-project-advantages-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


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

@media (max-width: 767px) {

    .siy-project-advantages {
        margin-top: 42px;
    }

    .siy-project-advantages-title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .siy-project-advantages-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .siy-project-advantage-card {
        min-height: auto;
        padding: 24px 20px 22px;
    }

    .siy-project-advantage-number {
        margin-bottom: 18px;
    }

    .siy-project-advantage-card h3 {
        font-size: 18px;
    }

    .siy-project-advantage-card p {
        font-size: 14px;
        line-height: 1.65;
    }

}

/* =========================================================
   PROJECT OVERVIEW
   PREMIUM TYPOGRAPHY & SPACING
   ========================================================= */

.siy-project-detail-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    color: #d4af37;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
    line-height: 1.4;

    text-transform: uppercase;

    margin-bottom: 22px;
}

/* Gold line before eyebrow */
.siy-project-detail-eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background: #d4af37;

    display: block;

    flex-shrink: 0;
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.siy-project-detail-main h2 {
    margin: 0 0 28px 0;

    color: #f4f4f4;

    font-family: inherit;

    font-size: clamp(40px, 4vw, 54px);
    font-weight: 500;

    line-height: 1.08;
    letter-spacing: -0.8px;
}

/* Project name */
.siy-project-detail-main h2 span {
    color: #d4af37;
}


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

.siy-project-detail-content {
    max-width: 780px;
}


/* Paragraph */
.siy-project-detail-content p {
    margin: 0 0 24px 0;

    color: #b9bec9;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.85;
}

/* Last paragraph */
.siy-project-detail-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

.siy-project-detail-content h3 {
    position: relative;

    margin: 48px 0 18px 0;

    padding-left: 16px;

    color: #d4af37;

    font-family: inherit;

    font-size: 24px;
    font-weight: 500;

    line-height: 1.35;
}


/* Small gold accent */
.siy-project-detail-content h3::before {
    content: "";

    position: absolute;

    left: 0;
    top: 4px;

    width: 3px;
    height: calc(100% - 8px);

    background: #d4af37;
}


/* =========================================================
   SMALLER HEADINGS
   ========================================================= */

.siy-project-detail-content h4 {
    margin: 34px 0 14px 0;

    color: #f1f1f1;

    font-family: inherit;

    font-size: 18px;
    font-weight: 600;

    line-height: 1.45;
}


/* =========================================================
   STRONG / HIGHLIGHTED TEXT
   ========================================================= */

.siy-project-detail-content strong {
    color: #e4e5e9;

    font-weight: 600;
}


/* =========================================================
   LISTS
   ========================================================= */

.siy-project-detail-content ul,
.siy-project-detail-content ol {
    margin: 20px 0 28px 0;

    padding-left: 20px;
}

.siy-project-detail-content li {
    margin-bottom: 10px;

    color: #b9bec9;

    font-size: 15px;

    line-height: 1.7;
}

.siy-project-detail-content li::marker {
    color: #d4af37;
}


/* =========================================================
   LINKS
   ========================================================= */

.siy-project-detail-content a {
    color: #d4af37;

    text-decoration: none;

    transition: color 0.25s ease;
}

.siy-project-detail-content a:hover {
    color: #f0cf63;
}


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

@media (max-width: 767px) {

    .siy-project-detail-eyebrow {
        font-size: 10px;
        letter-spacing: 1.8px;

        margin-bottom: 18px;
    }

    .siy-project-detail-eyebrow::before {
        width: 22px;
    }


    .siy-project-detail-main h2 {
        font-size: 36px;

        line-height: 1.1;

        letter-spacing: -0.5px;

        margin-bottom: 22px;
    }


    .siy-project-detail-content {
        max-width: 100%;
    }


    .siy-project-detail-content p {
        font-size: 15px;

        line-height: 1.75;

        margin-bottom: 20px;
    }


    .siy-project-detail-content h3 {
        font-size: 21px;

        margin-top: 38px;
        margin-bottom: 16px;

        padding-left: 13px;
    }


    .siy-project-detail-content h3::before {
        width: 2px;
    }


    .siy-project-detail-content h4 {
        font-size: 16px;

        margin-top: 28px;
    }


    .siy-project-detail-content li {
        font-size: 14px;

        line-height: 1.65;
    }

}

/* =========================================================
   HIGHWAY RESIDENCY
   MOBILE LAYOUT FIX
   ========================================================= */

@media (max-width: 900px) {

    /* ---------- GLOBAL PROJECT PAGE ---------- */

    body.single-siyamount_project,
    body.page-template-default {
        overflow-x: hidden;
    }

    .siy-project-detail-hero,
    .siy-project-detail-overview,
    .siy-project-detail-section,
    .siy-project-detail-location,
    .siy-project-detail-highlights,
    .siy-project-detail-gallery,
    .siy-project-detail-cta {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }


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

    .siy-project-detail-hero {
        padding: 55px 20px 60px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .siy-project-detail-hero-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 35px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .siy-project-detail-hero-grid > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }


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

    .siy-project-detail-hero h1 {
        font-size: 48px !important;
        line-height: 1.02 !important;
        margin: 15px 0 20px !important;
        max-width: 100% !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .siy-project-detail-hero p {
        font-size: 16px !important;
        line-height: 1.7 !important;
        margin: 0 0 25px !important;
        max-width: 100% !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


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

    .siy-project-detail-hero .hero-actions,
    .siy-project-detail-hero .project-actions {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .siy-project-detail-hero a,
    .siy-project-detail-hero button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


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

    .siy-project-detail-hero-image,
    .siy-project-detail-hero-grid .siy-project-detail-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .siy-project-detail-hero-image img,
    .siy-project-detail-hero-grid img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }


    /* =====================================================
       PROJECT OVERVIEW
       ===================================================== */

    .siy-project-detail-overview {
        padding: 60px 20px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .siy-project-detail-content-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 45px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .siy-project-detail-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
    }


    /* ---------- OVERVIEW HEADINGS ---------- */

    .siy-project-detail-overview h2,
    .siy-project-detail-main h2 {
        font-size: 34px !important;
        line-height: 1.15 !important;
        margin: 0 0 25px !important;
        max-width: 100% !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .siy-project-detail-overview h3,
    .siy-project-detail-main h3 {
        font-size: 24px !important;
        line-height: 1.25 !important;
        margin: 35px 0 18px !important;
        max-width: 100% !important;
        word-break: normal !important;
    }


    /* ---------- OVERVIEW TEXT ---------- */

    .siy-project-detail-overview p,
    .siy-project-detail-main p {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 22px !important;

        font-size: 16px !important;
        line-height: 1.7 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


    /* =====================================================
       IMPORTANT:
       REMOVE FLOAT / INLINE BEHAVIOUR
       ===================================================== */

    .siy-project-detail-overview *,
    .siy-project-detail-main * {
        box-sizing: border-box;
    }

    .siy-project-detail-overview br {
        display: none;
    }

    .siy-project-detail-overview strong,
    .siy-project-detail-main strong {
        white-space: normal !important;
    }


    /* =====================================================
       LOCATION ADVANTAGE
       ===================================================== */

    .siy-project-detail-overview ul,
    .siy-project-detail-main ul {
        width: 100% !important;
        max-width: 100% !important;

        margin: 20px 0 0 !important;
        padding: 0 !important;

        list-style-position: inside;
    }

    .siy-project-detail-overview li,
    .siy-project-detail-main li {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 15px 12px !important;

        line-height: 1.5 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


    /* =====================================================
       PROJECT INFO CARD
       ===================================================== */

    .siy-project-info-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 25px !important;

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

        box-sizing: border-box !important;
    }

    .siy-project-info-card * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


    /* ---------- INFO CARD ROWS ---------- */

    .siy-project-info-card .info-row,
    .siy-project-info-card .project-info-row {
        display: flex !important;
        flex-direction: column !important;

        gap: 7px !important;

        width: 100% !important;
        padding: 16px 0 !important;

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

    .siy-project-info-card span,
    .siy-project-info-card strong,
    .siy-project-info-card p {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


    /* =====================================================
       PROJECT HIGHLIGHTS
       ===================================================== */

    .siy-project-detail-highlights {
        padding: 60px 20px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .siy-project-detail-highlights .highlights-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
    }

    .siy-project-detail-highlights .highlight-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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

        padding: 22px !important;
    }


    /* =====================================================
       ALL SECTIONS
       ===================================================== */

    .siy-project-detail-section {
        height: auto !important;
        min-height: 0 !important;
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .siy-project-detail-section > *,
    .siy-project-detail-overview > *,
    .siy-project-detail-highlights > * {
        max-width: 100% !important;
    }


    /* =====================================================
       IMAGES
       ===================================================== */

    .siy-project-detail img {
        max-width: 100% !important;
        height: auto !important;
    }


    /* =====================================================
       PREVENT SECTION COLLISION
       ===================================================== */

    .siy-project-detail-hero::after,
    .siy-project-detail-overview::after,
    .siy-project-detail-section::after,
    .siy-project-detail-highlights::after {
        content: "";
        display: table;
        clear: both;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 650px) {

    .siy-project-detail-hero {
        padding: 45px 18px 50px !important;
    }

    .siy-project-detail-overview,
    .siy-project-detail-section,
    .siy-project-detail-highlights {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .siy-project-detail-hero h1 {
        font-size: 42px !important;
        line-height: 1.02 !important;
    }

    .siy-project-detail-overview h2,
    .siy-project-detail-main h2 {
        font-size: 31px !important;
    }

    .siy-project-detail-overview h3,
    .siy-project-detail-main h3 {
        font-size: 22px !important;
    }

    .siy-project-detail-overview p,
    .siy-project-detail-main p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .siy-project-info-card {
        padding: 20px !important;
    }
}


/* =========================================================
   HIGHWAY RESIDENCY - BACK TO ALL PROPERTIES
   REMOVE EXCESSIVE SECTION SPACE
   ========================================================= */

.siy-project-back-properties {
    width: 100%;
    margin: 0 !important;
    padding: 55px 20px !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.siy-project-back-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    width: auto !important;
    min-width: 260px;
    max-width: 100%;

    margin: 0 !important;
    padding: 16px 28px !important;

    box-sizing: border-box;

    text-decoration: none !important;
    line-height: 1.2 !important;
}

/* Desktop */
@media (min-width: 769px) {

    .siy-project-back-properties {
        padding: 55px 20px !important;
    }

}

/* Mobile */
@media (max-width: 768px) {

    .siy-project-back-properties {
        padding: 40px 20px !important;
    }

    .siy-project-back-button {
        width: 100% !important;
        max-width: 340px;
        min-width: 0;
        padding: 15px 20px !important;
    }

}

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

    .siy-project-back-properties {
        padding: 32px 16px !important;
    }

    .siy-project-back-button {
        max-width: 100%;
        font-size: 12px !important;
    }

}
/* =========================================
   PROJECT CTA - SPACIOUS VERSION
   ========================================= */

.siy-project-enquiry-card {
    padding: 34px 34px 36px;
}

.siy-project-info-label {
    margin-bottom: 24px;
    line-height: 1.5;
}

.siy-project-enquiry-card h3 {
    margin: 0 0 18px;
    line-height: 1.35;
}

.siy-project-enquiry-card p {
    margin: 0 0 26px;
    line-height: 1.7;
}

.siy-project-info-button {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.siy-project-cta-note {
    margin-top: 14px;
    line-height: 1.5;
}

/* =========================================
   FARM LIFESTYLE AMENITY ITEMS
   ========================================= */

.siy-project-detail-content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.siy-project-detail-content ul li {
    list-style: none !important;
    position: relative;
    padding: 15px 18px 15px 38px !important;
    margin: 0 0 12px 0 !important;
    border: 1px solid rgba(217, 182, 63, 0.22);
    background: rgba(255, 255, 255, 0.015);
    line-height: 1.4;
}

/* Gold bullet */
.siy-project-detail-content ul li::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    width: 7px;
    height: 7px;
    background: #d9b63f;
    border-radius: 50%;
    transform: translateY(-50%);
}

/* Remove any existing browser bullet */
.siy-project-detail-content ul li::marker {
    content: none;
}