:root {
        --primary: #e36c2f;
        --secondary: #878865;
        --dark: #000;
        --text: #3b3b3b;
        --light: #e1e1e2;
        --bg-color: #e3b44c;
    }
    body { margin: 0; font-family: sans-serif; background: var(--bg-color) url('/assets/cairo_house_real_estate_egypt_back.jpg') repeat-x left top; }
    .wrapper { max-width: 990px; margin: 0 auto; background: #fff; padding: 0 15px; }
    header, nav, footer { display: block; }
    .header-top { display: flex; align-items: flex-end; padding: 20px 0; }
    .logo { width: 315px; }
    nav { background: #3b3b3b; padding: 10px; margin-top: 10px; }
    nav a { color: #fff; text-decoration: none; padding: 0 15px; font-weight: bold; }
    .main-content { display: grid; grid-template-columns: 315px 1fr; gap: 20px; padding: 20px 0; }
    .sidebar { background: #000; padding: 20px; color: #fff; }
    .property-card { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; }
    .property-card img { width: 100%; height: auto; }
    .price { color: var(--primary); font-weight: bold; }
    .details-btn { display: inline-block; width: 40px; height: 16px; background: var(--primary); color: #fff; text-align: center; text-decoration: none; font-size: 10px; }
    .footer { text-align: center; padding: 20px; font-size: 12px; }
    
    @media (max-width: 768px) {
        .main-content { grid-template-columns: 1fr; }
        .wrapper { width: 100%; }
    }