{"id":194,"date":"2026-02-28T19:03:35","date_gmt":"2026-02-28T19:03:35","guid":{"rendered":"https:\/\/flos.ma\/?page_id=194"},"modified":"2026-02-28T19:03:36","modified_gmt":"2026-02-28T19:03:36","slug":"internet","status":"publish","type":"page","link":"https:\/\/flos.ma\/fr\/internet\/","title":{"rendered":"Internet"},"content":{"rendered":"<nav class=\"flos-nav\">\n  <a href=\"\/\" class=\"flos-nav-logo\">\n    <div class=\"flos-nav-logo-icon\">\n      <img decoding=\"async\" src=\"https:\/\/flos.ma\/wp-content\/uploads\/2026\/02\/tajine.png\" alt=\"Flos Logo\">\n    <\/div>\n    Flos.ma\n  <\/a>\n  <ul class=\"flos-nav-links\">\n    <li><a href=\"\/\">Home<\/a><\/li>\n    <li><a href=\"\/mortgages\/\">Mortgages<\/a><\/li>\n    <li class=\"flos-dropdown\">\n      <a href=\"\/mobile-and-internet\/\" class=\"flos-dropdown-toggle\">\n        Mobile & Internet\n        <svg class=\"flos-chevron\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M2 4L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n      <div class=\"flos-dropdown-panel\">\n        <a href=\"\/mobile\/\" class=\"flos-dropdown-item\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"18.01\"\/><\/svg>\n          Mobile\n        <\/a>\n        <a href=\"\/internet\/\" class=\"flos-dropdown-item\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n          Internet\n        <\/a>\n      <\/div>\n    <\/li>\n    <li><a href=\"\/tips-and-advice\/\">Tips & Advice<\/a><\/li>\n    <li><a href=\"#\">Community<\/a><\/li>\n  <\/ul>\n  <div style=\"display:flex;align-items:center;gap:12px;\">\n    <div class=\"flos-lang\">\n      <button class=\"flos-lang-btn\" id=\"btn-en\" onclick=\"setLang('en')\">EN<\/button>\n      <button class=\"flos-lang-btn\" id=\"btn-fr\" onclick=\"setLang('fr')\">FR<\/button>\n    <\/div>\n    <button class=\"flos-hamburger\" onclick=\"toggleMobileMenu()\" aria-label=\"Menu\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n<\/nav>\n\n<!-- Mobile menu drawer -->\n<div class=\"flos-mobile-menu\" id=\"flosMobileMenu\">\n  <a href=\"\/\">\ud83c\udfe0 Home<\/a>\n  <a href=\"\/mortgages\/\">\ud83c\udfe0 Mortgages<\/a>\n  <div class=\"flos-mobile-accordion\">\n    <button class=\"flos-mobile-accordion-btn\" onclick=\"toggleMobileAccordion(this)\">\n      \ud83d\udcf1 Mobile & Internet\n      <svg class=\"flos-acc-chevron\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n        <path d=\"M2 4L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"flos-mobile-accordion-content\">\n      <a href=\"\/mobile\/\">\ud83d\udcf1 Mobile<\/a>\n      <a href=\"\/internet\/\">\ud83c\udf10 Internet<\/a>\n    <\/div>\n  <\/div>\n  <a href=\"\/tips-and-advice\/\">\ud83d\udca1 Tips & Advice<\/a>\n  <a href=\"#\">\ud83d\udcac Community<\/a>\n<\/div>\n<div class=\"flos-menu-overlay\" id=\"flosOverlay\" onclick=\"toggleMobileMenu()\"><\/div>\n\n<style>\n\/* \u2500\u2500 Nav links baseline alignment \u2500\u2500 *\/\n.flos-nav-links {\n  display: flex;\n  align-items: center;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  gap: 28px;\n}\n.flos-nav-links li {\n  display: flex;\n  align-items: center;\n}\n.flos-nav-links li a {\n  display: flex;\n  align-items: center;\n  line-height: 1;\n  padding: 0;\n  text-decoration: none;\n  color: inherit;\n}\n\n\/* \u2500\u2500 Hamburger \u2500\u2500 *\/\n.flos-hamburger {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  gap: 5px;\n  width: 36px;\n  height: 36px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n}\n.flos-hamburger span {\n  display: block;\n  width: 22px;\n  height: 2px;\n  background: #111;\n  border-radius: 2px;\n  transition: all 0.25s;\n}\n.flos-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n.flos-hamburger.open span:nth-child(2) { opacity: 0; }\n.flos-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n\/* \u2500\u2500 Desktop Dropdown \u2500\u2500 *\/\n.flos-dropdown {\n  position: relative;\n}\n.flos-dropdown-toggle {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  line-height: 1;\n  padding: 0;\n  cursor: pointer;\n}\n.flos-chevron {\n  display: flex;\n  align-items: center;\n  position: relative;\n  top: 1px;\n  transition: transform 0.2s ease;\n  flex-shrink: 0;\n}\n.flos-dropdown:hover .flos-chevron,\n.flos-dropdown.open .flos-chevron {\n  transform: rotate(180deg);\n}\n.flos-dropdown-panel {\n  display: none;\n  position: absolute;\n  top: calc(100% + 12px);\n  left: 50%;\n  transform: translateX(-50%);\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 8px 32px rgba(0,0,0,0.12);\n  border: 1px solid #f0f0f0;\n  padding: 8px;\n  min-width: 180px;\n  z-index: 1000;\n  white-space: nowrap;\n}\n.flos-dropdown:hover .flos-dropdown-panel,\n.flos-dropdown.open .flos-dropdown-panel {\n  display: block;\n}\n.flos-dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #111 !important;\n  text-decoration: none !important;\n  transition: background 0.15s;\n}\n.flos-dropdown-item:hover {\n  background: #f5f5f5;\n  color: #00A86B !important;\n}\n\n\/* \u2500\u2500 Mobile menu \u2500\u2500 *\/\n.flos-mobile-menu {\n  display: none;\n  position: fixed;\n  top: 60px;\n  left: 0;\n  right: 0;\n  background: #fff;\n  border-bottom: 1px solid #eee;\n  padding: 8px 0;\n  z-index: 9999;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n}\n.flos-mobile-menu.open { display: block; }\n.flos-mobile-menu > a {\n  display: block;\n  padding: 14px 24px;\n  font-size: 15px;\n  font-weight: 600;\n  color: #111;\n  text-decoration: none;\n  border-bottom: 1px solid #f5f5f5;\n  transition: background 0.15s;\n}\n.flos-mobile-menu > a:hover { background: #f7f7f7; color: #00A86B; }\n\n\/* \u2500\u2500 Mobile accordion \u2500\u2500 *\/\n.flos-mobile-accordion {\n  border-bottom: 1px solid #f5f5f5;\n}\n.flos-mobile-accordion-btn {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 14px 24px;\n  font-size: 15px;\n  font-weight: 600;\n  color: #111;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n}\n.flos-mobile-accordion-btn:hover { background: #f7f7f7; color: #00A86B; }\n.flos-acc-chevron { transition: transform 0.2s ease; }\n.flos-mobile-accordion-btn.open .flos-acc-chevron { transform: rotate(180deg); }\n.flos-mobile-accordion-content {\n  display: none;\n  background: #fafafa;\n}\n.flos-mobile-accordion-content.open { display: block; }\n.flos-mobile-accordion-content a {\n  display: block;\n  padding: 12px 24px 12px 40px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #444;\n  text-decoration: none;\n  border-top: 1px solid #f0f0f0;\n  transition: background 0.15s;\n}\n.flos-mobile-accordion-content a:hover { background: #f0f0f0; color: #00A86B; }\n\n\/* \u2500\u2500 Overlay \u2500\u2500 *\/\n.flos-menu-overlay {\n  display: none;\n  position: fixed;\n  inset: 0;\n  top: 60px;\n  background: rgba(0,0,0,0.3);\n  z-index: 98;\n}\n.flos-menu-overlay.open { display: block; }\n\n@media (max-width: 768px) {\n  .flos-hamburger { display: flex; }\n  .flos-nav-links { display: none !important; }\n}\n<\/style>\n\n<script>\nfunction toggleMobileMenu() {\n  const menu = document.getElementById('flosMobileMenu');\n  const overlay = document.getElementById('flosOverlay');\n  const btn = document.querySelector('.flos-hamburger');\n  menu.classList.toggle('open');\n  overlay.classList.toggle('open');\n  btn.classList.toggle('open');\n}\n\nfunction toggleMobileAccordion(btn) {\n  btn.classList.toggle('open');\n  const content = btn.nextElementSibling;\n  content.classList.toggle('open');\n}\n\nfunction setLang(lang) {\n  const currentPath = window.location.pathname;\n  const isFr = currentPath.startsWith('\/fr\/');\n  let newPath;\n  if (lang === 'fr') {\n    newPath = isFr ? currentPath : '\/fr' + currentPath;\n  } else {\n    newPath = isFr ? currentPath.replace('\/fr', '') : currentPath;\n  }\n  window.location.href = newPath;\n}\n\n(function() {\n  const isFr = window.location.pathname.startsWith('\/fr\/');\n  document.getElementById(isFr ? 'btn-fr' : 'btn-en').classList.add('active');\n})();\n<\/script>\n\n<p><!-- PAGE TABS --><\/p>\n<div style=\"background:#fff;border-bottom:1px solid #eee;padding:0 48px;\">\n<div style=\"max-width:1100px;margin:0 auto;display:flex;gap:8px;padding:12px 0;\">\n    <a href=\"\/mobile\/\" style=\"display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#f0f0f0;color:#444;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;\">\ud83d\udcf1 Mobile Plans<\/a><br \/>\n    <a href=\"\/internet\/\" style=\"display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#111;color:#fff;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;\">\ud83c\udf10 Home Internet<\/a>\n  <\/div>\n<\/div>\n<p><!-- HERO --><\/p>\n<div style=\"background:#f7f7f7;padding:40px 48px;border-bottom:1px solid #eee;\">\n<div style=\"max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;\">\n<div style=\"flex:1;\">\n<div style=\"font-size:13px;color:#999;margin-bottom:12px;\"><a href=\"\/\" style=\"color:#00A86B;text-decoration:none;\">Home<\/a> \u203a Home Internet<\/div>\n<h1 style=\"font-size:clamp(24px,3vw,38px);font-weight:800;line-height:1.2;margin-bottom:10px;\">\ud83c\udf10 Home Internet \u2014 compare &#038; save<\/h1>\n<p style=\"font-size:15px;color:#555;line-height:1.6;max-width:560px;margin-bottom:20px;\">Compare all Moroccan fiber &#038; broadband offers. Find the best speed at the best price. Updated February 2026.<\/p>\n<div style=\"display:flex;gap:24px;flex-wrap:wrap;\">\n<div><strong style=\"font-size:22px;font-weight:800;color:#00A86B;display:block;\">3<\/strong><span style=\"font-size:12px;color:#888;\">Operators<\/span><\/div>\n<div><strong style=\"font-size:22px;font-weight:800;color:#00A86B;display:block;\">14<\/strong><span style=\"font-size:12px;color:#888;\">Plans compared<\/span><\/div>\n<div><strong style=\"font-size:22px;font-weight:800;color:#00A86B;display:block;\">249 DH<\/strong><span style=\"font-size:12px;color:#888;\">Lowest price<\/span><\/div>\n<div><strong style=\"font-size:22px;font-weight:800;color:#00A86B;display:block;\">1 Gbps<\/strong><span style=\"font-size:12px;color:#888;\">Max speed<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"flex-shrink:0;width:160px;height:160px;background:linear-gradient(135deg,#00C97A22,#4B9FFF22);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;\">\n      <span style=\"font-size:48px;\">\ud83c\udf10<\/span><\/p>\n<div style=\"font-size:11px;color:#999;margin-top:8px;\">Mascot coming soon<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- MAIN --><\/p>\n<div style=\"padding:32px 48px;\">\n<div style=\"max-width:1100px;margin:0 auto;display:flex;gap:28px;align-items:flex-start;\">\n<p>    <!-- LEFT: RESULTS --><\/p>\n<div style=\"flex:1;min-width:0;\">\n<p>      <!-- SORT BAR --><\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#f7f7f7;border-radius:10px;\">\n        <span id=\"int-count\" style=\"font-size:14px;color:#666;\"><strong>14 plans<\/strong> found<\/span><\/p>\n<div style=\"display:flex;align-items:center;gap:8px;\">\n          <span style=\"font-size:13px;color:#888;font-weight:600;\">Sort by:<\/span><br \/>\n          <button class=\"int-sort-btn active\" onclick=\"sortPlans(this,'price')\" style=\"padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #eee;background:#111;color:#fff;cursor:pointer;font-family:inherit;\">\ud83d\udcb0 Price<\/button><br \/>\n          <button class=\"int-sort-btn\" onclick=\"sortPlans(this,'speed')\" style=\"padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #eee;background:#fff;color:#666;cursor:pointer;font-family:inherit;\">\u26a1 Speed<\/button>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- CARDS --><\/p>\n<div id=\"int-cards\" style=\"display:flex;flex-direction:column;gap:12px;\">\n<p>        <!-- 20 Mbps --><\/p>\n<div class=\"int-card\" data-operator=\"iam\" data-price=\"249\" data-speed=\"20\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#003DA5;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">IAM<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Fibre 20 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 20 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcf6 Fiber<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udda5\ufe0f 1\u20132 devices<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#EEF4FF;color:#2B5FC7;\">Light use<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">249 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">Entry fiber<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"int-card\" data-operator=\"inwi\" data-price=\"249\" data-speed=\"20\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#E8000D;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">inwi<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Box 20 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 20 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcf6 Fiber<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udda5\ufe0f 1\u20132 devices<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#E8F9F1;color:#00843D;\">\u2b50 Cheapest entry<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">249 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">Entry fiber<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- 50 Mbps --><\/p>\n<div class=\"int-card\" data-operator=\"inwi\" data-price=\"299\" data-speed=\"50\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#E8000D;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">inwi<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Box 50 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 50 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcde 3h mobile calls<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Family use<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#E8F9F1;color:#00843D;\">\ud83c\udfc6 Best Value<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">299 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">HD streaming<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"int-card\" data-operator=\"orange\" data-price=\"299\" data-speed=\"50\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#FF6600;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">ORG<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Fibre 50 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 50 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcde 3h mobile calls<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Family use<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#FFF4E5;color:#C05700;\">Good for families<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">299 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">HD streaming<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- 100 Mbps --><\/p>\n<div class=\"int-card\" data-operator=\"iam\" data-price=\"400\" data-speed=\"100\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#003DA5;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">IAM<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Fibre 100 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 100 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcf6 Fiber<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83c\udfae Gaming ready<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#EEF4FF;color:#2B5FC7;\">Mid-range<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">400 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">Often doubled free<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"int-card\" data-operator=\"inwi\" data-price=\"349\" data-speed=\"100\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#E8000D;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">inwi<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Box 100 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 100 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcf6 Fiber<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83c\udfae Gaming ready<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#E8F9F1;color:#00843D;\">\u2b50 Cheapest 100<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">349 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">Best data\/price<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"int-card\" data-operator=\"orange\" data-price=\"349\" data-speed=\"100\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#FF6600;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">ORG<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Fibre 100 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 100 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcf6 Fiber<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83c\udfae Gaming ready<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#FFF4E5;color:#C05700;\">Balanced<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">349 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">Mid-range<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- 200 Mbps --><\/p>\n<div class=\"int-card\" data-operator=\"iam\" data-price=\"500\" data-speed=\"200\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#003DA5;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">IAM<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Fibre 200 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 200 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcfa 4K streaming<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Multi-user<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#EEF4FF;color:#2B5FC7;\">Popular<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">500 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">4K ready<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"int-card\" data-operator=\"inwi\" data-price=\"449\" data-speed=\"200\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#E8000D;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">inwi<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Box 200 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 200 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcfa 4K streaming<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Multi-user<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#E8F9F1;color:#00843D;\">\u2b50 Cheapest 200<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">449 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">4K + gaming<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"int-card\" data-operator=\"orange\" data-price=\"449\" data-speed=\"200\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#FF6600;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">ORG<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Fibre 200 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 200 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcfa 4K streaming<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Multi-user<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#FFF4E5;color:#C05700;\">Popular<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">449 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">4K + gaming<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- 500 Mbps --><\/p>\n<div class=\"int-card\" data-operator=\"inwi\" data-price=\"749\" data-speed=\"500\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#E8000D;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">inwi<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Box 500 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 500 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83c\udfae Heavy gaming<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcfa 4K multi-stream<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#E8F9F1;color:#00843D;\">Heavy households<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">749 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">Power users<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"int-card\" data-operator=\"orange\" data-price=\"749\" data-speed=\"500\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#FF6600;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">ORG<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Fibre 500 Mbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 500 Mbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83c\udfae Heavy gaming<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcfa 4K multi-stream<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#FFF4E5;color:#C05700;\">Heavy households<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">749 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">Power users<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- 1 Gbps --><\/p>\n<div class=\"int-card\" data-operator=\"iam\" data-price=\"1000\" data-speed=\"1000\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#003DA5;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">IAM<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Fibre 1 Gbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 1 Gbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83c\udfe0 Large home<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcbc Pro work<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#EEF4FF;color:#2B5FC7;\">Ultra-fast<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">1000 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">On request<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"int-card\" data-operator=\"inwi\" data-price=\"949\" data-speed=\"1000\" style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:20px 24px;display:flex;gap:20px;align-items:center;\">\n<div style=\"width:64px;height:64px;border-radius:12px;background:#E8000D;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;\">inwi<\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:16px;font-weight:700;color:#111;margin-bottom:8px;\">Box 1 Gbps<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;\">\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\u2b07\ufe0f 1 Gbps<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83c\udfe0 Large home<\/span><br \/>\n              <span style=\"font-size:12px;background:#f7f7f7;padding:4px 10px;border-radius:100px;color:#555;\">\ud83d\udcbc Pro work<\/span>\n            <\/div>\n<p>            <span style=\"display:inline-block;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#E8F9F1;color:#00843D;\">\u2b50 Cheapest Gigabit<\/span>\n          <\/div>\n<div style=\"text-align:right;flex-shrink:0;min-width:130px;\">\n<div style=\"font-size:28px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;\">949 <span style=\"font-size:13px;font-weight:500;color:#888;\">DH\/mo<\/span><\/div>\n<div style=\"font-size:12px;color:#aaa;margin-bottom:12px;\">Ultra-fast<\/div>\n<p>            <a href=\"#\" class=\"flos-apply\" style=\"display:block;text-align:center;\">See offer \u2192<\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- \/cards -->\n    <\/div>\n<p><!-- \/results --><\/p>\n<p>    <!-- RIGHT: FILTERS --><\/p>\n<div style=\"width:260px;flex-shrink:0;position:sticky;top:80px;\">\n<div style=\"background:#fff;border:1px solid #eee;border-radius:16px;padding:24px;margin-bottom:16px;\">\n<div style=\"font-size:15px;font-weight:800;margin-bottom:20px;color:#111;\">Filter plans<\/div>\n<p>        <!-- Operator --><\/p>\n<div style=\"margin-bottom:20px;\">\n<div style=\"font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:#999;margin-bottom:10px;\">Operator<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;\">\n            <button class=\"mob-chip active\" data-filter=\"operator\" data-value=\"all\" onclick=\"setFilter(this,'operator','all')\">All<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"operator\" data-value=\"iam\" onclick=\"setFilter(this,'operator','iam')\"><span style=\"display:inline-block;width:8px;height:8px;border-radius:50%;background:#003DA5;margin-right:4px;\"><\/span>Maroc Telecom<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"operator\" data-value=\"orange\" onclick=\"setFilter(this,'operator','orange')\"><span style=\"display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF6600;margin-right:4px;\"><\/span>Orange<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"operator\" data-value=\"inwi\" onclick=\"setFilter(this,'operator','inwi')\"><span style=\"display:inline-block;width:8px;height:8px;border-radius:50%;background:#E8000D;margin-right:4px;\"><\/span>inwi<\/button>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Min speed --><\/p>\n<div style=\"margin-bottom:20px;\">\n<div style=\"font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:#999;margin-bottom:10px;\">Min. Speed<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;\">\n            <button class=\"mob-chip active\" data-filter=\"speed\" data-value=\"0\" onclick=\"setFilter(this,'speed','0')\">All<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"speed\" data-value=\"50\" onclick=\"setFilter(this,'speed','50')\">50+ Mbps<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"speed\" data-value=\"100\" onclick=\"setFilter(this,'speed','100')\">100+ Mbps<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"speed\" data-value=\"200\" onclick=\"setFilter(this,'speed','200')\">200+ Mbps<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"speed\" data-value=\"500\" onclick=\"setFilter(this,'speed','500')\">500+ Mbps<\/button>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Max price --><\/p>\n<div style=\"margin-bottom:20px;\">\n<div style=\"font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:#999;margin-bottom:10px;\">Max price<\/div>\n<div style=\"display:flex;flex-wrap:wrap;gap:6px;\">\n            <button class=\"mob-chip active\" data-filter=\"maxprice\" data-value=\"9999\" onclick=\"setFilter(this,'maxprice','9999')\">All<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"maxprice\" data-value=\"299\" onclick=\"setFilter(this,'maxprice','299')\">Up to 299 DH<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"maxprice\" data-value=\"449\" onclick=\"setFilter(this,'maxprice','449')\">Up to 449 DH<\/button><br \/>\n            <button class=\"mob-chip\" data-filter=\"maxprice\" data-value=\"749\" onclick=\"setFilter(this,'maxprice','749')\">Up to 749 DH<\/button>\n          <\/div>\n<\/p><\/div>\n<p>        <button onclick=\"resetFilters()\" style=\"width:100%;padding:10px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #eee;background:#f7f7f7;color:#666;cursor:pointer;font-family:inherit;\">Reset filters<\/button>\n      <\/div>\n<p>      <!-- Info box --><\/p>\n<div style=\"background:#E8F9F1;border-radius:12px;padding:16px;\">\n<div style=\"font-size:20px;margin-bottom:8px;\">\ud83c\uddf2\ud83c\udde6<\/div>\n<div style=\"font-size:13px;font-weight:700;margin-bottom:4px;\">Morocco broadband market<\/div>\n<p style=\"font-size:12px;color:#777;line-height:1.5;margin:0;\">Fiber available in major cities. Many 2025 users got speed doubled for free. Orange does not offer 20 or 50 Mbps plans.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- \/filters --><\/p><\/div>\n<\/div>\n<p><script>\nvar intFilters = { operator:'all', speed:0, maxprice:9999 };<\/p>\n<p>function setFilter(btn, type, value) {\n  intFilters[type] = (type === 'operator') ? value : parseInt(value);\n  document.querySelectorAll('[data-filter=\"'+type+'\"]').forEach(function(b){ b.classList.remove('active'); b.style.background='#fff'; b.style.color='#666'; b.style.borderColor='#eee'; });\n  btn.classList.add('active'); btn.style.background='#111'; btn.style.color='#fff'; btn.style.borderColor='#111';\n  applyFilters();\n}<\/p>\n<p>function applyFilters() {\n  var cards = document.querySelectorAll('.int-card');\n  var count = 0;\n  cards.forEach(function(card) {\n    var op = card.dataset.operator;\n    var price = parseInt(card.dataset.price);\n    var speed = parseInt(card.dataset.speed);\n    var show = true;\n    if (intFilters.operator !== 'all' && op !== intFilters.operator) show = false;\n    if (speed < intFilters.speed) show = false;\n    if (price > intFilters.maxprice) show = false;\n    card.style.display = show ? 'flex' : 'none';\n    if (show) count++;\n  });\n  document.getElementById('int-count').innerHTML = '<strong>'+count+' plans<\/strong> found';\n}<\/p>\n<p>function sortPlans(btn, by) {\n  document.querySelectorAll('.int-sort-btn').forEach(function(b){ b.classList.remove('active'); b.style.background='#fff'; b.style.color='#666'; });\n  btn.classList.add('active'); btn.style.background='#111'; btn.style.color='#fff';\n  var container = document.getElementById('int-cards');\n  var cards = Array.from(container.querySelectorAll('.int-card'));\n  cards.sort(function(a,b){ return by==='price' ? parseInt(a.dataset.price)-parseInt(b.dataset.price) : parseInt(b.dataset.speed)-parseInt(a.dataset.speed); });\n  cards.forEach(function(c){ container.appendChild(c); });\n}<\/p>\n<p>function resetFilters() {\n  intFilters = { operator:'all', speed:0, maxprice:9999 };\n  document.querySelectorAll('.mob-chip').forEach(function(b){ b.classList.remove('active'); b.style.background='#fff'; b.style.color='#666'; b.style.borderColor='#eee'; });\n  document.querySelectorAll('.mob-chip[data-value=\"all\"], .mob-chip[data-value=\"0\"], .mob-chip[data-value=\"9999\"]').forEach(function(b){ b.classList.add('active'); b.style.background='#111'; b.style.color='#fff'; b.style.borderColor='#111'; });\n  document.querySelectorAll('.int-card').forEach(function(c){ c.style.display='flex'; });\n  document.getElementById('int-count').innerHTML = '<strong>14 plans<\/strong> found';\n}\n<\/script><\/p>\n<div class=\"flos-footer\">\n  <div class=\"flos-footer-in\">\n    <div>\n      <div class=\"flos-flogo\">flos.ma<\/div>\n      <div class=\"flos-fnote\">\u00a9 2026 Flos.ma \u00b7 Morocco's Finance Comparison<\/div>\n    <\/div>\n    <div style=\"display:flex;flex-direction:column;align-items:flex-end;gap:12px;\">\n      <div class=\"flos-flinks\">\n        <a href=\"#\">About<\/a>\n        <a href=\"#\">How it works<\/a>\n        <a href=\"#\">For Banks<\/a>\n        <a href=\"#\">Privacy<\/a>\n        <a href=\"mailto:contact@flos.ma\">contact@flos.ma<\/a>\n      <\/div>\n      <div class=\"flos-fsocial\">\n        <a href=\"https:\/\/x.com\/flos_ma\" target=\"_blank\" title=\"X\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n        <\/a>\n        <a href=\"https:\/\/www.instagram.com\/flos_ma\/\" target=\"_blank\" title=\"Instagram\" rel=\"noopener\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n        <\/a>\n        <a href=\"https:\/\/linkedin.com\/company\/flosma\" target=\"_blank\" title=\"LinkedIn\" rel=\"noopener\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcf1 Mobile Plans \ud83c\udf10 Home Internet Home \u203a Home Internet \ud83c\udf10 Home Internet \u2014 compare &#038; save Compare all Moroccan fiber &#038; broadband offers. Find the best speed at the best price. Updated February 2026. 3Operators 14Plans compared 249 DHLowest price 1 GbpsMax speed \ud83c\udf10 Mascot coming soon 14 plans found Sort by: \ud83d\udcb0 Price [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/flos.ma\/fr\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flos.ma\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flos.ma\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flos.ma\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flos.ma\/fr\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":1,"href":"https:\/\/flos.ma\/fr\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/flos.ma\/fr\/wp-json\/wp\/v2\/pages\/194\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/flos.ma\/fr\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}