.elementor-1606 .elementor-element.elementor-element-fc5dc64{--display:flex;}.elementor-1606 .elementor-element.elementor-element-fc5dc64.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}/* ---------- GLOBAL WRAPPER & FONT ---------- */
.namou-wrapper, .namou-wrapper * {
    font-family: 'Graphix', sans-serif;
    box-sizing: border-box;
    /* Smoother font rendering for that "Apple" look */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.namou-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px;
}

/* ---------- HEADER STYLE ---------- */
.namou-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin-bottom: 60px;
    padding: 40px;
    border-radius: 32px;
    /* Subtle "Mint" Gradient Background */
    background: linear-gradient(145deg, #ffffff 0%, #f4fdf9 100%);
    border: 1px solid rgba(212, 238, 225, 0.6);
    /* Diffused shadow for depth */
    box-shadow: 0 10px 30px rgba(11, 92, 55, 0.04);
}

.namou-header-text {
    flex: 1.1;
    min-width: 300px;
}

.namou-header-text h1 {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.5px; /* Premium tight tracking */
    margin-bottom: 18px;
    color: #0a2e26; /* Darker, richer Emerald */
}

.namou-header-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #4a5955;
    margin-bottom: 16px;
}

.namou-subkeywords {
    font-size: 14px;
    color: #6b7c78;
    background: #f0f9f6;
    padding: 15px;
    border-radius: 12px;
    border: 1px dashed #cceadd;
    margin-top: 15px;
}

/* ----- HEADER MAP IMAGE ----- */
.namou-header .namou-img-box {
    flex: 1.2;
    min-width: 320px;
    height: auto;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    border: 1px solid #e6f2ed;
}

.namou-header .namou-img-box img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}


/* ---------- PROPERTY CARD (THE BIG UPGRADE) ---------- */
.namou-property-row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
    padding: 35px;
    border-radius: 32px;
    /* The "Brochure" Feel: Very clean white with soft mint sheen */
    background: #ffffff;
    border: 1px solid #edf6f2;
    /* Large, soft shadow to lift the card */
    box-shadow: 0 12px 35px -10px rgba(18, 66, 45, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.namou-property-row:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -8px rgba(18, 66, 45, 0.12);
    /* Gradient: Starts White (top-left) -> Fades to very light Mint (bottom-right) */
    /* This creates a "shine" effect and keeps the Snapshot box clearly visible */
    background: linear-gradient(145deg, #ffffff 40%, #f2fcf9 100%);
}

/* ---------- LEFT COLUMN (IMAGE + SNAPSHOT) ---------- */
.namou-left {
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}

.namou-left .namou-img-box {
    border-radius: 20px;
    overflow: hidden;
    height: 300px; /* Consistent height */
    border: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.namou-left .namou-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Subtle zoom effect on image hover */
.namou-property-row:hover .namou-left .namou-img-box img {
    transform: scale(1.03);
}

/* ---------- SNAPSHOT BOX (Refined Typography) ---------- */
.namou-stats-box {
    margin-top: 20px;
    padding: 26px; /* Slightly more breathing room */
    border-radius: 20px;
    background: #eaf7f0; 
    border: 1px solid #d8efe6;
}

.namou-stats-title {
    /* Switched to Segoe UI */
    font-family: "Segoe UI", sans-serif;
    font-size: 22px; /* Slightly larger */
    text-transform: uppercase;
    letter-spacing: -0.5px; /* Compact spacing as requested */
    font-weight: 700;
    color: #0f7a44;
    margin-bottom: 16px;
    opacity: 1;
}

.namou-stats {
    /* Switched to Segoe UI */
    font-family: "Segoe UI", sans-serif;
    font-size: 17px; /* Large, readable text */
    line-height: 1.8;
    color: #2d403b;
}

/* IMPORTANT: This ensures the Price/Numbers also match the font */
.namou-stats strong {
    font-family: "Segoe UI", sans-serif;
    color: #0a2e26;
    font-weight: 600; /* Semi-bold: stands out but isn't "heavy" */
    font-size: 18px; /* Bumps the important data up slightly */
}

/* This handles the "Price" and the "Numbers" */
.namou-stats strong {
    font-family: 'Segoe UI', sans-serif;
    color: #0a2e26;
    font-weight: 600; /* Semi-bold: stands out but isn't "heavy" */
    font-size: 18px; /* Bumps the important data up slightly */
}

/* ---------- RIGHT COLUMN (TEXT CONTENT) ---------- */
.namou-content {
    flex: 1.2;
    min-width: 300px;
    padding-top: 5px; /* Align visually with image top */
}

.namou-content h3 {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: -0.3px;
    margin-bottom: 16px;
    color: #0a2e26;
}

.namou-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #55605d;
    margin-bottom: 16px;
}

/* ---------- BUTTON GRID (Gradients & Graphix) ---------- */
.namou-btn-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 25px 0 15px 0;
}

.namou-btn {
    font-family: 'Graphix', sans-serif; /* Enforced Font */
    padding: 12px 20px;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: -0.2px;
    border-radius: 12px; 
    font-size: 14px;
    text-decoration: none !important;
    flex: 1;
    min-width: 120px;
    text-align: center;
    transition: 0.3s ease;
    border: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Cool Lighter Gradients */
.btn-pf { 
    background: linear-gradient(135deg, #2870a5 0%, #004F86 100%); 
}
.btn-bayut { 
    background: linear-gradient(135deg, #4cd383 0%, #009643 100%); 
}
.btn-dubizzle { 
    background: linear-gradient(135deg, #ff6b65 0%, #E6322C 100%); 
}

.namou-btn:hover {
    opacity: 1;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.15);
    filter: brightness(1.05); /* Makes it glow slightly on hover */
}

/* ---------- WHATSAPP BUTTON (Refined) ---------- */
.btn-whatsapp {
    font-family: 'Graphix', sans-serif; /* Enforced Font */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 24px;
    border-radius: 14px;
    border: 2px solid #25D366;
    background: #ffffff;
    color: #0f7a44 !important;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.2px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.btn-whatsapp:hover {
    background: linear-gradient(135deg, #4cd383 0%, #25D366 100%);
    border-color: transparent;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(37,211,102,0.25);
    transform: translateY(-2px);
}

/* ---------- WHATSAPP BUTTON (The Closer) ---------- */
.btn-whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 24px;
    border-radius: 14px;
    /* Clean white with strong brand border */
    border: 2px solid #25D366;
    background: #ffffff;
    color: #0f7a44 !important;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.btn-whatsapp:hover {
    background: #25D366;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(37,211,102,0.25);
    transform: translateY(-2px);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 850px) {
    .namou-header, .namou-property-row {
        flex-direction: column;
        padding: 24px;
    }
    
    .namou-header-text h1 {
        font-size: 26px;
    }
    
    .namou-left .namou-img-box {
        height: 250px; /* Smaller image on mobile */
    }
    
    /* On mobile, we often want the text to come before the stats box */
    .namou-left {
        display: contents; /* Allows reordering via Flexbox if needed, but keeping flow is fine */
    }
    
    /* Adjust order: Image -> Title/Text -> Stats -> Buttons */
    /* Note: To physically move the Stats box below text requires HTML change. 
       Since we are CSS only, we keep the side-by-side logic but stacked. */
}