/* ═══ Hero with slider background ═══ */
        .hero-new { position:relative; text-align:center; overflow:hidden; border-radius:0 0 var(--radius-md) var(--radius-md); }
        .hero-stripe { position:absolute; top:0; left:0; right:0; height:3px; z-index:3; background:linear-gradient(90deg, transparent, var(--primary-orange), var(--gold), var(--primary-orange), transparent); opacity:0.7; }
        .hero-slider-bg { position:absolute; inset:0; z-index:0; }
        .hero-slider-bg img, .hero-slider-bg video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1s ease; }
        .hero-slider-bg img.active, .hero-slider-bg video.active { opacity:1; }
        .hero-overlay { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(10,22,40,0.5) 0%, rgba(10,22,40,0.3) 30%, rgba(10,22,40,0.55) 60%, rgba(10,22,40,1) 100%); }
        .hero-vignette { position:absolute; inset:0; z-index:1; background:radial-gradient(ellipse at center, transparent 35%, rgba(10,22,40,0.45) 100%); }
        .hero-content { position:relative; z-index:2; padding:48px 20px 56px; animation:fadeUp 0.7s ease-out; }
        .hero-logo-new { width:175px; height:auto; filter:drop-shadow(0 4px 30px rgba(232,145,58,0.4)); animation:logoFloat 5s ease-in-out infinite; }
        @keyframes logoFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-6px);} }
        @keyframes fadeUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }
        .hero-tagline-main { font-family:'Tajawal',sans-serif; font-size:1.25rem; font-weight:800; color:var(--cream); margin-top:16px; text-shadow:0 2px 14px rgba(0,0,0,0.5); }
        .hero-tagline-sub { font-size:0.85rem; color:rgba(253,246,227,0.6); margin-top:7px; text-shadow:0 1px 8px rgba(0,0,0,0.3); }
        .hero-dots { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:3; direction:rtl; }
        .hero-dots .dot { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.25); transition:all 0.3s; }
        .hero-dots .dot.active { background:var(--primary-orange); width:18px; border-radius:3px; }

        /* ═══ Section title (concept style) ═══ */
        .section-title-new { font-family:'Tajawal',sans-serif; text-align:center; font-size:1.3rem; font-weight:800; color:var(--cream); margin-bottom:4px; }
        .section-sub-new { text-align:center; font-size:0.85rem; color:var(--text-muted); margin-bottom:18px; }
        .section-divider { width:50px; height:2px; margin:0 auto 22px; background:linear-gradient(90deg, transparent, var(--primary-orange), transparent); border-radius:2px; }

        /* ═══ About (text only, no slider) ═══ */
        .about-text-new { max-width:600px; margin:0 auto; text-align:center; }
        .about-text-new p { font-size:0.9rem; color:rgba(253,246,227,0.7); line-height:1.9; margin-bottom:12px; }

        /* ═══ WhatsApp CTA button (concept style) ═══ */
        .btn-whatsapp-new { display:inline-flex; align-items:center; gap:10px; padding:14px 40px; border-radius:30px; background:#25d366; color:#fff; font-family:'Tajawal',sans-serif; font-size:1rem; font-weight:600; box-shadow:0 4px 20px rgba(37,211,102,0.3); transition:all 0.3s; text-decoration:none; }
        .btn-whatsapp-new:hover { transform:translateY(-2px); box-shadow:0 6px 28px rgba(37,211,102,0.45); color:#fff; }

        /* ═══ Hero max height on desktop ═══ */
        @media (min-width:769px) {
            .hero-new { max-height:70vh; }
            .hero-content { padding:60px 20px 70px; }
        }