1<!DOCTYPE html><html lang="fr" class="dark lenis" dir="ltr"><head> 2 <meta charset="UTF-8"> 3 <link rel="icon" href="/favicon.ico" sizes="any"> 4 <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> 5 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="theme-color" content="#0b0a14"> 8 9 <meta name="keywords" content="radio maroc, radio marocaine, radio maroc en direct, écouter radio maroc, radio maroc online, radio fm maroc, hit radio, radio mars, chada fm, medi 1"> 10 <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large"> 11 <meta name="author" content="Radio Maroc"> 12 <meta name="language" content="French"> 13 14 15 16 17 18 19 20 21 <meta property="og:image:type" content="image/png"> 22 <meta property="og:image:width" content="1200"> 23 <meta property="og:image:height" content="630"> 24 <link rel="preconnect" href="https://fonts.googleapis.com"> 25 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 26 <!-- Trim font weights to only the ones the UI actually uses --> 27 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&
27family=Space+Grotesk:wght@600;700&display=swap" rel="stylesheet"> 28 <link rel="preload" href="/radios.json" as="fetch" crossorigin=""> 29 <title>Radio Maroc en direct & en ligne â Hit Radio, Mars, MFM, Medi 1</title> 30 31 <!-- Google AdSense â publisher ca-pub-4081522650992331 --> 32
32<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4081522650992331" crossorigin="anonymous"></script>
32 33 <style> 34 html, body { margin: 0; height: 100%; background: #07060d; color: #fff; 35 font-family: 'Inter', system-ui, sans-serif; } 36 37 /* Pré-rendu du hero â visible dès le parse du HTML (~80 ms), avant 38 que le bundle JS ne soit téléchargé/parsé. Le texte est strictement 39 identique à celui que React rend après mount, donc pas de flash de 40 transition pour l'utilisateur. Supprimé via MutationObserver dès 41 que React injecte du contenu dans #root. */ 42 #pre-hero { 43 position: fixed; inset: 0; z-index: 1; 44 padding: 6.5rem 1.5rem 0; 45 max-width: 80rem; margin: 0 auto; 46 pointer-events: none; 47 transition: opacity 150ms ease-out; 48 } 49 #pre-hero h1 { 50 font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif; 51 font-size: clamp(1.25rem, 2.5vw, 1.5rem); 52 font-weight: 700; line-height: 1.2; 53 letter-spacing: -0.01em; 54 margin: 0; 55 } 56 #pre-hero .accent { 57 background: linear-gradient(90deg, #FF2A3C 0%, #FF6B7A 60%, #FFA07A 100%); 58 -webkit-background-clip: text; background-clip: text; 59 -webkit-text-fill-color: transparent; color: transparent; 60 } 61 #pre-hero p { 62 margin: 0.75rem 0 0; 63 font-size: clamp(0.8125rem, 1.3vw, 0.875rem); 64 color: rgba(255,255,255,0.65); 65 line-height: 1.55; 66 } 67 #pre-hero.hidden { opacity: 0; } 68 </style> 69
69<script type="module" crossorigin="" src="/assets/index-DSe4xHk5.js"></script>
69 70 <link rel="modulepreload" crossorigin="" href="/assets/motion-vendor-B7q2vr8F.js"> 71 <link rel="modulepreload" crossorigin="" href="/assets/react-vendor-CLWv3-uI.js"> 72 <link rel="modulepreload" crossorigin="" href="/assets/icons-vendor-BN1II49P.js"> 73 <link rel="stylesheet" crossorigin="" href="/assets/index-CUQwtRER.css"> 74 <link rel="modulepreload" as="script" crossorigin="" href="/assets/HeroScene-BDhm3rJ1.js"><link rel="canonical" href="https://radiolive.ma/" data-rh="true"><link rel="alternate" hreflang="fr-MA" href="https://radiolive.ma/" data-rh="true"><link rel="alternate" hreflang="fr" href="https://radiolive.ma/" data-rh="true"><link rel="alternate" hreflang="ar-MA" href="https://radiolive.ma/ar" data-rh="true"><link rel="alternate" hreflang="ar" href="https://radiolive.ma/ar" data-rh="true"><link rel="alternate" hreflang="ar-FR" href="https://radiolive.ma/ar/min-faransa" data-rh="true"><link rel="alternate" hreflang="ar-BE" href="https://radiolive.ma/ar/min-belgika" data-rh="true"><link rel="alternate" hreflang="ar-NL" href="https://radiolive.ma/ar/min-holanda" data-rh="true"><link rel="alternate" hreflang="ar-ES" href="https://radiolive.ma/ar/min-isbania" data-rh="true"><link rel="alternate" hreflang="ar-IT" href="https://radiolive.ma/ar/min-italia" data-rh="true"><link rel="alternate" hreflang="ar-DE" href="https://radiolive.ma/ar/min-almania" data-rh="true"><link rel="alternate" hreflang="ar-CA" href="https://radiolive.ma/ar/min-kanada" data-rh="true"><link rel="alternate" hreflang="ar-US" href="https://radiolive.ma/ar/min-amrika" data-rh="true"><link rel="alternate" hreflang="x-default" href="https://radiolive.ma/" data-rh="true"><meta name="description" content="Radio Maroc en direct et en ligne. Ãcoutez Hit Radio Maroc, Radio Mars Maroc, MFM Radio Maroc, Medi 1, Chada FM et 49 radios marocaines en streaming HD gratuit, sans inscription, depuis le Maroc ou l'étranger." data-rh="true"><meta property="og:type" content="website" data-rh="true"><meta property="og:site_name" content="Radio Maroc" data-rh="true"><meta property="og:title" content="Radio Maroc en direct & en ligne â Hit Radio, Mars, MFM, Medi 1" data-rh="true"><meta property="og:description" content="Radio Maroc en direct et en ligne. Ãcoutez Hit Radio Maroc, Radio Mars Maroc, MFM Radio Maroc, Medi 1, Chada FM et 49 radios marocaines en streaming HD gratuit, sans inscription, depuis le Maroc ou l'étranger." data-rh="true"><meta property="og:url" content="https://radiolive.ma/" data-rh="true"><meta property="og:image" content="http://127.0.0.1:45678/og-default.png" data-rh="true"><meta property="og:locale" content="fr_MA" data-rh="true"><meta property="og:locale:alternate" content="ar_MA" data-rh="true"><meta name="twitter:card" content="summary_large_image" data-rh="true"><meta name="twitter:title" content="Radio Maroc en direct & en ligne â Hit Radio, Mars, MFM, Medi 1" data-rh="true"><meta name="twitter:description" content="Radio Maroc en direct et en ligne. Ãcoutez Hit Radio Maroc, Radio Mars Maroc, MFM Radio Maroc, Medi 1, Chada FM et 49 radios marocaines en streaming HD gratuit, sans inscription, depuis le Maroc ou l'étranger." data-rh="true"><meta name="twitter:image" content="http://127.0.0.1:45678/og-default.png" data-rh="true">
74<script type="application/ld+json" data-rh="true">{"@context":"https://schema.org","@type":"WebSite","name":"Radio Maroc","url":"http://127.0.0.1:45678","inLanguage":"fr-MA","potentialAction":{"@type":"SearchAction","target":"http://127.0.0.1:45678/?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
74<script type="application/ld+json" data-rh="true">{"@context":"https://schema.org","@type":"Organization","name":"Radio Maroc","alternateName":"إذاعات اÙÙ
غرب","url":"https://radiolive.ma","logo":"https://radiolive.ma/favicon-master.png","image":"https://radiolive.ma/og-default.png","sameAs":["https://x.com/MarocLive123","https://www.facebook.com/share/1KHqPm4R4V/","https://www.youtube.com/@radiolivemaroc-u3j","https://www.linkedin.com/in/radio-live-maroc-00ab2240b/","https://medium.com/@radiolive.ma","https://radiolivemaroc.substack.com"]}</script>
74<script type="application/ld+json" data-rh="true">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Comment écouter la radio marocaine en direct ?","acceptedAnswer":{"@type":"Answer","text":"Ouvrez notre page d'accueil, choisissez une radio dans le catalogue (plus de 50 stations disponibles) et cliquez sur Ãcouter. L'écoute démarre en quelques secondes, sans inscription ni téléchargement."}},{"@type":"Question","name":"L'écoute est-elle vraiment gratuite ?","acceptedAnswer":{"@type":"Answer","text":"Oui, totalement. Aucun abonnement, aucun compte, aucune limite. Le site est financé par une publicité discrète qui ne perturbe jamais l'écoute audio."}},{"@type":"Question","name":"Puis-je écouter la radio marocaine depuis l'étranger ?","acceptedAnswer":{"@type":"Answer","text":"Oui, toutes les radios sont accessibles depuis n'importe quel pays, sans VPN. Particulièrement populaire auprès des MRE en France, Belgique, Pays-Bas, Espagne, Canada et Ãtats-Unis."}},{"@type":"Question","name":"Quelle qualité audio pour l'écoute en ligne ?","acceptedA
74nswer":{"@type":"Answer","text":"La qualité dépend de la station : entre 64 kbps (mono basique) et 256 kbps (stéréo HD HLS). Medi 1 Radio, Hit Radio et Radio 2M proposent les flux les plus nets."}},{"@type":"Question","name":"L'écoute fonctionne-t-elle en arrière-plan sur smartphone ?","acceptedAnswer":{"@type":"Answer","text":"Oui, sur Android l'audio continue après verrouillage de l'écran. Sur iOS, lancez le lecteur puis verrouillez : la radio reste audible, contrôlable depuis le centre de contrôle."}}]}</script>
74</head> 75 <body class="bg-ink-950 text-white antialiased"> 76 <div id="root"><div class="pointer-events-none fixed inset-0 z-0 overflow-hidden"><div class="aurora" style="width: 560px; height: 560px; top: -140px; right: -140px; background: rgb(124, 77, 255); transform: translateX(1.62817px) translateY(1.08544px);"></div><div class="aurora" style="width: 600px; height: 600px; bottom: -180px; left: -160px; background: rgb(56, 189, 248); transform: translateX(-0.970782px) translateY(-0.776626px);"></div><div class="aurora" style="width: 360px; height: 360px; top: 40%; left: 50%; background: rgb(236, 72, 153); opacity: 0.22; transform: translateX(-39.4944px) translateY(-29.6208px);"></div><div class="absolute inset-0 bg-gradient-to-b from-transparent via-ink-950/40 to-ink-950/75 pointer-events-none"></div></div><button type="button" aria-label="Ouvrir le menu" aria-expanded="false" class="fixed top-3 left-3 z-40 inline-flex items-center justify-center h-10 w-10 rounded-full glass-strong shadow-card hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5 text-white/85"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button><div aria-hidden="true" class="hidden 2xl:block fixed left-6 top-28 z-20 pointer-events-none"><svg class="rm-mark " viewBox="-512 -512 1024 1024" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Radio Maroc" width="220" height="220" style="display: block;"><defs><radialGradient id="rmAura" cx="0" cy="-40" r="0.7" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#FF2A3C" stop-opacity="0.45"></stop><stop offset="60%" stop-color="#E60E1F" stop-opacity="0"></stop></radialGradient><linearGradient id="rmRingG" x1="0" y1="-1" x2="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0%" stop-color="#2EE39F" stop-opacity="1"></stop><stop offset="100%" stop-color="#006233" stop-opacity="0.6"></stop></linearGradient><path id="rmTextC" d="M -380 0 A 380 380 0 1 1 380 0 A 380 380 0 1 1 -380 0"></path></defs><circle cx="0" cy="0" r="500" fill="url(#rmAura)"></circle><g class="compassR" stroke="rgba(244,239,227,0.18)" fill="none"><circle r="430" stroke-width="0.8"></circle><circle r="400" stroke-width="0.4" stroke-dasharray="2 6"></circle></g><g stroke="rgba(244,239,227,0.35)" stroke-linecap="round"><line x1="0.00" y1="-410.00" x2="0.00" y2="-425.00" stroke-width="2.5" opacity="0.85"></line><line x1="81.55" y1="-409.97" x2="82.91" y2="-416.83" stroke-width="1.2" opacity="0.45"></line><line x1="159.96" y1="-386.18" x2="162.64" y2="-392.65" stroke-width="1.2" opacity="0.45"></line><line x1="232.23" y1="-347.55" x2="236.12" y2="-353.37" stroke-width="1.2" opacity="0.45"></line><line x1="289.91" y1="-289.91" x2="300.52" y2="-300.52" stroke-width="2.5" opacity="0.85"></line><line x1="347.55" y1="-232.23" x2="353.37" y2="-236.12" stroke-width="1.2" opacity="0.45"></line><line x1="386.18" y1="-159.96" x2="392.65" y2="-162.64" stroke-width="1.2" opacity="0.45"></line><line x1="409.97" y1="-81.55" x2="416.83" y2="-82.91" stroke-width="1.2" opacity="0.45"></line><line x1="410.00" y1="0.00" x2="425.00" y2="0.00" stroke-width="2.5" opacity="0.85"></line><line x1="409.97" y1="81.55" x2="416.83" y2="82.91" stroke-width="1.2" opacity="0.45"></line><line x1="386.18" y1="159.96" x2="392.65" y2="162.64" stroke-width="1.2" opacity="0.45"></line><line x1="347.55" y1="232.23" x2="353.37" y2="236.12" stroke-width="1.2" opacity="0.45"></line><line x1="289.91" y1="289.91" x2="300.52" y2="300.52" stroke-width="2.5" opacity="0.85"></line><line x1="232.23" y1="347.55" x2="236.12" y2="353.37" stroke-width="1.2" opacity="0.45"></line><line x1="159.96" y1="386.18" x2="162.64" y2="392.65" stroke-width="1.2" opacity="0.45"></line><line x1="81.55" y1="409.97" x2="82.91" y2="416.83" stroke-width="1.2" opacity="0.45"></line><line x1="0.00" y1="410.00" x2="0.00" y2="425.00" stroke-width="2.5" opacity="0.85"></line><line x1="-81.55" y1="409.97" x2="-82.91" y2="416.83" stroke-width="1.2" opacity="0.45"></line><line x1="-159.96" y1="386.18" x2="-162.64" y2="392.65" stroke-width="1.2" opacity="0.45"></line><line x1="-232.23" y1="347.55" x2="-236.12" y2="353.37" stroke-width="1.2" opacity="0.45"></line><line x1="-289.91" y1="289.91" x2="-300.52" y2="300.52" stroke-width="2.5" opacity="0.85"></line><line x1="-347.55" y1="232.23" x2="-353.37" y2="236.12" stroke-width="1.2" opacity="0.45"></line><line x1="-386.18" y1="159.96" x2="-392.65" y2="162.64" stroke-width="1.2" opacity="0.45"></line><line x1="-409.97" y1="81.55" x2="-416.83" y2="82.91" stroke-width="1.2" opacity="0.45"></line><line x1="-410.00" y1="0.00" x2="-425.00" y2="0.00" stroke-width="2.5" opacity="0.85"></line><line x1="-409.97" y1="-81.55" x2="-416.83" y2="-82.91" stroke-width="1.2" opacity="0.45"></line><line x1="-386.18" y1="-159.96" x2="-392.65" y2="-162.64" stroke-width="1.2" opacity="0.45"></line><line x1="-347.55" y1="-232.23" x2="-353.37" y2="-236.12" stroke-width="1.2" opacity="0.45"></line><line x1="-289.91" y1="-289.91" x2="-300.52" y2="-300.52" stroke-width="2.5" opacity="0.85"></line><line x1="-232.23" y1="-347.55" x2="-236.12" y2="-353.37" stroke-width="1.2" opacity="0.45"></line><line x1="-159.96" y1="-386.18" x2="-162.64" y2="-392.65" stroke-width="1.2" opacity="0.45"></line><line x1="-81.55" y1="-409.97" x2="-82.91" y2="-416.83" stroke-width="1.2" opacity="0.45"></line></g>
76<g fill="none" stroke="url(#rmRingG)" stroke-linecap="round"><circle class="pulse pulse-1" r="320" stroke-width="2.5" stroke-dasharray="4 8" opacity="0.85"></circle><circle class="pulse pulse-2" r="265" stroke-width="3" opacity="0.65"></circle><circle class="pulse pulse-3" r="215" stroke-width="3" opacity="0.45"></circle></g><g fill="none" stroke="#2EE39F" stroke-linecap="round" opacity="0.85"><path d="M -260 -120 A 286 286 0 0 1 -120 -260" stroke-width="6"></path><path d="M 260 120 A 286 286 0 0 1 120 260" stroke-width="6"></path></g><g class="starGlow"><path d="M 0.00 -200.00 L 117.56 161.80 L -190.21 -61.80 L 190.21 -61.80 L -117.56 161.80 Z" fill="none" stroke="#2EE39F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round" opacity="0.9"></path><path d="M 0.00 -200.00 L 45.85 -63.10 L 190.21 -61.80 L 74.18 24.10 L 117.56 161.80 L 0.00 78.00 L -117.56 161.80 L -74.18 24.10 L -190.21 -61.80 L -45.85 -63.10 Z" fill="none" stroke="#E60E1F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"></path></g><circle r="5" fill="#F4EFE3"></circle><circle cx="0" cy="360" r="4" fill="#F4EFE3" opacity="0.5"></circle><text font-family="Inter, system-ui, sans-serif" font-size="22" letter-spacing="14" fill="rgba(244,239,227,0.45)"><textPath href="#rmTextC" startOffset="0">RADIO MAROC · BROADCASTING · ON AIR · ESTD ٢٠٢٦ · </textPath></text></svg></div><aside aria-label="Publicité" class="hidden 2xl:flex pointer-events-auto fixed right-3 top-[2rem] z-20 flex-col items-center gap-2 " style="width: 120px;"><span class="text-[11px] sm:text-[10px] uppercase tracking-[0.18em] text-white/35">Publicité</span><div class="relative overflow-hidden rounded-2xl glass-strong" style="width: 120px; height: 300px;"><ins class="adsbygoogle absolute inset-0" data-ad-client="ca-pub-4081522650992331" data-ad-slot="6941262499" data-ad-format="auto" data-full-width-responsive="false" style="display: block; width: 100%; height: 100%;"></ins></div></aside><aside aria-label="Publicité" class="hidden 2xl:flex pointer-events-auto fixed right-3 bottom-[2rem] z-20 flex-col items-center gap-2 " style="width: 120px;"><span class="text-[11px] sm:text-[10px] uppercase tracking-[0.18em] text-white/35">Publicité</span><div class="relative overflow-hidden rounded-2xl glass-strong" style="width: 120px; height: 300px;"><ins class="adsbygoogle absolute inset-0" data-ad-client="ca-pub-4081522650992331" data-ad-slot="8055953485" data-ad-format="auto" data-full-width-responsive="false" style="display: block; width: 100%; height: 100%;"></ins></div></aside><div class="relative z-10 min-h-screen flex flex-col"><header class="sticky top-0 z-30 px-4 sm:px-6 py-4" style="opacity: 1; transform: none;"><div class="mx-auto max-w-7xl glass-strong rounded-2xl pl-14 sm:pl-5 pr-3 sm:pr-5 py-3 flex items-center gap-3 sm:gap-5"><div class="flex items-center gap-3 min-w-0"><a aria-label="Accueil â Radio Maroc" class="shrink-0" href="/" data-discover="true"><span class="hidden sm:block"><svg class="rm-mark " viewBox="-512 -512 1024 1024" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Radio Maroc" width="72" height="72" style="display: block;"><defs><radialGradient id="rmAura" cx="0" cy="-40" r="0.7" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#FF2A3C" stop-opacity="0.45"></stop><stop offset="60%" stop-color="#E60E1F" stop-opacity="0"></stop></radialGradient><linearGradient id="rmRingG" x1="0" y1="-1" x2="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0%" stop-color="#2EE39F" stop-opacity="1"></stop><stop offset="100%" stop-color="#006233" stop-opacity="0.6"></stop></linearGradient><path id="rmTextC" d="M -380 0 A 380 380 0 1 1 380 0 A 380 380 0 1 1 -380 0"></path></defs><circle cx="0" cy="0" r="500" fill="url(#rmAura)"></circle><g class="compassR" stroke="rgba(244,239,227,0.18)" fill="none"><circle r="430" stroke-width="0.8"></circle><circle r="400" stroke-width="0.4" stroke-dasharray="2 6"></circle></g><g stroke="rgba(244,239,227,0.35)" stroke-linecap="round"><line x1="0.00" y1="-410.00" x2="0.00" y2="-425.00" stroke-width="2.5" opacity="0.85"></line><line x1="81.55" y1="-409.97" x2="82.91" y2="-416.83" stroke-width="1.2" opacity="0.45"></line><line x1="159.96" y1="-386.18" x2="162.64" y2="-392.65" stroke-width="1.2" opacity="0.45"></line><line x1="232.23" y1="-347.55" x2="236.12" y2="-353.37" stroke-width="1.2" opacity="0.45"></line><line x1="289.91" y1="-289.91" x2="300.52" y2="-300.52" stroke-width="2.5" opacity="0.85"></line><line x1="347.55" y1="-232.23" x2="353.37" y2="-236.12" stroke-width="1.2" opacity="0.45"></line><line x1="386.18" y1="-159.96" x2="392.65" y2="-162.64" stroke-width="1.2" opacity="0.45"></line><line x1="409.97" y1="-81.55" x2="416.83" y2="-82.91" stroke-width="1.2" opacity="0.45"></line><line x1="410.00" y1="0.00" x2="425.00" y2="0.00" stroke-width="2.5" opacity="0.85"></line><line x1="409.97" y1="81.55" x2="416.83" y2="82.91" stroke-width="1.2" opacity="0.45"></line><line x1="386.18" y1="159.96" x2="392.65" y2="162.64" stroke-width="1.2" opacity="0.45"></line><line x1="347.55" y1="232.23" x2="353.37" y2="236.12" stroke-width="1.2" opacity="0.45"></line><line x1="289.91" y1="289.91" x2="300.52" y2="300.52" stroke-width="2.5" opacity="0.85"></line><line x1="232.23" y1="347.55" x2="236.12" y2="353.37" stroke-width="1.2" opacity="0.45"></line><line x1="159.96" y1="386.18" x2="162.64" y2="392.65" stroke-width="1.2" opacity="0.45"></line><line x1="81.55" y1="409.97" x2="82.91" y2="416.83" stroke-width="1.2" opacity="0.45"></line><line x1="0.00" y1="410.00" x2="0.00" y2="425.00" stroke-width="2.5" opacity="0.85"></line><line x1="-81.55" y1="409.97" x2="-82.91" y2="416.83" stroke-width="1.2" opacity="0.45"></line><line x1="-159.96" y1="386.18" x2="-162.64" y2="392.65" stroke-width="1.2" opacity="0.45"></line><line x1="-232.23" y1="347.55" x2="-236.12" y2="353.37" stroke-width="1.2" opacity="0.45"></line><line x1="-289.91" y1="289.91" x2="-300.52" y2="300.52" stroke-width="2.5" opacity="0.85"></line><line x1="-347.55" y1="232.23" x2="-353.37" y2="236.12" stroke-width="1.2" opacity="0.45"></line><line x1="-386.18" y1="159.96" x2="-392.65" y2="162.64" stroke-width="1.2" opacity="0.45"></line><line x1="-409.97" y1="81.55" x2="-416.83" y2="82.91" stroke-width="1.2" opacity="0.45"></line><line x1="-410.00" y1="0.00" x2="-425.00" y2="0.00" stroke-width="2.5" opacity="0.85"></line><line x1="-409.97" y1="-81.55" x2="-416.83" y2="-82.91" stroke-width="1.2" opacity="0.45"></line><line x1="-386.18" y1="-159.96" x2="-392.65" y2="-162.64" stroke-width="1.2" opacity="0.45"></line><line x1="-347.55" y1="-232.23" x2="-353.37" y2="-236.12" stroke-width="1.2" opacity="0.45"></line><line x1="-289.91" y1="-289.91" x2="-300.52" y2="-300.52" stroke-width="2.5" opacity="0.85"></line><line x1="-232.23" y1="-347.55" x2="-236.12" y2="-353.37" stroke-width="1.2" opacity="0.45"></line><line x1="-159.96" y1="-386.18" x2="-162.64" y2="-392.65" stroke-width="1.2" opacity="0.45"></line><line x1="-81.55" y1="-409.97" x2="-82.91" y2="-416.83" stroke-width="1.2" opacity="0.45"></line></g>
76<g fill="none" stroke="url(#rmRingG)" stroke-linecap="round"><circle class="pulse pulse-1" r="320" stroke-width="2.5" stroke-dasharray="4 8" opacity="0.85"></circle><circle class="pulse pulse-2" r="265" stroke-width="3" opacity="0.65"></circle><circle class="pulse pulse-3" r="215" stroke-width="3" opacity="0.45"></circle></g><g fill="none" stroke="#2EE39F" stroke-linecap="round" opacity="0.85"><path d="M -260 -120 A 286 286 0 0 1 -120 -260" stroke-width="6"></path><path d="M 260 120 A 286 286 0 0 1 120 260" stroke-width="6"></path></g><g class="starGlow"><path d="M 0.00 -200.00 L 117.56 161.80 L -190.21 -61.80 L 190.21 -61.80 L -117.56 161.80 Z" fill="none" stroke="#2EE39F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round" opacity="0.9"></path><path d="M 0.00 -200.00 L 45.85 -63.10 L 190.21 -61.80 L 74.18 24.10 L 117.56 161.80 L 0.00 78.00 L -117.56 161.80 L -74.18 24.10 L -190.21 -61.80 L -45.85 -63.10 Z" fill="none" stroke="#E60E1F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"></path></g><circle r="5" fill="#F4EFE3"></circle><circle cx="0" cy="360" r="4" fill="#F4EFE3" opacity="0.5"></circle><text font-family="Inter, system-ui, sans-serif" font-size="22" letter-spacing="14" fill="rgba(244,239,227,0.45)"><textPath href="#rmTextC" startOffset="0">RADIO MAROC · BROADCASTING · ON AIR · ESTD ٢٠٢٦ · </textPath></text></svg></span><span class="sm:hidden"><svg class="rm-mark " viewBox="-512 -512 1024 1024" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Radio Maroc" width="48" height="48" style="display: block;"><defs><radialGradient id="rmAura" cx="0" cy="-40" r="0.7" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#FF2A3C" stop-opacity="0.45"></stop><stop offset="60%" stop-color="#E60E1F" stop-opacity="0"></stop></radialGradient><linearGradient id="rmRingG" x1="0" y1="-1" x2="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0%" stop-color="#2EE39F" stop-opacity="1"></stop><stop offset="100%" stop-color="#006233" stop-opacity="0.6"></stop></linearGradient><path id="rmTextC" d="M -380 0 A 380 380 0 1 1 380 0 A 380 380 0 1 1 -380 0"></path></defs><circle cx="0" cy="0" r="500" fill="url(#rmAura)"></circle><g class="compassR" stroke="rgba(244,239,227,0.18)" fill="none"><circle r="430" stroke-width="0.8"></circle><circle r="400" stroke-width="0.4" stroke-dasharray="2 6"></circle></g><g stroke="rgba(244,239,227,0.35)" stroke-linecap="round"><line x1="0.00" y1="-410.00" x2="0.00" y2="-425.00" stroke-width="2.5" opacity="0.85"></line><line x1="81.55" y1="-409.97" x2="82.91" y2="-416.83" stroke-width="1.2" opacity="0.45"></line><line x1="159.96" y1="-386.18" x2="162.64" y2="-392.65" stroke-width="1.2" opacity="0.45"></line><line x1="232.23" y1="-347.55" x2="236.12" y2="-353.37" stroke-width="1.2" opacity="0.45"></line><line x1="289.91" y1="-289.91" x2="300.52" y2="-300.52" stroke-width="2.5" opacity="0.85"></line><line x1="347.55" y1="-232.23" x2="353.37" y2="-236.12" stroke-width="1.2" opacity="0.45"></line><line x1="386.18" y1="-159.96" x2="392.65" y2="-162.64" stroke-width="1.2" opacity="0.45"></line><line x1="409.97" y1="-81.55" x2="416.83" y2="-82.91" stroke-width="1.2" opacity="0.45"></line><line x1="410.00" y1="0.00" x2="425.00" y2="0.00" stroke-width="2.5" opacity="0.85"></line><line x1="409.97" y1="81.55" x2="416.83" y2="82.91" stroke-width="1.2" opacity="0.45"></line><line x1="386.18" y1="159.96" x2="392.65" y2="162.64" stroke-width="1.2" opacity="0.45"></line><line x1="347.55" y1="232.23" x2="353.37" y2="236.12" stroke-width="1.2" opacity="0.45"></line><line x1="289.91" y1="289.91" x2="300.52" y2="300.52" stroke-width="2.5" opacity="0.85"></line><line x1="232.23" y1="347.55" x2="236.12" y2="353.37" stroke-width="1.2" opacity="0.45"></line><line x1="159.96" y1="386.18" x2="162.64" y2="392.65" stroke-width="1.2" opacity="0.45"></line><line x1="81.55" y1="409.97" x2="82.91" y2="416.83" stroke-width="1.2" opacity="0.45"></line><line x1="0.00" y1="410.00" x2="0.00" y2="425.00" stroke-width="2.5" opacity="0.85"></line><line x1="-81.55" y1="409.97" x2="-82.91" y2="416.83" stroke-width="1.2" opacity="0.45"></line><line x1="-159.96" y1="386.18" x2="-162.64" y2="392.65" stroke-width="1.2" opacity="0.45"></line><line x1="-232.23" y1="347.55" x2="-236.12" y2="353.37" stroke-width="1.2" opacity="0.45"></line><line x1="-289.91" y1="289.91" x2="-300.52" y2="300.52" stroke-width="2.5" opacity="0.85"></line><line x1="-347.55" y1="232.23" x2="-353.37" y2="236.12" stroke-width="1.2" opacity="0.45"></line><line x1="-386.18" y1="159.96" x2="-392.65" y2="162.64" stroke-width="1.2" opacity="0.45"></line><line x1="-409.97" y1="81.55" x2="-416.83" y2="82.91" stroke-width="1.2" opacity="0.45"></line><line x1="-410.00" y1="0.00" x2="-425.00" y2="0.00" stroke-width="2.5" opacity="0.85"></line><line x1="-409.97" y1="-81.55" x2="-416.83" y2="-82.91" stroke-width="1.2" opacity="0.45"></line><line x1="-386.18" y1="-159.96" x2="-392.65" y2="-162.64" stroke-width="1.2" opacity="0.45"></line><line x1="-347.55" y1="-232.23" x2="-353.37" y2="-236.12" stroke-width="1.2" opacity="0.45"></line><line x1="-289.91" y1="-289.91" x2="-300.52" y2="-300.52" stroke-width="2.5" opacity="0.85"></line><line x1="-232.23" y1="-347.55" x2="-236.12" y2="-353.37" stroke-width="1.2" opacity="0.45"></line><line x1="-159.96" y1="-386.18" x2="-162.64" y2="-392.65" stroke-width="1.2" opacity="0.45"></line><line x1="-81.55" y1="-409.97" x2="-82.91" y2="-416.83" stroke-width="1.2" opacity="0.45"></line></g>
76<g fill="none" stroke="url(#rmRingG)" stroke-linecap="round"><circle class="pulse pulse-1" r="320" stroke-width="2.5" stroke-dasharray="4 8" opacity="0.85"></circle><circle class="pulse pulse-2" r="265" stroke-width="3" opacity="0.65"></circle><circle class="pulse pulse-3" r="215" stroke-width="3" opacity="0.45"></circle></g><g fill="none" stroke="#2EE39F" stroke-linecap="round" opacity="0.85"><path d="M -260 -120 A 286 286 0 0 1 -120 -260" stroke-width="6"></path><path d="M 260 120 A 286 286 0 0 1 120 260" stroke-width="6"></path></g><g class="starGlow"><path d="M 0.00 -200.00 L 117.56 161.80 L -190.21 -61.80 L 190.21 -61.80 L -117.56 161.80 Z" fill="none" stroke="#2EE39F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round" opacity="0.9"></path><path d="M 0.00 -200.00 L 45.85 -63.10 L 190.21 -61.80 L 74.18 24.10 L 117.56 161.80 L 0.00 78.00 L -117.56 161.80 L -74.18 24.10 L -190.21 -61.80 L -45.85 -63.10 Z" fill="none" stroke="#E60E1F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"></path></g><circle r="5" fill="#F4EFE3"></circle><circle cx="0" cy="360" r="4" fill="#F4EFE3" opacity="0.5"></circle><text font-family="Inter, system-ui, sans-serif" font-size="22" letter-spacing="14" fill="rgba(244,239,227,0.45)"><textPath href="#rmTextC" startOffset="0">RADIO MAROC · BROADCASTING · ON AIR · ESTD ٢٠٢٦ · </textPath></text></svg></span></a><div class="min-w-0"><a class="block font-display font-bold text-base sm:text-lg leading-tight truncate hover:opacity-90 transition-opacity" href="/" data-discover="true">Radio <span class="gradient-text">Maroc</span></a><p class="text-[11px] text-white/50 -mt-0.5 hidden sm:block">En direct et en ligne · +50 Stations Radio Marocaines</p></div></div><div aria-hidden="true" class="hidden lg:flex items-end gap-0.5 h-6 ml-8"><span class="eq-bar"></span><span class="eq-bar"></span><span class="eq-bar"></span><span class="eq-bar"></span><span class="eq-bar"></span></div><nav class="ml-auto hidden sm:flex items-center gap-1 p-1 rounded-full glass"><button class="relative inline-flex items-center gap-2 rounded-full px-4 py-2 text-xs font-semibold transition-all bg-white text-ink-950 shadow-soft"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Toutes</button><button class="relative inline-flex items-center gap-2 rounded-full px-4 py-2 text-xs font-semibold transition-all text-white/70 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3.5 w-3.5"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg>Favoris</button></nav><button aria-label="ð²ð¦ Ø§ÙØ¹Ø±Ø¨ÙØ©" title="ð²ð¦ Ø§ÙØ¹Ø±Ø¨ÙØ©" class="inline-flex items-center gap-1.5 px-3 h-10 rounded-full glass text-[11px] font-semibold text-white/85 hover:bg-white/10 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3.5 w-3.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>ð²ð¦ Ø§ÙØ¹Ø±Ø¨ÙØ©</button><button aria-label="Basculer le thème" class="icon-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-4 w-4"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button></div><nav class="mx-auto max-w-7xl mt-3 sm:hidden flex items-center gap-1 p-1 rounded-full glass-strong"><button class="relative inline-flex items-center gap-2 rounded-full px-4 py-2 text-xs font-semibold transition-all flex-1 justify-center bg-white text-ink-950 shadow-soft"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Toutes</button><button class="relative inline-flex items-center gap-2 rounded-full px-4 py-2 text-xs font-semibold transition-all flex-1 justify-center text-white/70 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3.5 w-3.5"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg>
76Favoris</button></nav></header><main class="flex-1 px-4 sm:px-6 pb-24 sm:pb-40"><div class="mx-auto max-w-7xl"><section class="pt-6 sm:pt-10 pb-2" style="opacity: 1; transform: none;"><div class="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3 sm:gap-6"><div class="min-w-0 sm:flex-1"><h1 class="font-display text-xl sm:text-xl md:text-2xl font-bold leading-tight text-balance">Radio Maroc en direct â <span class="gradient-text">Ãcouter en ligne toutes les stations marocaines</span></h1><p class="mt-2 sm:mt-3 text-[13px] sm:text-[13.5px] text-white/65 leading-relaxed">Ãcoutez les radios du Maroc en direct, gratuitement et sans inscription. Plus de 50 stations FM et webradios diffusent leur signal 24 heures sur 24 sur notre plateforme. Sélectionnez une station, cliquez sur écouter, et profitez du Maroc en direct depuis n'importe où dans le monde.</p></div><div class="flex items-center gap-2 flex-wrap sm:shrink-0"><span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass text-[11px] font-medium text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-brand-300"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="inline-flex items-center leading-none tabular-nums" style="font-size: 12px; height: 13.8px;"><span class="relative inline-block w-[1ch] overflow-hidden" style="height: 13.8px;"><span class="invisible">0</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(-55.2px);">0</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(-41.4px);">1</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(-27.6px);">2</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(-13.8px);">3</span><span class="absolute inset-0 flex items-center justify-center" style="transform: none;">4</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(13.8px);">5</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(27.6px);">6</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(41.4px);">7</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(55.2px);">8</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(69px);">9</span></span><span class="relative inline-block w-[1ch] overflow-hidden" style="height: 13.8px;"><span class="invisible">0</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(13.8px);">0</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(27.6px);">1</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(41.4px);">2</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(55.2px);">3</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(69px);">4</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(-55.2px);">5</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(-41.4px);">6</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(-27.6px);">7</span><span class="absolute inset-0 flex items-center justify-center" style="transform: translateY(-13.8px);">8</span><span class="absolute inset-0 flex items-center justify-center" style="transform: none;">9</span></span></span> stations en direct</span><button class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full glass text-[11px] font-medium text-white/70 hover:text-white transition-colors disabled:opacity-50" title="Rafraîchir"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw h-3.5 w-3.5 "><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>Rafraîchir</button></div></div></section><div id="grid" class="mt-5 sm:mt-6 scroll-mt-24"><div class="relative w-full" style="opacity: 1; transform: none;"><div class="glass rounded-full flex items-center pl-5 pr-2 py-2 gap-3 transition-all focus-within:ring-2 focus-within:ring-brand-400/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-5 w-5 text-white/60 flex-shrink-0"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input type="search" placeholder="Rechercher une radioâ¦" class="flex-1 bg-transparent outline-none placeholder:text-white/40 text-sm md:text-base py-1.5" aria-label="Rechercher une radio" value=""><span class="hidden sm:flex text-xs text-white/40 px-3 py-1.5 rounded-full border border-white/10">49 stations</span></div></div></div><div class="mt-8 grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-2.5 sm:gap-3" style="transform: none; transform-origin: 50% 50% 0px;"><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Mars" href="/station/radio-mars" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"><img src="/logos/radio-mars.png" alt="Radio Mars" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-mars" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Mars</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(16, 185, 129), rgb(6, 182, 212)); box-shadow: rgba(16, 185, 129, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Hit Radio" href="/station/hit-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/icons/HIT%20RADIO.png" alt="Hit Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/hit-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Hit Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Medi 1 Radio" href="/station/medi-1-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"><img src="/icons/MEDI%201%20RADIO.jpg" alt="Medi 1 Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/medi-1-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Medi 1 Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · HD<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(244, 63, 94), rgb(245, 158, 11)); box-shadow: rgba(244, 63, 94, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1;
76transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de MFM" href="/station/mfm" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246));"><img src="/icons/MFM.png" alt="MFM" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/mfm" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">MFM</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(59, 130, 246), rgb(139, 92, 246)); box-shadow: rgba(59, 130, 246, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Aswat FM" href="/station/aswat-fm" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"><img src="/logos/aswat-fm.png" alt="Aswat FM" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/aswat-fm" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Aswat FM</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(239, 68, 68), rgb(168, 85, 247)); box-shadow: rgba(239, 68, 68, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Med Radio" href="/station/med-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"><img src="/icons/MEDRADIO.jpg" alt="Med Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/med-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Med Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(239, 68, 68), rgb(168, 85, 247)); box-shadow: rgba(239, 68, 68, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Chada FM" href="/station/chada-fm" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/icons/CHADA%20FM.jpg" alt="Chada FM" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/chada-fm" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Chada FM</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · HD<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de U Radio" href="/station/u-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"><img src="/logos/u-radio.png" alt="U Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/u-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">U Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background:
76linear-gradient(120deg, rgb(124, 77, 255), rgb(56, 189, 248)); box-shadow: rgba(124, 77, 255, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Atlantic Radio" href="/station/atlantic-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"><img src="/logos/atlantic-radio.webp" alt="Atlantic Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/atlantic-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Atlantic Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(168, 85, 247), rgb(236, 72, 153)); box-shadow: rgba(168, 85, 247, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio 2M" href="/station/radio-2m" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"><img src="/icons/Radio%202M.png" alt="Radio 2M" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-2m" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio 2M</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · HD<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(124, 77, 255), rgb(56, 189, 248)); box-shadow: rgba(124, 77, 255, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 179, 8));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Cap Radio" href="/station/cap-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 179, 8));"><img src="/icons/CAP%20RADIO.png" alt="Cap Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/cap-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Cap Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(249, 115, 22), rgb(234, 179, 8)); box-shadow: rgba(249, 115, 22, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Plus Agadir" href="/station/radio-plus-agadir" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"><img src="/icons/Radio%20Plus%20Agadir.svg" alt="Radio Plus Agadir" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-plus-agadir" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Plus Agadir</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(168, 85, 247), rgb(236, 72, 153)); box-shadow: rgba(168, 85, 247, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Marrakech Plus" href="/station/marrakech-plus" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/icons/Marrakech%20Plus.jpg" alt="Marrakech Plus" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/marrakech-plus" data-discover="true"><h
763 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Marrakech Plus</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Adwaa FM" href="/station/adwaa-fm" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"><img src="/icons/Adwaa%20FM.png" alt="Adwaa FM" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/adwaa-fm" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Adwaa FM</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(168, 85, 247), rgb(236, 72, 153)); box-shadow: rgba(168, 85, 247, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Medina FM" href="/station/medina-fm" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"><img src="/icons/MEDINAFM.png" alt="Medina FM" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/medina-fm" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Medina FM</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(239, 68, 68), rgb(168, 85, 247)); box-shadow: rgba(239, 68, 68, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Yabiladi" href="/station/radio-yabiladi" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/icons/Radio%20Yabiladi.webp" alt="Radio Yabiladi" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-yabiladi" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Yabiladi</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Abdul Basit" href="/station/abdul-basit" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"><img src="/logos/abdul-basit.webp" alt="Abdul Basit" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/abdul-basit" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Abdul Basit</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(244, 63, 94), rgb(245, 158, 11)); box-shadow: rgba(244, 63, 94, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Achkid FM" href="/station/achkid-fm" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow
76-card" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"><img src="/logos/achkid-fm.png" alt="Achkid FM" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/achkid-fm" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Achkid FM</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(239, 68, 68), rgb(168, 85, 247)); box-shadow: rgba(239, 68, 68, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Al Quran Radio" href="/station/al-quran-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"><img src="/icons/QORAN%20RADIO.png" alt="Al Quran Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div>
76<a class="flex-1 min-w-0 group/title" href="/station/al-quran-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Al Quran Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(244, 63, 94), rgb(245, 158, 11)); box-shadow: rgba(244, 63, 94, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Aziz Al Mustaphi" href="/station/aziz-al-mustaphi" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"><img src="/icons/QORAN%20RADIO.png" alt="Aziz Al Mustaphi" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/aziz-al-mustaphi" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Aziz Al Mustaphi</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(124, 77, 255), rgb(56, 189, 248)); box-shadow: rgba(124, 77, 255, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Fayroz" href="/station/fayroz" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"><img src="/logos/fayroz.jpg" alt="Fayroz" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/fayroz" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Fayroz</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(239, 68, 68), rgb(168, 85, 247)); box-shadow: rgba(239, 68, 68, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Hip Hop Soul Radio Radio Music" href="/station/hip-hop-soul-radio-radio-music" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/logos/hip-hop-soul-radio.webp" alt="Hip Hop Soul Radio Radio Music" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/hip-hop-soul-radio-radio-music" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Hip Hop Soul Radio Radio Music</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Maher Al Muaiqly" href="/station/maher-al-muaiqly" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"><img src="/logos/maher-al-muaiqly.webp" alt="Maher Al Muaiqly" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/maher-al-muaiqly" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Maher Al Muaiqly</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(124, 77, 255), rgb(56, 189, 248)); box-shadow: rgba(124, 77, 255, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a clas
76s="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Medi 1 Classique" href="/station/medi-1-classique" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/logos/medi-1-classique.ico" alt="Medi 1 Classique" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/medi-1-classique" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Medi 1 Classique</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Medi 1 DJ" href="/station/medi-1-dj" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"><img src="/default-radio.svg" alt="Medi 1 DJ" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/medi-1-dj" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Medi 1 DJ</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(124, 77, 255), rgb(56, 189, 248)); box-shadow: rgba(124, 77, 255, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Medi 1 Radio Andalouse" href="/station/medi-1-radio-andalouse" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"><img src="/default-radio.svg" alt="Medi 1 Radio Andalouse" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/medi-1-radio-andalouse" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Medi 1 Radio Andalouse</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(168, 85, 247), rgb(236, 72, 153)); box-shadow: rgba(168, 85, 247, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Medi 1 Tarab" href="/station/medi-1-tarab" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246));"><img src="/default-radio.svg" alt="Medi 1 Tarab" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/medi-1-tarab" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Medi 1 Tarab</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(59, 130, 246), rgb(139, 92, 246)); box-shadow: rgba(59, 130, 246, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Mohammed Ayyub" href="/station/mohammed-ayyub" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"><img src="/logos/mohammed-ayyub.jpg" alt="Mohammed Ayyub" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/mohammed-ayyub" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Mohammed Ayyub</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(124, 77, 255), rgb(56, 189, 248)); box-shadow: rgba(124, 77, 255, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div
76></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Mukhtasar Tafseer" href="/station/mukhtasar-tafseer" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"><img src="/icons/QORAN%20RADIO.png" alt="Mukhtasar Tafseer" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/mukhtasar-tafseer" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Mukhtasar Tafseer</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(16, 185, 129), rgb(6, 182, 212)); box-shadow: rgba(16, 185, 129, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Ness Radio" href="/station/ness-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"><img src="/logos/ness-radio.jpg" alt="Ness Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/ness-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Ness Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(16, 185, 129), rgb(6, 182, 212)); box-shadow: rgba(16, 185, 129, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Only Rai" href="/station/only-rai" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/logos/only-rai.webp" alt="Only Rai" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/only-rai" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Only Rai</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Quran Karim Radio" href="/station/quran-karim-radio" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/icons/QORAN%20RADIO.png" alt="Quran Karim Radio" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/quran-karim-radio" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Quran Karim Radio</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Adwaa Atfal 4" href="/station/radio-adwaa-atfal-4" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"><img src="/default-radio.svg" alt="Radio Adwaa Atfal 4" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-adwaa-atfal-4" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Adwaa Atfal 4</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-wid
76th="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(244, 63, 94), rgb(245, 158, 11)); box-shadow: rgba(244, 63, 94, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Adwaa Mazika 5" href="/station/radio-adwaa-mazika-5" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"><img src="/logos/radio-adwaa-mazika-5.webp" alt="Radio Adwaa Mazika 5" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-adwaa-mazika-5" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Adwaa Mazika 5</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(239, 68, 68), rgb(168, 85, 247)); box-shadow: rgba(239, 68, 68, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Adwaa Music 3" href="/station/radio-adwaa-music-3" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"><img src="/default-radio.svg" alt="Radio Adwaa Music 3" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-adwaa-music-3" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Adwaa Music 3</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(239, 68, 68), rgb(168, 85, 247)); box-shadow: rgba(239, 68, 68, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Atbir" href="/station/radio-atbir" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"><img src="/logos/radio-atbir.png" alt="Radio Atbir" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-atbir" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Atbir</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(168, 85, 247), rgb(236, 72, 153)); box-shadow: rgba(168, 85, 247, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Azawan" href="/station/radio-azawan" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"><img src="/logos/radio-azawan.png" alt="Radio Azawan" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-azawan" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Azawan</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(244, 63, 94), rgb(245, 158, 11)); box-shadow: rgba(244, 63, 94, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Manarat" href="/station/radio-manarat" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"><img src="/icons/Radio%20Manarat.png" alt="Radio Manarat" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux fa
76voris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-manarat" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Manarat</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(244, 63, 94), rgb(245, 158, 11)); box-shadow: rgba(244, 63, 94, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 179, 8));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Monte Carlo Doualiya" href="/station/radio-monte-carlo-doualiya" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 179, 8));"><img src="/icons/Radio%20Monte%20Carlo%20Doualiya.png" alt="Radio Monte Carlo Doualiya" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-monte-carlo-doualiya" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Monte Carlo Doualiya</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(249, 115, 22), rgb(234, 179, 8)); box-shadow: rgba(249, 115, 22, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio plus" href="/station/radio-plus" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(239, 68, 68), rgb(168, 85, 247));"><img src="/logos/radio-plus.webp" alt="Radio plus" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-plus" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio plus</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(239, 68, 68), rgb(168, 85, 247)); box-shadow: rgba(239, 68, 68, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Sawt Alamal" href="/station/radio-sawt-alamal" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"><img src="/logos/radio-sawt-alamal.png" alt="Radio Sawt Alamal" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-sawt-alamal" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Sawt Alamal</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(16, 185, 129), rgb(6, 182, 212)); box-shadow: rgba(16, 185, 129, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395335px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Star Maroc FM" href="/station/radio-star-maroc-fm" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(20, 184, 166), rgb(34, 211, 238));"><img src="/logos/radio-star-maroc-fm.png" alt="Radio Star Maroc FM" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-star-maroc-fm" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Star Maroc FM</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(20, 184, 166), rgb(34, 211, 238)); box-shadow: rgba(20, 184, 166, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-ful
76l" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Radio Tanger Med" href="/station/radio-tanger-med" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246));"><img src="/logos/radio-tanger-med.png" alt="Radio Tanger Med" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/radio-tanger-med" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Radio Tanger Med</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(59, 130, 246), rgb(139, 92, 246)); box-shadow: rgba(59, 130, 246, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Rap Lbeldi Maroc" href="/station/rap-lbeldi-maroc" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"><img src="/icons/Rap%20Lbeldi%20Maroc.webp" alt="Rap Lbeldi Maroc" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/rap-lbeldi-maroc" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Rap Lbeldi Maroc</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(168, 85, 247), rgb(236, 72, 153)); box-shadow: rgba(168, 85, 247, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Skyrock Casablanca" href="/station/skyrock-casablanca" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(168, 85, 247), rgb(236, 72, 153));"><img src="/logos/skyrock-casablanca.ico" alt="Skyrock Casablanca" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/skyrock-casablanca" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Skyrock Casablanca</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(168, 85, 247), rgb(236, 72, 153)); box-shadow: rgba(168, 85, 247, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Tafseer Ibn Othaymeen" href="/station/tafseer-ibn-othaymeen" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgb(245, 158, 11));"><img src="/icons/QORAN%20RADIO.png" alt="Tafseer Ibn Othaymeen" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/tafseer-ibn-othaymeen" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Tafseer Ibn Othaymeen</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(244, 63, 94), rgb(245, 158, 11)); box-shadow: rgba(244, 63, 94, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Yabiladi Azawan Amazigh" href="/station/yabiladi-azawan-amazigh" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(124, 77, 255), rgb(56, 189, 248));"><img src="/logos/yabiladi-azawan-amazigh.png" alt="Yabiladi Azawan Amazigh" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/yabiladi-azawan-amazigh" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Yabiladi Azawan Amazigh</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="rela
76tive w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(124, 77, 255), rgb(56, 189, 248)); box-shadow: rgba(124, 77, 255, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395327px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 179, 8));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Yabiladi Chaabi Maroc" href="/station/yabiladi-chaabi-maroc" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 179, 8));"><img src="/logos/yabiladi-chaabi-maroc.png" alt="Yabiladi Chaabi Maroc" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/yabiladi-chaabi-maroc" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Yabiladi Chaabi Maroc</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(249, 115, 22), rgb(234, 179, 8)); box-shadow: rgba(249, 115, 22, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article><article class="group relative h-full" style="opacity: 1; transform: translate3d(0px, -0.0395343px, 0px); transform-origin: 50% 50% 0px;"><div class="relative will-change-transform h-full" style="transform-style: preserve-3d; perspective: 800px; transform: none;"><div style="transform: translateZ(0px);"><div class="absolute -inset-px rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity blur-xl" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"></div><div class="relative glass rounded-2xl sm:rounded-3xl p-2.5 sm:p-4 flex flex-col gap-2 sm:gap-3 h-full transition-shadow overflow-hidden "><div class="flex items-start justify-between gap-1.5 sm:gap-3"><a class="rounded-xl sm:rounded-2xl" aria-label="Voir la page de Zine Bladi" href="/station/zine-bladi" data-discover="true"><div class="relative h-10 w-10 sm:h-16 sm:w-16 text-base sm:text-2xl flex-shrink-0 overflow-hidden rounded-2xl shadow-card" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgb(6, 182, 212));"><img src="/icons/ZINE%20BLADI.png" alt="Zine Bladi" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="absolute inset-0 h-full w-full object-cover"></div></a><button aria-label="Ajouter aux favoris" class="icon-btn !h-7 !w-7 sm:!h-9 sm:!w-9 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3 w-3 sm:h-4 sm:w-4 transition-all text-white/70"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><a class="flex-1 min-w-0 group/title" href="/station/zine-bladi" data-discover="true"><h3 class="font-display font-semibold text-[11px] sm:text-base leading-tight truncate group-hover/title:text-white transition-colors">Zine Bladi</h3><p class="text-[9px] sm:text-xs text-white/50 mt-0.5 sm:mt-1 uppercase tracking-wider inline-flex items-center gap-1">Live · Stream<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info hidden sm:inline-block h-3 w-3 opacity-0 group-hover/title:opacity-70 transition-opacity"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></p></a><button class="relative w-full inline-flex items-center justify-center gap-1 sm:gap-2 rounded-full px-2 py-1.5 sm:px-4 sm:py-2.5 text-[11px] sm:text-sm font-semibold text-white overflow-hidden transition-all hover:brightness-110" style="background: linear-gradient(120deg, rgb(16, 185, 129), rgb(6, 182, 212)); box-shadow: rgba(16, 185, 129, 0.6) 0px 12px 30px -12px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-3 w-3 sm:h-4 sm:w-4 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Ãcouter</button></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-3xl mix-blend-overlay opacity-0 group-hover:opacity-100 transition-opacity" style="background: radial-gradient(220px, rgba(255, 255, 255, 0.35), transparent 60%);"></div></div></article></div><div class="mt-12 sm:mt-16 flex flex-col items-center gap-8"><aside aria-label="Publicité" class="hidden md:flex mx-auto flex-col items-center gap-2 " style="width: 970px; max-width: 100%;"><span class="text-[11px] sm:text-[10px] uppercase tracking-[0.18em] text-white/35">Publicité</span><div class="relative overflow-hidden rounded-2xl glass-strong w-full" style="height: 250px;"><ins class="adsbygoogle absolute inset-0" data-ad-client="ca-pub-4081522650992331" data-ad-slot="8798189510" data-ad-format="auto" data-full-width-responsive="true" style="display: block; width: 100%; height: 100%;"></ins></div></aside><aside aria-label="Publicité" class="hidden md:flex mx-auto flex-col items-center gap-2 " style="width: 970px; max-width: 100%;"><span class="text-[11px] sm:text-[10px] uppercase tracking-[0.18em] text-white/35">Publicité</span><div class="relative overflow-hidden rounded-2xl glass-strong w-full" style="height: 250px;"><ins class="adsbygoogle absolute inset-0" data-ad-client="ca-pub-4081522650992331" data-ad-slot="9623266151" data-ad-format="auto" data-full-width-responsive="true" style="display: block; width: 100%; height: 100%;"></ins></div></aside></div><section class="mt-16 sm:mt-20 max-w-6xl mx-auto"><div class="flex items-end justify-between gap-4 mb-5 flex-wrap"><h2 class="font-display text-2xl font-bold">Articles récents</h2><a class="inline-flex items-center gap-1 text-sm text-[#FF6B7A] hover:text-[#FF2A3C] transition" href="/blog" data-discover="true">Tous les articles<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 rtl:rotate-180"><path d="m9 18 6-6-6-6"></path></svg></a></div><div class="grid sm:grid-cols-3 gap-4"><a class="glass rounded-2xl p-5 hover:bg-white/8 transition-colors group" href="/blog/meilleures-radios-marocaines-musique-streaming" data-discover="true"><p class="text-[11px] sm:text-[10px] uppercase tracking-wider text-white/40 mb-2">30 avr. 2026 · 9 min</p><h3 class="font-display font-semibold text-base leading-tight mb-2 line-clamp-2 group-hover:text-[#FF6B7A] transition">Meilleures radios marocaines pour écouter de la musique en streaming gratuit</h3><p class="text-xs text-white/55 line-clamp-3 leading-relaxed">Notre sélection des meilleures radios marocaines pour écouter de la musique en streaming gratuit : chaabi, pop, rap, classique. Guide complet 2026.</p></a><a class="glass rounded-2xl p-5 hover:bg-white/8 transition-colors group" href="/blog/top-10-chansons-marocaines-incontournables" data-discover="true"><p class="text-[11px] sm:text-[10px] uppercase tracking-wider text-white/40 mb-2">30 avr. 2026 · 7 min</p><h3 class="font-display font-semibold text-base leading-tight mb-2 line-clamp-2 group-hover:text-[#FF6B7A] transition">Top 10 chansons marocaines incontournables à écouter au moins une fois</h3><p class="text-xs text-white/55 line-clamp-3 leading-relaxed">De Nass El Ghiwane à Saad Lamjarred : 10 chansons marocaines cultes à écouter absolument. Sélection mêlant patrimoine, chaabi, pop et rap.</p></a><a class="glass rounded-2xl p-5 hover:bg-white/8 transition-colors group" href="/blog/musique-amazighe-maroc" data-discover="true"><p class="text-[11px] sm:text-[10px] uppercase tracking-wider text-white/40 mb-2">30 avr. 2026 · 8 min</p><h3 class="font-display font-semibold text-base leading-tight mb-2 line-clamp-2 group-hover:text-[#FF6B7A] transition">Musique amazighe au Maroc : Ahidous, Ahwach et richesse berbère</h3><p class="text-xs text-white/55 line-clamp-3 leading-relaxed">Plongez dans la musique amazighe marocaine : Ahidous du Moyen Atlas, Ahwach du Souss, chants rifains et nouvelle scène berbère contemporaine.</p></a></div></section><section class="mt-16 sm:mt-20 max-w-6xl mx-auto"><div class="flex items-end justify-between gap-4 mb-5 flex-wrap"><h2 class="font-display text-2xl font-bold inline-flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic-vocal h-5 w-5 text-[#FF6B7A]"><path d="m11 7.601-5.994 8.19a1 1 0 0 0 .1 1.298l.817.818a1 1 0 0 0 1.314.087L15.09 12"></path><path d="M16.5 21.174C15.5 20.5 14.372 20 13 20c-2.058 0-3.928 2.356-6 2-2.072-.356-2.775-3.369-1.5-4.5"></path><circle cx="16" cy="7" r="5"></circle></svg>Ãmissions des radios marocaines</h2></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4"><a class="glass rounded-2xl p-5 hover:bg-white/8 transition-colors group" href="/emissions/conseil-psy-mamoun-dribi" data-discover="true"><p class="text-[11px] sm:text-[10px] uppercase tracking-wider text-[#FF6B7A] mb-2">Ãmission · Med Radio</p><h3 class="font-display font-semibold text-base leading-tight mb-2 line-clamp-2 group-hover:text-[#FF6B7A] transition">Conseil psy avec Mamoun Moubarak Dribi sur Med Radio</h3><p class="text-xs text-white/55 line-clamp-3 leading-relaxed">Tout sur Conseil psy avec Mamoun Moubarak Dribi sur Med Radio : horaires de diffusion, thèmes abordés, biographie de l'animateur. Ãcoutez en direct.</p></a></div></section><section class="mt-12 sm:mt-16"><div class="flex items-center gap-3 mb-5"><div class="h-10 w-10 rounded-xl glass-strong flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-earth h-5 w-5 text-brand-300"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"></path><path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"></path><path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div><h2 class="font-display text-xl sm:text-2xl font-bold">Pour la diaspora marocaine (MRE)</h2><p class="text-xs text-white/55 mt-0.5">Ãcoutez les radios du Maroc en direct depuis votre pays</p></div></div>
76<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-3"><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-france" data-discover="true"><p class="text-sm font-semibold text-white">France</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-france</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-belgique" data-discover="true"><p class="text-sm font-semibold text-white">Belgique</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-belgique</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-pays-bas" data-discover="true"><p class="text-sm font-semibold text-white">Pays-Bas</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-pays-bas</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-espagne" data-discover="true"><p class="text-sm font-semibold text-white">Espagne</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-espagne</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-italie" data-discover="true"><p class="text-sm font-semibold text-white">Italie</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-italie</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-allemagne" data-discover="true"><p class="text-sm font-semibold text-white">Allemagne</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-allemagne</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-canada" data-discover="true"><p class="text-sm font-semibold text-white">Canada</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-canada</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-amerique" data-discover="true"><p class="text-sm font-semibold text-white">Ãtats-Unis</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-amerique</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-mre" data-discover="true"><p class="text-sm font-semibold text-white">MRE</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-mre</p></a><a class="glass rounded-2xl p-4 text-center hover:bg-white/8 hover:scale-[1.02] transition-all" href="/radio-maroc-etranger" data-discover="true"><p class="text-sm font-semibold text-white">à l'étranger</p><p class="text-[11px] sm:text-[10px] text-white/45 mt-1 truncate">/radio-maroc-etranger</p></a></div></section><section class="mt-16 sm:mt-24 max-w-4xl mx-auto text-white/75 leading-relaxed"><h2 class="font-display text-2xl font-bold text-white mb-4">Toutes les radios marocaines en direct, à un clic</h2><p class="mb-5">Notre plateforme centralise plus de cinquante stations marocaines en direct. <a class="text-white hover:text-brand-300 underline-offset-2 hover:underline" href="/station/hit-radio" data-discover="true">Hit Radio</a>, <a class="text-white hover:text-brand-300 underline-offset-2 hover:underline" href="/station/medi-1-radio" data-discover="true">Medi 1 Radio</a>, <a class="text-white hover:text-brand-300 underline-offset-2 hover:underline" href="/station/chada-fm" data-discover="true">Chada FM</a>, <a class="text-white hover:text-brand-300 underline-offset-2 hover:underline" href="/station/radio-mars" data-discover="true">Radio Mars</a>, <a class="text-white hover:text-brand-300 underline-offset-2 hover:underline" href="/station/radio-2m" data-discover="true">Radio 2M</a>, <a class="text-white hover:text-brand-300 underline-offset-2 hover:underline" href="/station/mfm" data-discover="true">MFM</a>, Medina FM, Aswat, Cap Radio, Med Radio, Skyrock Casablanca, Radio Coran et bien d'autres y sont diffusées en direct, sans coupure publicitaire intrusive et avec une qual
76ité audio adaptée à votre connexion (jusqu'à 256 kbps en HLS HD).</p><p class="mb-5">Le principe est simple : aucun téléchargement d'application, aucune création de compte, aucune limite d'écoute. Vous ouvrez le site, vous choisissez une radio, et le lecteur audio démarre immédiatement. Le flux reste actif quand vous changez de page : pratique pour découvrir une nouvelle station tout en continuant d'écouter votre programme préféré.</p><h2 class="font-display text-2xl font-bold text-white mt-10 mb-4">Comment fonctionne l'écoute en direct ?</h2><p class="mb-5">Chaque radio marocaine diffuse son signal sous forme d'un flux audio numérique transmis en temps réel par les serveurs de la station. Notre plateforme se connecte à ces flux officiels (HLS, AAC, MP3 selon les radios) et les relit dans votre navigateur via un lecteur Web compatible avec tous les appareils modernes : ordinateur, smartphone iOS et Android, tablette, smart TV.</p><p class="mb-5">Le décalage entre la diffusion réelle et votre écoute est généralement compris entre 5 et 30 secondes selon la radio et votre connexion. Sur la fibre, le délai est imperceptible ; sur 4G ou 5G, il reste très court. Si votre débit fluctue, le lecteur ajuste automatiquement la qualité pour éviter les coupures. Aucune installation, aucun paramétrage.</p><h2 class="font-display text-2xl font-bold text-white mt-10 mb-4">Sur quels appareils écouter la radio marocaine en ligne ?</h2><ul class="list-disc pl-6 mb-5 space-y-2 marker:text-brand-300"><li>Ordinateur (Windows, Mac, Linux) : navigateur Chrome, Firefox, Edge ou Safari récent.</li><li>Smartphone Android : Chrome ou navigateur d'origine, écoute possible en arrière-plan.</li><li>iPhone et iPad : Safari ou Chrome, contrôle depuis le centre de contrôle iOS.</li><li>Smart TV : Chromecast, Apple TV, navigateur intégré.</li><li>Voiture : Apple CarPlay et Android Auto via Bluetooth ou USB.</li><li>Enceintes connectées : Google Home, Amazon Echo (en lançant l'URL via le navigateur du smartphone).</li></ul><h2 class="font-display text-2xl font-bold text-white mt-10 mb-4">Radios marocaines par catégorie</h2><p class="mb-3">Pour vous orienter dans les <strong>radios FM marocaines</strong> disponibles, nous les classons en grandes familles :</p><ul class="list-disc pl-6 mb-5 space-y-2 marker:text-brand-300"><li><a class="text-white hover:text-brand-300 underline-offset-2 hover:underline font-semibold" href="/radio-maroc-hit" data-discover="true">Radios musicales et hits</a> â Hit Radio, MFM, Medradio, Aswat, Chada FM : musique pop, R&B, hits internationaux et arabes pour un public jeune et adulte.</li><li><a class="text-white hover:text-brand-300 underline-offset-2 hover:underline font-semibold" href="/radio-maroc-chaabi" data-discover="true">Radio chaabi du Maroc</a> â la musique populaire urbaine, l'aïta, la hayha et le mawal, présentes sur Zine Bladi et Yabiladi Chaabi Maroc.</li><li><a class="text-white hover:text-brand-300 underline-offset-2 hover:underline font-semibold" href="/radio-maroc-amazigh" data-discover="true">Radios amazighes</a> â Yabiladi Azawan Amazigh, Radio Atbir, Radio Achkid FM, qui célèbrent la richesse de la culture berbère et les rythmes du Souss, du Rif et de l'Atlas.</li><li><strong>Radios sport</strong> â Radio Mars, première radio 100 % sport au Maroc, avec retransmissions de la Botola Pro et de la CAN.</li><li><strong>Radios religieuses</strong> â Radio Coran, Al Quran Radio, Radio Manarat : récitations 24 h / 24 par les plus grands lecteurs du monde musulman.</li><li><strong>Radios internationales</strong> â Medi 1 Radio (bilingue franco-arabe), Monte Carlo Doualiya (France Médias Monde), Radio Yabiladi pour la diaspora marocaine.</li></ul><h2 class="font-display text-2xl font-bold text-white mt-10 mb-4">Pourquoi écouter la radio en ligne plutôt qu'en FM ?</h2><p class="mb-5">L'écoute en ligne via Internet apporte plusieurs avantages décisifs sur la diffusion FM classique. D'abord, la qualité audio : les radios marocaines diffusent généralement entre 64 kbps (mono) et 256 kbps (stéréo HD), bien supérieure à la modulation analogique parasitée par les zones d'ombre, les tunnels et les obstacles urbains. Ensuite, la couverture : depuis Casablanca, Rabat, Marrakech, Tanger ou n'importe quelle ville du monde, le signal est identique. Aucune zone blanche.</p><p class="mb-5">L'écoute en ligne permet aussi d'accéder à des webradios qui n'ont pas de fréquence FM officielle (Yabiladi Chaabi Maroc, Yabiladi Azawan Amazigh, Rap Lbeldi Maroc, Fayroz, Adwaa FM). Pour les Marocains résidant à l'étranger (MRE), c'est le seul moyen pratique d'écouter la radio nationale en temps réel.</p><h2 class="font-display text-2xl font-bold text-white mt-10 mb-4">Ãcouter la radio marocaine partout dans le monde</h2><p class="mb-5">Que vous soyez à <a class="text-brand-300 hover:underline" href="/radio-casablanca" data-discover="true">Casablanca</a>, <a class="text-brand-300 hover:underline" href="/radio-rabat" data-discover="true">Rabat</a>, <a class="text-brand-300 hover:underline" href="/radio-marrakech" data-discover="true">Marrakech</a>, <a class="text-brand-300 hover:underline" href="/radio-tanger" data-discover="true">Tanger</a>, <a class="text-brand-300 hover:underline" href="/radio-fes" data-discover="true">Fès</a>, <a class="text-brand-300 hover:underline" href="/radio-agadir" data-discover="true">
76Agadir</a> ou à l'étranger, notre plateforme vous donne accès à votre radio préférée sans coupure et sans publicité intrusive. <strong>Radio Maroc en direct</strong> est particulièrement utilisée par les <strong>Marocains du monde (MRE)</strong> qui souhaitent rester connectés à la culture, à l'actualité et à la musique de leur pays d'origine. La diaspora marocaine â en France, en Belgique, aux Pays-Bas, au Canada ou aux Ãtats-Unis â peut écouter Hit Radio, Medi 1 ou Chada FM exactement comme s'ils étaient à la maison.</p><h2 class="font-display text-2xl font-bold text-white mt-10 mb-4">Les stations les plus écoutées en ligne</h2><p class="mb-5">Selon nos statistiques d'utilisation, <a class="text-white font-semibold hover:text-brand-300 underline-offset-2 hover:underline" href="/station/hit-radio" data-discover="true">Hit Radio</a>, <a class="text-white font-semibold hover:text-brand-300 underline-offset-2 hover:underline" href="/station/medi-1-radio" data-discover="true">Medi 1 Radio</a>, <a class="text-white font-semibold hover:text-brand-300 underline-offset-2 hover:underline" href="/station/chada-fm" data-discover="true">Chada FM</a>, <a class="text-white font-semibold hover:text-brand-300 underline-offset-2 hover:underline" href="/station/radio-mars" data-discover="true">Radio Mars</a> et MFM concentrent plus de 60 % des écoutes en ligne. Ces cinq radios cumulent les avantages de la notoriété FM, d'une grille moderne et d'une qualité de flux stable. Pour l'auditeur exigeant, Medi 1 Tarab (musique arabe classique), Radio Mohammed VI du Saint Coran et Cap Radio offrent des contenus de niche très appréciés. Notre <a class="text-brand-300 hover:underline" href="/top-radio-maroc" data-discover="true">top 10 dynamique</a> reflète les écoutes en temps réel.</p><h2 class="font-display text-2xl font-bold text-white mt-10 mb-4">Ãcouter la radio marocaine 24h/24, sans coupure</h2><p class="mb-5">Toutes les radios listées sur cette page diffusent en continu, sans interruption nocturne. Pendant le mois sacré du Ramadan, l'audience explose sur les radios religieuses (Radio Coran, Radio Manarat, Radio Mohammed VI). Les vendredis matins, les radios généralistes diffusent l'appel à la prière et le sermon. Les samedis et dimanches, les programmes culturels et musicaux dominent. Bref, quel que soit le moment, il y a toujours une radio marocaine à écouter en direct sur notre plateforme. Pour aller plus loin, consultez nos pages dédiées aux <a class="text-brand-300 hover:underline" href="/frequences-radio-maroc" data-discover="true">fréquences FM par ville</a> (Casablanca, Rabat, Marrakech, Tanger, Fès, Agadir, Oujda, Tétouan, Nador, Laâyoune et 6 autres), au panorama complet du <a class="text-brand-300 hover:underline" href="/radio-maroc" data-discover="true">paysage radio au Maroc</a>, à la <a class="text-brand-300 hover:underline" href="/radio-sport-maroc" data-discover="true">radio sport marocaine</a> (Radio Mars retransmet la Botola Pro et les Lions de l'Atlas) ou à la <a class="text-brand-300 hover:underline" href="/radio-nationale-marocaine" data-discover="true">Radio Nationale Marocaine</a> opérée par la SNRT.</p><h2 class="font-display text-2xl font-bold text-white mt-10 mb-6">Foire aux questions</h2><div class="space-y-3"><details class="group glass rounded-2xl px-5 py-4 cursor-pointer transition-all hover:bg-white/[0.06]"><summary class="font-display font-semibold text-white text-[15px] flex items-center justify-between gap-4 list-none"><span>Comment écouter la radio marocaine en direct ?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 text-white/50 transition-transform group-open:rotate-90 shrink-0"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="mt-3 text-sm text-white/70 leading-relaxed">Ouvrez notre page d'accueil, choisissez une radio dans le catalogue (plus de 50 stations disponibles) et cliquez sur Ãcouter. L'écoute démarre en quelques secondes, sans inscription ni téléchargement.</p></details>
76<details class="group glass rounded-2xl px-5 py-4 cursor-pointer transition-all hover:bg-white/[0.06]"><summary class="font-display font-semibold text-white text-[15px] flex items-center justify-between gap-4 list-none"><span>L'écoute est-elle vraiment gratuite ?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 text-white/50 transition-transform group-open:rotate-90 shrink-0"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="mt-3 text-sm text-white/70 leading-relaxed">Oui, totalement. Aucun abonnement, aucun compte, aucune limite. Le site est financé par une publicité discrète qui ne perturbe jamais l'écoute audio.</p></details><details class="group glass rounded-2xl px-5 py-4 cursor-pointer transition-all hover:bg-white/[0.06]"><summary class="font-display font-semibold text-white text-[15px] flex items-center justify-between gap-4 list-none"><span>Puis-je écouter la radio marocaine depuis l'étranger ?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 text-white/50 transition-transform group-open:rotate-90 shrink-0"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="mt-3 text-sm text-white/70 leading-relaxed">Oui, toutes les radios sont accessibles depuis n'importe quel pays, sans VPN. Particulièrement populaire auprès des MRE en France, Belgique, Pays-Bas, Espagne, Canada et Ãtats-Unis.</p></details><details class="group glass rounded-2xl px-5 py-4 cursor-pointer transition-all hover:bg-white/[0.06]"><summary class="font-display font-semibold text-white text-[15px] flex items-center justify-between gap-4 list-none"><span>Quelle qualité audio pour l'écoute en ligne ?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 text-white/50 transition-transform group-open:rotate-90 shrink-0"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="mt-3 text-sm text-white/70 leading-relaxed">La qualité dépend de la station : entre 64 kbps (mono basique) et 256 kbps (stéréo HD HLS). Medi 1 Radio, Hit Radio et Radio 2M proposent les flux les plus nets.</p></details><details class="group glass rounded-2xl px-5 py-4 cursor-pointer transition-all hover:bg-white/[0.06]"><summary class="font-display font-semibold text-white text-[15px] flex items-center justify-between gap-4 list-none"><span>L'écoute fonctionne-t-elle en arrière-plan sur smartphone ?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4 text-white/50 transition-transform group-open:rotate-90 shrink-0"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="mt-3 text-sm text-white/70 leading-relaxed">Oui, sur Android l'audio continue après verrouillage de l'écran. Sur iOS, lancez le lecteur puis verrouillez : la radio reste audible, contrôlable depuis le centre de contrôle.</p></details></div></section></div></main><footer class="mt-20 px-4 sm:px-6 pb-28 border-t border-white/8"><div class="mx-auto max-w-7xl pt-10"><div class="flex items-center gap-3 mb-8"><a aria-label="Accueil â Radio Maroc" class="shrink-0" href="/" data-discover="true"><svg class="rm-mark " viewBox="-512 -512 1024 1024" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Radio Maroc" width="44" height="44" style="display: block;"><defs><radialGradient id="rmAura" cx="0" cy="-40" r="0.7" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#FF2A3C" stop-opacity="0.45"></stop><stop offset="60%" stop-color="#E60E1F" stop-opacity="0"></stop></radialGradient><linearGradient id="rmRingG" x1="0" y1="-1" x2="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0%" stop-color="#2EE39F" stop-opacity="1"></stop><stop offset="100%" stop-color="#006233" stop-opacity="0.6"></stop></linearGradient><path id="rmTextC" d="M -380 0 A 380 380 0 1 1 380 0 A 380 380 0 1 1 -380 0"></path></defs><circle cx="0" cy="0" r="500" fill="url(#rmAura)"></circle><g class="compassR" stroke="rgba(244,239,227,0.18)" fill="none"><circle r="430" stroke-width="0.8"></circle><circle r="400" stroke-width="0.4" stroke-dasharray="2 6"></circle></g><g stroke="rgba(244,239,227,0.35)" stroke-linecap="round"><line x1="0.00" y1="-410.00" x2="0.00" y2="-425.00" stroke-width="2.5" opacity="0.85"></line><line x1="81.55" y1="-409.97" x2="82.91" y2="-416.83" stroke-width="1.2" opacity="0.45"></line><line x1="159.96" y1="-386.18" x2="162.64" y2="-392.65" stroke-width="1.2" opacity="0.45"></line><line x1="232.23" y1="-347.55" x2="236.12" y2="-353.37" stroke-width="1.2" opacity="0.45"></line><line x1="289.91" y1="-289.91" x2="300.52" y2="-300.52" stroke-width="2.5" opacity="0.85"></line><line x1="347.55" y1="-232.23" x2="353.37" y2="-236.12" stroke-width="1.2" opacity="0.45"></line><line x1="386.18" y1="-159.96" x2="392.65" y2="-162.64" stroke-width="1.2" opacity="0.45"></line><line x1="409.97" y1="-81.55" x2="416.83" y2="-82.91" stroke-width="1.2" opacity="0.45"></line><line x1="410.00" y1="0.00" x2="425.00" y2="0.00" stroke-width="2.5" opacity="0.85"></line><line x1="409.97" y1="81.55" x2="416.83" y2="82.91" stroke-width="1.2" opacity="0.45"></line><line x1="386.18" y1="159.96" x2="392.65" y2="162.64" stroke-width="1.2" opacity="0.45"></line><line x1="347.55" y1="232.23" x2="353.37" y2="236.12" stroke-width="1.2" opacity="0.45"></line><line x1="289.91" y1="289.91" x2="300.52" y2="300.52" stroke-width="2.5" opacity="0.85"></line><line x1="232.23" y1="347.55" x2="236.12" y2="353.37" stroke-width="1.2" opacity="0.45"></line><line x1="159.96" y1="386.18" x2="162.64" y2="392.65" stroke-width="1.2" opacity="0.45"></line><line x1="81.55" y1="409.97" x2="82.91" y2="416.83" stroke-width="1.2" opacity="0.45"></line><line x1="0.00" y1="410.00" x2="0.00" y2="425.00" stroke-width="2.5" opacity="0.85"></line><line x1="-81.55" y1="409.97" x2="-82.91" y2="416.83" stroke-width="1.2" opacity="0.45"></line><line x1="-159.96" y1="386.18" x2="-162.64" y2="392.65" stroke-width="1.2" opacity="0.45"></line><line x1="-232.23" y1="347.55" x2="-236.12" y2="353.37" stroke-width="1.2" opacity="0.45"></line><line x1="-289.91" y1="289.91" x2="-300.52" y2="300.52" stroke-width="2.5" opacity="0.85"></line><line x1="-347.55" y1="232.23" x2="-353.37" y2="236.12" stroke-width="1.2" opacity="0.45"></line><line x1="-386.18" y1="159.96" x2="-392.65" y2="162.64" stroke-width="1.2" opacity="0.45"></line><line x1="-409.97" y1="81.55" x2="-416.83" y2="82.91" stroke-width="1.2" opacity="0.45"></line><line x1="-410.00" y1="0.00" x2="-425.00" y2="0.00" stroke-width="2.5" opacity="0.85"></line><line x1="-409.97" y1="-81.55" x2="-416.83" y2="-82.91" stroke-width="1.2" opacity="0.45"></line><line x1="-386.18" y1="-159.96" x2="-392.65" y2="-162.64" stroke-width="1.2" opacity="0.45"></line><line x1="-347.55" y1="-232.23" x2="-353.37" y2="-236.12" stroke-width="1.2" opacity="0.45"></line><line x1="-289.91" y1="-289.91" x2="-300.52" y2="-300.52" stroke-width="2.5" opacity="0.85"></line><line x1="-232.23" y1="-347.55" x2="-236.12" y2="-353.37" stroke-width="1.2" opacity="0.45"></line><line x1="-159.96" y1="-386.18" x2="-162.64" y2="-392.65" stroke-width="1.2" opacity="0.45"></line><line x1="-81.55" y1="-409.97" x2="-82.91" y2="-416.83" stroke-width="1.2" opacity="0.45"></line></g>
76<g fill="none" stroke="url(#rmRingG)" stroke-linecap="round"><circle class="pulse pulse-1" r="320" stroke-width="2.5" stroke-dasharray="4 8" opacity="0.85"></circle><circle class="pulse pulse-2" r="265" stroke-width="3" opacity="0.65"></circle><circle class="pulse pulse-3" r="215" stroke-width="3" opacity="0.45"></circle></g><g fill="none" stroke="#2EE39F" stroke-linecap="round" opacity="0.85"><path d="M -260 -120 A 286 286 0 0 1 -120 -260" stroke-width="6"></path><path d="M 260 120 A 286 286 0 0 1 120 260" stroke-width="6"></path></g><g class="starGlow"><path d="M 0.00 -200.00 L 117.56 161.80 L -190.21 -61.80 L 190.21 -61.80 L -117.56 161.80 Z" fill="none" stroke="#2EE39F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round" opacity="0.9"></path><path d="M 0.00 -200.00 L 45.85 -63.10 L 190.21 -61.80 L 74.18 24.10 L 117.56 161.80 L 0.00 78.00 L -117.56 161.80 L -74.18 24.10 L -190.21 -61.80 L -45.85 -63.10 Z" fill="none" stroke="#E60E1F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"></path></g><circle r="5" fill="#F4EFE3"></circle><circle cx="0" cy="360" r="4" fill="#F4EFE3" opacity="0.5"></circle><text font-family="Inter, system-ui, sans-serif" font-size="22" letter-spacing="14" fill="rgba(244,239,227,0.45)"><textPath href="#rmTextC" startOffset="0">RADIO MAROC · BROADCASTING · ON AIR · ESTD ٢٠٢٦ · </textPath></text></svg></a><div class="leading-tight"><a class="font-display font-bold text-white hover:text-[#FF6B7A] transition-colors" href="/" data-discover="true">Radio Maroc</a><p class="text-[11px] text-white/45">Toutes les radios marocaines en direct</p></div></div><div class="grid grid-cols-2 sm:grid-cols-4 gap-x-6 gap-y-8 mb-8"><div><h3 class="text-[11px] font-semibold uppercase tracking-wider text-white/70 mb-3">Explorer</h3><ul class="space-y-2"><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/" data-discover="true">Accueil</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-maroc" data-discover="true">Radio au Maroc</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-maroc-en-direct" data-discover="true">Radio Maroc en direct</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-sport-maroc" data-discover="true">Radio sport</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-nationale-marocaine" data-discover="true">Radio Nationale</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/top-radio-maroc" data-discover="true">Top radios</a></li></ul></div><div><h3 class="text-[11px] font-semibold uppercase tracking-wider text-white/70 mb-3">Villes</h3><ul class="space-y-2"><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-casablanca" data-discover="true">Casablanca</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-rabat" data-discover="true">Rabat</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-marrakech" data-discover="true">Marrakech</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-tanger" data-discover="true">Tanger</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-fes" data-discover="true">Fès</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-agadir" data-discover="true">Agadir</a></li></ul></div><div><h3 class="text-[11px] font-semibold uppercase tracking-wider text-white/70 mb-3">Genres & plus</h3><ul class="space-y-2"><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-maroc-chaabi" data-discover="true">Chaabi</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-maroc-hit" data-discover="true">Hits</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/radio-maroc-amazigh" data-discover="true">Amazigh</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/frequences-radio-maroc" data-discover="true">Fréquences FM</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/info" data-discover="true">Actualités</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/blog" data-discover="true">Blog</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/emissions" data-discover="true">Ãmissions</a></li></ul></div><div><h3 class="text-[11px] font-semibold uppercase tracking-wider text-white/70 mb-3">Infos</h3><ul class="space-y-2"><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/a-propos" data-discover="true">à propos</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/contact" data-discover="true">Contact</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/politique-confidentialite" data-discover="true">Confidentialité</a></li><li><a class="text-[12.5px] text-white/55 hover:text-white transition-colors" href="/conditions-utilisation" data-discover="true">Conditions d'utilisation</a></li></ul></div></div><p class="text-xs text-white/40 text-center border-t border-white/5 pt-6">Radio Maroc · Catalogue auto-maintenu via Radio-Browser · 2026</p></div></footer></div><div class="fixed left-3 sm:left-6 z-40 bottom-4 sm:bottom-6" style="opacity: 0; transform: translateY(1.45702px);"><div class="glass-strong rounded-2xl px-4 py-3 shadow-card flex items-center gap-3 max-w-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert h-4 w-4 text-amber-400"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><div class="min-w-0"><p class="text-sm font-semibold leading-tight">Synchronisation impossible</p><p class="text-[11px] text-white/60 leading-tight mt-0.5">Le catalogue local reste utilisé.</p></div></div></div></div> 77 78
78<script> 79 (function () { 80 var root = document.getElementById('root'); 81 var pre = document.getElementById('pre-hero'); 82 if (!root || !pre) return; 83 var obs = new MutationObserver(function () { 84 if (root.children.length > 0) { 85 pre.classList.add('hidden'); 86 obs.disconnect(); 87 setTimeout(function () { 88 if (pre.parentNode) pre.parentNode.removeChild(pre); 89 }, 200); 90 } 91 }); 92 obs.observe(root, { childList: true }); 93 })(); 94 </script>
94 95 96
97<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"f9b75682706c48b8b72ebd2755b41b22","r":1,"spa":2}' crossorigin="anonymous"></script>
97 98</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.