/* --- HEADER VISIBILITY FIX --- */
    .uc-navbar-main {
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(10px);
        border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
    }

    :root {
        /* BPS PALETTE (AiPSoft Brand Alignment) */
        --bps-primary: #2563EB; /* AiPSoft Blue */
        --bps-primary-dark: #1d4ed8;
        --bps-secondary: #0F172A; /* Slate 900 - Darkest Navy */
        --bps-accent: #10B981; /* Emerald 500 */
        --bps-bg-light: #F8FAFC; /* Slate 50 */
        --bps-bg-white: #ffffff;
        --bps-text-gray: #475569; /* Slate 600 */
        --bps-border: #E2E8F0;
        --bps-gradient: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
    }

    /* Base Layout */
    .bps-wrapper {
        font-family: 'Lexend', sans-serif;
        color: var(--bps-secondary);
        background-color: var(--bps-bg-white);
        overflow-x: hidden;
        line-height: 1.6;
    }

    .bps-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 24px;
        position: relative;
        z-index: 2;
    }

    /* Typography */
    .bps-title {
        font-size: 3.25rem;
        font-weight: 800;
        line-height: 1.15;
        letter-spacing: -0.02em;
        margin-bottom: 1.5rem;
        color: var(--bps-secondary);
    }
    
    .bps-subtitle {
        font-size: 1.15rem;
        color: var(--bps-text-gray);
        max-width: 750px;
        margin: 0 auto 2.5rem;
    }
    
    .bps-section-title {
        font-size: 2.25rem;
        font-weight: 700;
        margin-bottom: 1.25rem;
        color: var(--bps-secondary);
    }

    /* Breadcrumbs (Uses rs- class to match PHP, but rm- variables for theme) */
    .rs-breadcrumbs {
        display: flex;
        align-items: center;
        justify-content: center; /* Centered to match the restaurant hero */
        flex-wrap: wrap;
        gap: 10px;
        font-size: 0.95rem;
        font-weight: 500;
        margin-bottom: 25px;
        color: var(--rm-text-muted); 
        flex-direction: <?php echo ($lang == 'ar') ? 'row-reverse' : 'row'; ?>; /* RTL Support */
    }

    .rs-breadcrumbs a {
        color: #2563EB; /* Changed to standard AiPSoft bright blue */
        text-decoration: none;
        transition: color 0.2s ease;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex-direction: <?php echo ($lang == 'ar') ? 'row-reverse' : 'row'; ?>; /* RTL Support */
    }

    .rs-breadcrumbs a:hover {
        color: var(--rm-food-red); /* Restaurant red on hover */
        text-decoration: underline;
    }

    .rs-breadcrumbs .rs-separator {
        color: #94a3b8;
        font-size: 0.8rem;
        transform: <?php echo ($lang == 'ar') ? 'rotate(180deg)' : 'none'; ?>; /* Flip arrows for Arabic */
    }

    .rs-breadcrumbs .rs-current {
        color: var(--rm-text-main); 
    }

    /* Buttons */
    .bps-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 14px 32px;
        border-radius: 50px;
        font-weight: 600;
        text-decoration: none !important;
        transition: all 0.3s ease;
        gap: 8px;
        font-size: 1rem;
        cursor: pointer;
    }

    .bps-btn-primary {
        background: var(--bps-primary);
        color: white !important;
        box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.4);
        border: none;
    }
    .bps-btn-primary:hover {
        background: var(--bps-primary-dark);
        transform: translateY(-3px);
        box-shadow: 0 15px 30px -5px rgba(37, 99, 235, 0.5);
    }

    .bps-btn-outline {
        background: white;
        border: 1px solid var(--bps-border);
        color: var(--bps-secondary) !important;
    }
    .bps-btn-outline:hover {
        border-color: var(--bps-primary);
        color: var(--bps-primary) !important;
        background: #EFF6FF;
        transform: translateY(-3px);
    }

    .bps-btn-text {
        color: var(--bps-primary) !important;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        transition: all 0.2s;
    }
    .bps-btn-text:hover {
        gap: 10px;
        color: var(--bps-primary-dark) !important;
    }
    
    /* White Buttons for CTA */
    .bps-btn-white {
        background: white;
        color: var(--bps-primary) !important;
        border: 1px solid white;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .bps-btn-white:hover {
        background: #F8FAFC;
        transform: translateY(-3px);
        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.2);
    }

    /* SECTION: HERO */
    .bps-hero {
        padding: 160px 0 80px;
        text-align: center;
        background: radial-gradient(circle at 50% 0%, #eff6ff 0%, #ffffff 80%);
        position: relative;
        overflow: hidden;
    }

    /* SECTION: ZIG ZAG (POS Screens) */
    .bps-zigzag-section { 
        padding: 80px 0; 
        background: white; 
    }
    .bps-bg-light { 
        background-color: var(--bps-bg-light); 
        border-top: 1px solid var(--bps-border);
        border-bottom: 1px solid var(--bps-border);
    }
    
    .bps-zigzag-row { 
        display: flex; 
        align-items: center; 
        gap: 60px; 
    }
    .bps-zigzag-row.reverse { 
        flex-direction: row-reverse; 
    }
    
    .bps-zigzag-content { 
        flex: 1; 
        min-width: 300px;
    }
    .bps-zigzag-image { 
        flex: 1.2; 
        position: relative; 
        min-width: 300px;
    }
    
    .bps-zigzag-image img { 
        width: 100%; 
        border-radius: 16px; 
        box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15); 
        border: 1px solid rgba(226, 232, 240, 0.8);
        transition: transform 0.4s ease;
    }
    .bps-zigzag-image img:hover {
        transform: translateY(-5px);
    }

    .bps-small-label {
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 10px;
        display: block;
        color: var(--bps-primary);
    }

    .bps-best-for {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .bps-tag {
        background: white;
        border: 1px solid var(--bps-border);
        padding: 4px 12px;
        border-radius: 6px;
        font-size: 0.85rem;
        color: var(--bps-text-gray);
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .bps-tag i { color: var(--bps-accent); }
    .bps-bg-light .bps-tag { background: #f1f5f9; }

    /* SECTION: CTA */
    .bps-cta {
        margin: 60px 0 100px;
        background: var(--bps-gradient);
        border-radius: 24px;
        padding: 80px 20px;
        text-align: center;
        color: white;
        position: relative;
        overflow: hidden;
        box-shadow: 0 20px 40px -10px rgba(37, 99, 235, 0.4);
    }
    .bps-cta-bg-shape {
        position: absolute; 
        top: -150px; 
        left: -50px; 
        width: 400px; 
        height: 400px; 
        background: rgba(255,255,255,0.1); 
        border-radius: 50%;
        pointer-events: none;
    }
    
    /* Responsive */
    @media (max-width: 991px) {
        .bps-title { font-size: 2.5rem; }
        .bps-hero { padding: 120px 0 60px; }
        .bps-zigzag-row, .bps-zigzag-row.reverse { flex-direction: column; text-align: center; }
        .bps-best-for { justify-content: center; }
        .bps-btn { width: 100%; justify-content: center; margin-bottom: 10px; }
        .bps-btn-text { justify-content: center; width: 100%; margin-top: 15px; }
    }