{"id":12,"date":"2025-10-16T19:12:31","date_gmt":"2025-10-16T19:12:31","guid":{"rendered":"https:\/\/pescamar.ma\/?page_id=12"},"modified":"2026-03-07T11:49:05","modified_gmt":"2026-03-07T11:49:05","slug":"home","status":"publish","type":"page","link":"https:\/\/pescamar.ma\/ar\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c504374 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"c504374\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1810003 e-con-full e-flex e-con e-child\" data-id=\"1810003\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8901a52 elementor-widget elementor-widget-spacer\" data-id=\"8901a52\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42dfd59 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"42dfd59\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le vrai go\u00fbt <br>de thon.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59d6d6a e-con-full e-flex e-con e-child\" data-id=\"59d6d6a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b7fbdc elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8b7fbdc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome (ila deja 3ndk, 7yed had link) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n<style>\n  :root{\n    --brand: #e60000;   \/* rouge de la marque *\/\n    --header-h: 72px;   \/* hauteur du header *\/\n    --maxw: 1200px;     \/* largeur max du contenu *\/\n  }\n\n  \/* bach ma ykhlatch lcontent ta7t header fixe *\/\n  body{ margin:0; padding-top: var(--header-h); font-family: Arial, sans-serif; }\n\n  \/* HEADER FIXE *\/\n  .site-header{\n    position: fixed; top:0; left:0; right:0;\n    height: var(--header-h);\n    background: #fff;\n    border-bottom: 1px solid #eee;\n    box-shadow: 0 6px 18px -12px rgba(0,0,0,.25);\n    z-index: 1000;\n  }\n  .header-inner{\n    height: 100%;\n    max-width: var(--maxw);\n    margin: 0 auto;\n    padding: 0 16px;\n    display: grid;\n    grid-template-columns: 48px 1fr 48px; \/* menu - center - right slot *\/\n    align-items: center;\n  }\n\n  \/* bouton menu (hamburger) *\/\n  .menu-toggle{\n    display: grid; place-items: center;\n    width:48px; height:48px;\n    border:0; background:transparent; cursor:pointer;\n    color: var(--brand); font-size: 26px;\n    border-radius: 10px;\n    transition: background .2s ease, color .2s ease;\n  }\n  .menu-toggle:hover,\n  .menu-toggle:focus-visible{\n    background: var(--brand);\n    color:#fff;\n    outline: none;\n  }\n\n  \/* logo au centre *\/\n  .logo{ display:inline-flex; justify-content:center; }\n  .logo img{\n    height: 44px;\n    max-height: calc(var(--header-h) - 24px);\n    display: block;\n  }\n  .right-slot{ width:48px; height:48px; }\n\n  \/* SIDE NAV (off-canvas gauche) *\/\n  .side-nav{\n    position: fixed; top:0; left:0; bottom:0;\n    width: 280px; background: #fff;\n    border-right: 1px solid #eee;\n    transform: translateX(-100%);\n    transition: transform .25s ease;\n    z-index: 1200;\n    display: flex; flex-direction: column;\n  }\n  .side-nav-header{\n    height: var(--header-h);\n    display:flex; align-items:center; justify-content:space-between;\n    padding: 0 16px; border-bottom: 1px solid #eee;\n  }\n  .close-nav{\n    border:0; background:transparent; cursor:pointer;\n    font-size:22px; color:#888; width:40px; height:40px;\n    border-radius: 10px;\n    transition: background .2s ease, color .2s ease;\n  }\n  .close-nav:hover,\n  .close-nav:focus-visible{\n    background: var(--brand);\n    color:#fff;\n    outline: none;\n  }\n\n  .side-nav a{\n    display:flex; align-items:center; gap:10px;\n    padding:14px 18px;\n    color:#333; text-decoration:none; font-weight:600;\n    border-bottom:1px solid #f3f3f3;\n    transition: background .2s ease, color .2s ease;\n  }\n  .side-nav a i{ color: var(--brand); width:20px; text-align:center; transition: color .2s ease; }\n\n  \/* HOVER B L'AHMAR *\/\n  .side-nav a:hover,\n  .side-nav a:focus-visible{\n    background: var(--brand);\n    color:#fff;\n    outline: none;\n  }\n  .side-nav a:hover i,\n  .side-nav a:focus-visible i{ color:#fff; }\n\n  \/* BACKDROP *\/\n  .nav-backdrop{\n    position: fixed; inset:0;\n    background: rgba(0,0,0,.35);\n    opacity: 0; visibility: hidden;\n    transition: opacity .2s ease, visibility .2s ease;\n    z-index: 1100;\n  }\n\n  \/* STATE: OPEN *\/\n  body.nav-open .side-nav{ transform: translateX(0); }\n  body.nav-open .nav-backdrop{ opacity:1; visibility:visible; }\n  body.nav-open{ overflow: hidden; }\n\n  \/* Responsive *\/\n  @media (max-width: 480px){\n    :root{ --header-h: 100px; }\n    .logo img{ height: 140px; }\n    .side-nav{ width: 82vw; max-width: 320px; }\n  }\n<\/style>\n\n<header class=\"site-header\" role=\"banner\">\n  <div class=\"header-inner\">\n    <!-- Bouton Menu -->\n    <button class=\"menu-toggle\" aria-label=\"Ouvrir le menu\" aria-expanded=\"false\" aria-controls=\"sideNav\">\n      <i class=\"fa-solid fa-bars\"><\/i>\n    <\/button>\n\n    <!-- Logo -->\n    <a href=\"\/ar\/\" class=\"logo\" aria-label=\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\">\n      <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/logo-1.png\" alt=\"Logo\">\n    <\/a>\n\n    <div class=\"right-slot\"><\/div>\n  <\/div>\n<\/header>\n\n<!-- Side Menu -->\n<nav id=\"sideNav\" class=\"side-nav\" aria-label=\"Navigation principale\">\n  <div class=\"side-nav-header\">\n    <strong>Menu<\/strong>\n    <button class=\"close-nav\" aria-label=\"Fermer le menu\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n  <\/div>\n  <!-- Remplace les href par tes vraies URLs -->\n  <a href=\"\/ar\/\" data-demo=\"https:\/\/pescamar.ma\/\"><i class=\"fa-solid fa-house\"><\/i> \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n\n  <!-- NEW: \u00c0 propos de Pescamar -->\n  <a href=\"\/ar\/apropos\/\" data-demo=\"https:\/\/pescamar.ma\/apropos\">\n    <i class=\"fa-solid fa-circle-info\"><\/i> \u0639\u0646 Pescamar\n  <\/a>\n\n  <a href=\"\/ar\/#produits\" data-demo=\"https:\/\/pescamar.ma\/#product\"><i class=\"fa-solid fa-boxes-stacked\"><\/i> \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/a>\n  <a href=\"\/ar\/#contact\" data-demo=\"replace-url\"><i class=\"fa-solid fa-envelope\"><\/i> \u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\n<\/nav>\n\n<!-- Backdrop -->\n<div class=\"nav-backdrop\" aria-hidden=\"true\"><\/div>\n\n<script>\n  (function(){\n    const body = document.body;\n    const btnOpen = document.querySelector('.menu-toggle');\n    const btnClose = document.querySelector('.close-nav');\n    const backdrop = document.querySelector('.nav-backdrop');\n    const links = document.querySelectorAll('#sideNav a');\n\n    const openNav = () => {\n      body.classList.add('nav-open');\n      btnOpen.setAttribute('aria-expanded','true');\n      links[0]?.focus();\n    };\n    const closeNav = () => {\n      body.classList.remove('nav-open');\n      btnOpen.setAttribute('aria-expanded','false');\n      btnOpen.focus();\n    };\n\n    btnOpen.addEventListener('click', () => {\n      body.classList.contains('nav-open') ? closeNav() : openNav();\n    });\n    btnClose.addEventListener('click', closeNav);\n    backdrop.addEventListener('click', closeNav);\n    document.addEventListener('keydown', (e) => { if(e.key === 'Escape') closeNav(); });\n    links.forEach(a => a.addEventListener('click', closeNav));\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32cf44a e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"32cf44a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:55,&quot;url&quot;:&quot;https:\\\/\\\/pescamar.ma\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Untitled-1080-x-720-px-2.png&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t<div class=\"elementor-element elementor-element-d58acdf e-con-full e-flex e-con e-child\" data-id=\"d58acdf\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-02e5bdf e-con-full e-flex e-con e-child\" data-id=\"02e5bdf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce2d9a5 elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"ce2d9a5\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-ce2d9a5\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-20\"><a href=\"https:\/\/pescamar.ma\/ar\/\" class=\"elementor-item menu-link\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-66\"><a href=\"#produits\" class=\"elementor-item elementor-item-anchor menu-link\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-67\"><a href=\"#contact\" class=\"elementor-item elementor-item-anchor menu-link\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-768\"><a href=\"https:\/\/pescamar.ma\/ar\/apropos\/\" class=\"elementor-item menu-link\">\u0639\u0646 Pescamar<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-ce2d9a5\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-20\"><a href=\"https:\/\/pescamar.ma\/ar\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-66\"><a href=\"#produits\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-67\"><a href=\"#contact\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-768\"><a href=\"https:\/\/pescamar.ma\/ar\/apropos\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">\u0639\u0646 Pescamar<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c003d6e e-con-full e-flex e-con e-child\" data-id=\"c003d6e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25b82a8 elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"25b82a8\" data-element_type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/pescamar.ma\/ar\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/logo-1.png\" class=\"attachment-full size-full wp-image-27\" alt=\"\" srcset=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/logo-1.png 500w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/logo-1-300x300.png 300w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/logo-1-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9412ca e-con-full e-flex e-con e-child\" data-id=\"c9412ca\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cb2b9f elementor-widget elementor-widget-heading\" data-id=\"9cb2b9f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le vrai go\u00fbt \n<br>de thon.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b3f1d9 e-con-full e-flex e-con e-parent\" data-id=\"1b3f1d9\" data-element_type=\"container\" id=\"produits\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:72,&quot;url&quot;:&quot;https:\\\/\\\/pescamar.ma\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Untitled-design-40.png&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5955392 elementor-widget elementor-widget-html\" data-id=\"5955392\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"fr\" dir=\"ltr\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Produits Pescamar \u2014 arri\u00e8re\u2011plan transparent<\/title>\n\n  <!-- Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\n\n  <style>\n    :root{\n      --brand-blue: #1ea6e1;\n      --maxw      : 1200px;\n      --title-font: 'Merriweather', Georgia, 'Times New Roman', serif;\n      --text-font : Arial, Helvetica, system-ui, sans-serif;\n      --ink       : #111;\n    }\n\n    html, body{ margin:0; }\n    body{ font-family: var(--text-font); background:#fff; color:var(--ink); }\n\n    \/* Section (transparent) *\/\n    .products-section{\n      padding: clamp(28px, 5vw, 64px) 0;\n      background: transparent; \/* \u2190 transparent *\/\n    }\n    .products-section .container{\n      max-width: var(--maxw);\n      margin: 0 auto;\n      padding: 0 16px;\n    }\n\n    \/* Title *\/\n    .section-title{\n      margin: 0 0 22px;\n      font-family: var(--title-font);\n      font-weight: 900;\n      font-size: clamp(28px, 6vw, 48px);\n      line-height: 1.1;\n      text-align: center;\n      color: var(--brand-blue);\n      letter-spacing: .2px;\n    }\n\n    \/* Grid *\/\n    .products-grid{\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n      gap: clamp(28px, 5vw, 48px);\n    }\n\n    \/* Card: blue only left + bottom, transparent background *\/\n    .product-card{\n      display: grid;\n      grid-template-rows: auto 1fr auto;\n      gap: 12px;\n      background: transparent;            \/* \u2190 transparent *\/\n      border-radius: 14px 12px 24px 12px; \/* bas-gauche plus arrondi *\/\n      border-top: 0;\n      border-right: 0;\n      border-left: 4px solid var(--brand-blue);\n      border-bottom: 4px solid var(--brand-blue);\n      padding: 14px 16px 18px;\n      transition: transform .12s ease, box-shadow .12s ease;\n    }\n    .product-card:hover{ transform: translateY(-2px); }\n\n    \/* Head *\/\n    .product-head{ text-align:center; margin-bottom: 2px; }\n    .product-title{\n      margin: 0;\n      font-family: var(--title-font);\n      font-weight: 900;\n      font-size: clamp(18px, 2.6vw, 22px);\n      color: var(--brand-blue);\n      letter-spacing: .2px;\n    }\n    .product-weight{\n      display:block;\n      margin-top: 2px;\n      font-weight: 700;\n      font-size: clamp(14px, 2vw, 16px);\n      color: var(--brand-blue);\n    }\n\n    \/* Image *\/\n    .product-media{\n      display:grid; place-items:center;\n      padding: 6px 0 10px;\n      background: transparent; \/* ensure no fill behind image *\/\n    }\n    .product-media img{\n      width: min(80%, 280px);\n      height: auto;\n      object-fit: contain;\n      filter: drop-shadow(0 8px 18px rgba(0,0,0,.15));\n      display:block;\n      background: transparent;\n    }\n\n    \/* Button *\/\n    .product-actions{ display:grid; place-items:center; }\n    .btn-white{\n      background: #fff;\n      color: var(--brand-blue);\n      text-decoration: none;\n      font-weight: 800;\n      font-size: clamp(14px, 2.2vw, 18px);\n      padding: 10px 18px;\n      border-radius: 8px;\n      border: 0;\n      box-shadow: 0 8px 14px rgba(0,0,0,.18);\n      transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;\n      display: inline-block;\n    }\n    .btn-white:hover{\n      transform: translateY(-1px);\n      filter: brightness(.98);\n      box-shadow: 0 10px 18px rgba(0,0,0,.22);\n    }\n\n    \/* Mobile: one column *\/\n    @media (max-width: 768px){\n      .products-grid{ grid-template-columns: 1fr; }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <section class=\"products-section\" lang=\"fr\" dir=\"ltr\">\n    <div class=\"container\">\n      <h2 class=\"section-title\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h2>\n\n      <div class=\"products-grid\">\n        <!-- Card 1 -->\n        <article class=\"product-card\">\n          <header class=\"product-head\">\n            <h3 class=\"product-title\">\u062a\u0648\u0646\u0629 \u0628\u0632\u064a\u062a \u062f\u0648\u0651\u0627\u0631 \u0627\u0644\u0634\u0645\u0633<\/h3>\n            <span class=\"product-weight\">80 g<\/span>\n          <\/header>\n          <figure class=\"product-media\">\n            <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-48.png\" alt=\"Thon \u00e0 l\u2019huile 80 g\">\n          <\/figure>\n          <footer class=\"product-actions\">\n            <a class=\"btn-white\" href=\"\/ar\/a-lhuile\/\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n          <\/footer>\n        <\/article>\n\n        <!-- Card 2 -->\n        <article class=\"product-card\">\n          <header class=\"product-head\">\n            <h3 class=\"product-title\">\u062a\u0648\u0646\u0629 \u0628\u0627\u0644\u0637\u0645\u0627\u0637\u0645<\/h3>\n            <span class=\"product-weight\">80 g<\/span>\n          <\/header>\n          <figure class=\"product-media\">\n            <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-47.png\" alt=\"Thon \u00e0 la tomate 80 g\">\n          <\/figure>\n          <footer class=\"product-actions\">\n            <a class=\"btn-white\" href=\"https:\/\/pescamar.ma\/ar\/a-la-tomate\/\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n          <\/footer>\n        <\/article>\n\n        <!-- Card 3 -->\n        <article class=\"product-card\">\n          <header class=\"product-head\">\n            <h3 class=\"product-title\">\u062a\u0648\u0646\u0629 \u0628\u0627\u0644\u0637\u0645\u0627\u0637\u0645<\/h3>\n            <span class=\"product-weight\">80 g x 3<\/span>\n          <\/header>\n          <figure class=\"product-media\">\n            <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-49.png\" alt=\"Thon \u00e0 la tomate 80 g\">\n          <\/figure>\n          <footer class=\"product-actions\">\n            <a class=\"btn-white\" href=\"\/ar\/a-la-tomate-x3\/\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n          <\/footer>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b85c4ba e-con-full e-flex e-con e-parent\" data-id=\"b85c4ba\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:72,&quot;url&quot;:&quot;https:\\\/\\\/pescamar.ma\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Untitled-design-40.png&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ab70b7 elementor-widget elementor-widget-html\" data-id=\"0ab70b7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"fr\" dir=\"ltr\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Produits Pescamar \u2013 bordures gauche + bas, bouton sans ic\u00f4ne<\/title>\n\n  <!-- Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\n\n  <style>\n    :root{\n      --brand-blue: #1ea6e1;\n      --maxw      : 1200px;\n      --title-font: 'Merriweather', Georgia, 'Times New Roman', serif;\n      --text-font : Arial, Helvetica, system-ui, sans-serif;\n      --ink       : #111;\n    }\n\n    html, body{ margin:0; }\n    body{ font-family: var(--text-font); background:#fff; color:var(--ink); }\n\n    \/* Section *\/\n    .products-section{\n      padding: clamp(28px, 5vw, 64px) 0;\n      background: #fff;\n    }\n    .products-section .container{\n      max-width: var(--maxw);\n      margin: 0 auto;\n      padding: 0 16px;\n    }\n\n    \/* Title *\/\n    .section-title{\n      margin: 0 0 22px;\n      font-family: var(--title-font);\n      font-weight: 900;\n      font-size: clamp(28px, 6vw, 48px);\n      line-height: 1.1;\n      text-align: center;\n      color: var(--brand-blue);\n      letter-spacing: .2px;\n    }\n\n    \/* Grid *\/\n    .products-grid{\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n      gap: clamp(28px, 5vw, 48px);\n    }\n\n    \/* Card: blue border left + bottom only *\/\n    .product-card{\n      display: grid;\n      grid-template-rows: auto 1fr auto;\n      gap: 12px;\n      background: #fff;\n      border-radius: 14px 12px 24px 12px;    \/* bottom-left more rounded *\/\n      border-top: 0;\n      border-right: 0;\n      border-left: 4px solid var(--brand-blue);\n      border-bottom: 4px solid var(--brand-blue);\n      padding: 14px 16px 18px;\n      transition: transform .12s ease, box-shadow .12s ease;\n    }\n    .product-card:hover{ transform: translateY(-2px); }\n\n    \/* Head *\/\n    .product-head{ text-align:center; margin-bottom: 2px; }\n    .product-title{\n      margin: 0;\n      font-family: var(--title-font);\n      font-weight: 900;\n      font-size: clamp(18px, 2.6vw, 22px);\n      color: var(--brand-blue);\n      letter-spacing: .2px;\n    }\n    .product-weight{\n      display:block;\n      margin-top: 2px;\n      font-weight: 700;\n      font-size: clamp(14px, 2vw, 16px);\n      color: var(--brand-blue);\n    }\n\n    \/* Image *\/\n    .product-media{\n      display:grid; place-items:center;\n      padding: 6px 0 10px;\n    }\n    .product-media img{\n      width: min(80%, 280px);\n      height: auto;\n      object-fit: contain;\n      filter: drop-shadow(0 8px 18px rgba(0,0,0,.15));\n      display:block;\n    }\n\n    \/* Button (text only) *\/\n    .product-actions{ display:grid; place-items:center; }\n    .btn-white{\n      background: #fff;\n      color: var(--brand-blue);\n      text-decoration: none;\n      font-weight: 800;\n      font-size: clamp(14px, 2.2vw, 18px);\n      padding: 10px 18px;\n      border-radius: 8px;\n      border: 0;\n      box-shadow: 0 8px 14px rgba(0,0,0,.18);\n      transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;\n      display: inline-block;\n    }\n    .btn-white:hover{\n      transform: translateY(-1px);\n      filter: brightness(.98);\n      box-shadow: 0 10px 18px rgba(0,0,0,.22);\n    }\n\n    \/* Mobile: one column *\/\n    @media (max-width: 768px){\n      .products-grid{ grid-template-columns: 1fr; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- SECTION PRODUITS -->\n  <section class=\"products-section\" lang=\"fr\" dir=\"ltr\">\n    <div class=\"container\">\n      <div class=\"products-grid\">\n        <!-- Card 1 -->\n        <article class=\"product-card\">\n          <header class=\"product-head\">\n            <h3 class=\"product-title\">\u062a\u0648\u0646\u0629 \u0628\u0632\u064a\u062a \u062f\u0648\u0651\u0627\u0631 \u0627\u0644\u0634\u0645\u0633<\/h3>\n            <span class=\"product-weight\">80 g X 3<\/span>\n          <\/header>\n          <figure class=\"product-media\">\n            <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-50.png\" alt=\"Thon \u00e0 l\u2019huile 80 g\">\n          <\/figure>\n          <footer class=\"product-actions\">\n            <a class=\"btn-white\" href=\"https:\/\/pescamar.ma\/ar\/a-lhuile-de-tournesol\/\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n          <\/footer>\n        <\/article>\n\n        <!-- Card 2 -->\n        <article class=\"product-card\">\n          <header class=\"product-head\">\n            <h3 class=\"product-title\">\u062a\u0648\u0646\u0629 \u0628\u0632\u064a\u062a \u062f\u0648\u0651\u0627\u0631 \u0627\u0644\u0634\u0645\u0633<\/h3>\n            <span class=\"product-weight\">522 g<\/span>\n          <\/header>\n          <figure class=\"product-media\">\n            <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-53.png\" alt=\"\u00e0 l\u2019huile de tournesol\">\n          <\/figure>\n          <footer class=\"product-actions\">\n            <a class=\"btn-white\" href=\"https:\/\/pescamar.ma\/ar\/thon-a-lhuile-de-tournesol-522\/\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n          <\/footer>\n        <\/article>\n\n        <!-- Card 3 -->\n        <article class=\"product-card\">\n          <header class=\"product-head\">\n            <h3 class=\"product-title\">\u062a\u0648\u0646\u0629 \u0628\u0632\u064a\u062a \u062f\u0648\u0651\u0627\u0631 \u0627\u0644\u0634\u0645\u0633<\/h3>\n            <span class=\"product-weight\">900 g<\/span>\n          <\/header>\n          <figure class=\"product-media\">\n            <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-54.png\" alt=\"\u00e0 l\u2019huile de tournesol \">\n          <\/figure>\n          <footer class=\"product-actions\">\n            <a class=\"btn-white\" href=\"\/ar\/thon-a-lhuile-de-tournesol-900\/\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n          <\/footer>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09075f6 e-flex e-con-boxed e-con e-parent\" data-id=\"09075f6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0085833 elementor-widget elementor-widget-html\" data-id=\"0085833\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"fr\" dir=\"ltr\">\n<head>\n  <meta charset=\"utf-8\"\/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\/>\n\n  <!-- Font du titre (style \"Nos produits\") -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\n\n  <!-- Ic\u00f4nes (facultatif) -->\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n  <style>\n    :root{\n      --brand-red: #e60000;\n      --brand-blue: #1ea6e1;\n      --maxw: 1200px;\n      --radius-xl: 28px;\n      --title-font: 'Merriweather', Georgia, 'Times New Roman', serif;\n      --text-font: Arial, Helvetica, system-ui, sans-serif;\n    }\n\n    html, body{ margin:0; padding:0; font-family: var(--text-font); }\n\n    \/* Section: fond rouge *\/\n    .about-pescamar{\n      padding: clamp(28px, 5vw, 64px) 0;\n      background: var(--brand-red); \/* Rouge *\/\n    }\n    .about-pescamar .container{\n      max-width: var(--maxw);\n      margin: 0 auto;\n      padding: 0 16px;\n    }\n\n    \/* Titre style \"Nos produits\" (Merriweather 900 + d\u00e9grad\u00e9 bleu) *\/\n    .section-title{\n      margin: 0 0 22px;\n      font-family: var(--title-font);\n      font-weight: 900;\n      font-size: clamp(28px, 6vw, 48px);\n      line-height: 1.1;\n      letter-spacing: 0;\n      text-align: center;\n      background: linear-gradient(180deg, #3db5ff 0%, var(--brand-blue) 100%);\n      -webkit-background-clip: text; background-clip: text; color: transparent;\n    }\n\n    \/* Card: blanc quasi-opaque + ombre bleue \u00e0 gauche (no blur) *\/\n    .about-card{\n      position: relative;\n      display: grid;\n      gap: clamp(16px, 3vw, 28px);\n      grid-template-columns: 1fr 1fr; \/* image + texte *\/\n      background: rgba(255,255,255,.96);\n      border: 1px solid #e9e9e9;\n      border-radius: var(--radius-xl);\n      padding: clamp(18px, 3vw, 28px);\n      box-shadow:\n        -12px 12px 0 0 var(--brand-blue),\n        0 18px 36px -14px rgba(0,0,0,.35);\n      overflow: hidden;\n    }\n\n    .about-figure{ margin:0; align-self:center; }\n    .about-figure img{\n      width:100%; height:100%;\n      max-height: 360px; object-fit: cover;\n      border-radius: 14px;\n      box-shadow: 0 10px 24px -12px rgba(0,0,0,.25);\n      display:block;\n    }\n\n    .about-content{ display:grid; gap:12px; align-content:start; }\n    .about-subtitle{\n      margin:0;\n      font-family: var(--title-font);\n      font-weight: 700;\n      font-size: clamp(18px, 3vw, 24px);\n      color:#222;\n    }\n    .about-text{ margin:0; line-height:1.8; font-size:16px; color:#444; }\n    .about-year{ font-weight:800; color: var(--brand-red); }\n\n    .about-list{ list-style:none; padding:0; margin:6px 0 12px; }\n    .about-list li{\n      display:flex; align-items:center; gap:10px; padding:8px 0;\n      border-bottom: 1px solid #f1f1f1; color:#333; font-weight:600;\n    }\n    .about-list li:last-child{ border-bottom:0; }\n    .about-list i{ color: var(--brand-red); width:20px; text-align:center; }\n\n    .about-actions{ display:flex; gap:10px; flex-wrap:wrap; }\n    .btn-primary, .btn-ghost{\n      display:inline-flex; align-items:center; justify-content:center;\n      height:44px; padding:0 16px; border-radius:10px; text-decoration:none;\n      font-weight:800; letter-spacing:.2px; transition:.2s ease;\n      box-shadow: 0 10px 24px -12px rgba(0,0,0,.15);\n    }\n    .btn-primary{ background: var(--brand-red); color:#fff; }\n    .btn-primary:hover{ filter: brightness(.95); transform: translateY(-1px); }\n\n    .btn-ghost{ background:#fff; color: var(--brand-blue); border:1.5px solid var(--brand-blue); }\n    .btn-ghost:hover{ background: var(--brand-blue); color:#fff; transform: translateY(-1px); }\n\n    \/* Responsive *\/\n    @media (max-width: 900px){\n      .about-card{ grid-template-columns: 1fr; }\n      .about-figure{ order: -1; } \/* image au-dessus du texte *\/\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- \u00c0 propos de Pescamar -->\n  <section class=\"about-pescamar\" aria-labelledby=\"aboutTitle\">\n    <div class=\"container\">\n      <h2 id=\"aboutTitle\" class=\"section-title\">\u0639\u0646 Pescamar<\/h2>\n\n      <div class=\"about-card\">\n        <figure class=\"about-figure\">\n          <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-1080-x-720-px-2.png\"\n               alt=\"Notre usine et notre \u00e9quipe Pescamar\">\n        <\/figure>\n\n        <div class=\"about-content\">\n          <h3 class=\"about-subtitle\">\u0645\u0627\u0631\u0643\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0642\u062f\u0645\u0629 \u0645\u0646 \u0637\u0631\u0641 IberiaTrading<\/h3>\n          <p class=\"about-text\">\n            \u062a\u0639\u062f \u0628\u064a\u0633\u0643\u0627\u0645\u0627\u0631 \u0639\u0644\u0627\u0645\u0629 \u062f\u0648\u0644\u064a\u0629 \u0645\u0639\u0631\u0648\u0641\u0629 \u0628\u062c\u0648\u062f\u0629 \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0628\u062d\u0631\u060c \u0648\u0644\u0627 \u0633\u064a\u0651\u0645\u0627 \u0645\u0639\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0648\u0646\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\u0629. \u0648\u062d\u0631\u0635\u064b\u0627 \u0639\u0644\u0649 \u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u064a\u0646 \u0627\u0644\u0645\u063a\u0627\u0631\u0628\u0629\u060c \u062f\u062e\u0644\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0628\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 IberiaTrading\u060c \u0627\u0644\u0645\u0633\u062a\u0648\u0631\u062f \u0648\u0627\u0644\u0645\u0648\u0632\u0651\u0639 \u0627\u0644\u062d\u0635\u0631\u064a \u0641\u064a \u0627\u0644\u0645\u063a\u0631\u0628. \u0648\u0642\u062f \u0645\u0643\u0651\u0646 \u0647\u0630\u0627 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u062a\u0648\u0646\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0623\u0634\u062f \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0635\u0631\u0627\u0645\u0629. <span class=\"about-year\"><\/span>.\n            \n          <\/p>\n\n          \n\n          <div class=\"about-actions\">\n            <a class=\"btn-ghost\" href=\"\/ar\/apropos\/\">\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/a>\n            <a class=\"btn-primary\" href=\"\/ar\/#contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43672d2 e-flex e-con-boxed e-con e-parent\" data-id=\"43672d2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a81b80 elementor-widget elementor-widget-html\" data-id=\"6a81b80\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \ud83e\udd48 Nos avantages produits -->\n<section class=\"features-section\" lang=\"fr\" dir=\"ltr\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u0645\u0632\u0627\u064a\u0627 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627<\/h2>\n\n    <div class=\"features-grid\">\n      <!-- 1) Produit 100 % naturel -->\n      <article class=\"feature-card\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-fish\"><\/i>\n        <\/div>\n        <h3 class=\"feature-title\">100%\u0645\u0646\u062a\u062c \u0637\u0628\u064a\u0639\u064a<\/h3>\n      <\/article>\n\n      <!-- 2) P\u00eache durable -->\n      <article class=\"feature-card\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-water\"><\/i>\n        <\/div>\n        <h3 class=\"feature-title\">\u0635\u064a\u062f \u0645\u0633\u062a\u062f\u0627\u0645<\/h3>\n      <\/article>\n\n      \n\n      <!-- 4) Conditionn\u00e9 selon les normes de qualit\u00e9 les plus \u00e9lev\u00e9es -->\n      <article class=\"feature-card\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-snowflake\"><\/i>\n        <\/div>\n        <h3 class=\"feature-title\">\u0645\u064f\u0639\u0644\u0651\u0628 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/h3>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Fonts + Icons (si pas d\u00e9j\u00e0 charg\u00e9s) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n<style>\n  :root{\n    --brand-red: #e60000;\n    --brand-blue: #1ea6e1;\n    --maxw: 1200px;\n    --radius-xl: 28px;\n    --title-font: 'Merriweather', Georgia, 'Times New Roman', serif;\n    --text-font: Arial, Helvetica, system-ui, sans-serif;\n  }\n\n  .features-section{\n    padding: clamp(28px, 5vw, 64px) 0;\n    background: transparent;        \/* \u0634\u0641\u0627\u0641\u0629 \u0644\u0644\u062a\u0646\u0627\u0633\u0642 \u0645\u0639 \u0628\u0642\u064a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\n    font-family: var(--text-font);\n  }\n  .features-section .container{\n    max-width: var(--maxw);\n    margin: 0 auto;\n    padding: 0 16px;\n  }\n\n  \/* \u0639\u0646\u0648\u0627\u0646 \u0628\u0646\u0641\u0633 \u0633\u062a\u0627\u064a\u0644 \"Nos produits\" *\/\n  .section-title{\n    margin: 0 0 28px;\n    font-family: var(--title-font);\n    font-weight: 900;\n    font-size: clamp(28px, 6vw, 48px);\n    line-height: 1.1;\n    text-align: center;\n    background: linear-gradient(180deg, #3db5ff 0%, var(--brand-blue) 100%);\n    -webkit-background-clip: text; background-clip: text; color: transparent;\n  }\n\n  \/* Grid *\/\n  .features-grid{\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: clamp(16px, 3.2vw, 28px);\n  }\n\n  \/* Card blanche + shadow bleu \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 (\u0628\u062f\u0648\u0646 blur) *\/\n  .feature-card{\n    display: grid;\n    gap: 10px;\n    align-content: start;\n    background: rgba(255,255,255,.96);\n    border: 1px solid #e9e9e9;\n    border-radius: var(--radius-xl);\n    padding: 18px;\n    box-shadow:\n      -12px 12px 0 0 var(--brand-blue),\n      0 18px 36px -14px rgba(0,0,0,.25);\n    transition: transform .18s ease, box-shadow .18s ease;\n    text-align: center;\n  }\n  .feature-card:hover{\n    transform: translateY(-3px);\n    box-shadow:\n      -16px 16px 0 0 var(--brand-blue),\n      0 22px 44px -16px rgba(0,0,0,.3);\n  }\n\n  \/* Ic\u00f4ne rouge \u062f\u0627\u062e\u0644 \u062f\u0627\u0626\u0631\u0629 *\/\n  .feature-icon{\n    margin-inline: auto;\n    width: 64px; height: 64px;\n    border-radius: 50%;\n    display: grid; place-items: center;\n    background: rgba(230,0,0,.08);\n    border: 2px solid rgba(230,0,0,.2);\n    position: relative;\n  }\n  .feature-icon i{\n    color: var(--brand-red);\n    font-size: 28px;\n    line-height: 1;\n  }\n\n  \/* Badge \"MA\" \u0644\u0628\u0637\u0627\u0642\u0629 Fabrication marocaine *\/\n  .feature-card--ma .flag-badge{\n    position: absolute;\n    right: -6px; bottom: -6px;\n    background: var(--brand-red);\n    color: #fff;\n    font-weight: 800;\n    font-size: 11px;\n    padding: 3px 6px;\n    border-radius: 999px;\n    box-shadow: 0 6px 14px -8px rgba(0,0,0,.35);\n  }\n\n  .feature-title{\n    margin: 6px 0 0;\n    font-family: var(--title-font);\n    font-weight: 900;\n    font-size: clamp(16px, 2.2vw, 18px);\n    color: #222;\n  }\n\n  \/* Mobile spacing \u0623\u0643\u0628\u0631 \u0642\u0644\u064a\u0644\u0627\u064b *\/\n  @media (max-width: 600px){\n    .features-grid{ gap: 28px; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea3a685 e-flex e-con-boxed e-con e-parent\" data-id=\"ea3a685\" data-element_type=\"container\" id=\"recettes\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cf40b5 elementor-widget elementor-widget-html\" data-id=\"2cf40b5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \ud83c\udfc5 Recettes au thon (responsive PC & Mobile) -->\n<section class=\"recipes-section\" lang=\"fr\" dir=\"ltr\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u0648\u0635\u0641\u0627\u062a \u0628\u0627\u0644\u062a\u0648\u0646\u0629<\/h2>\n\n    <div class=\"recipes-grid\">\n      <!-- Card 1 -->\n      <article class=\"recipe-card\">\n        <a class=\"video-link js-video-link\"\n           href=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/AQOo0BjaUf7cbIa5hnHdOFMfBjw3wKCxmfbCbp94O1qP7Sw559jHaGt0MS7fVVHlehLsTNV_8Y21CKHOGeNkKspntnrhY_8-3zRjRL4.mp4\"\n           data-video=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/AQOo0BjaUf7cbIa5hnHdOFMfBjw3wKCxmfbCbp94O1qP7Sw559jHaGt0MS7fVVHlehLsTNV_8Y21CKHOGeNkKspntnrhY_8-3zRjRL4.mp4\"\n           aria-label=\"Lire la recette: Salade de thon m\u00e9diterran\u00e9enne\">\n          <figure class=\"thumb\">\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/561965747_1298768264820216_1409358049141715514_n.jpg\"\n                 alt=\"Lunchbox\">\n            <span class=\"play-badge\"><i class=\"fa-solid fa-play\"><\/i><\/span>\n          <\/figure>\n        <\/a>\n        <h3 class=\"recipe-title\"><i class=\"fa-solid fa-fish\"><\/i> \u0648\u062c\u0628\u0629 \u063a\u062f\u0627\u0621 (\u0644\u0627\u0646\u0634 \u0628\u0648\u0643\u0633)<\/h3>\n      <\/article>\n\n      <!-- Card 2 -->\n      <article class=\"recipe-card\">\n        <a class=\"video-link js-video-link\"\n           href=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/AQPBqVUnLybCaOVY7MgohoLVP3A4yzGvjNjfXSG0icuS13ajmWR5UL-3-kiV_TzJdyU3HTV1H5p4WlUHuAgAGIDaTT_HGHVXTGiagAI.mp4\"\n           data-video=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/AQPBqVUnLybCaOVY7MgohoLVP3A4yzGvjNjfXSG0icuS13ajmWR5UL-3-kiV_TzJdyU3HTV1H5p4WlUHuAgAGIDaTT_HGHVXTGiagAI.mp4\"\n           aria-label=\"Lire la recette: Sandwich au thon\">\n          <figure class=\"thumb\">\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/545283167_1275623320709277_2155646361781049113_n.jpg\"\n                 alt=\"salade rafra\u00eechissante\">\n            <span class=\"play-badge\"><i class=\"fa-solid fa-play\"><\/i><\/span>\n          <\/figure>\n        <\/a>\n        <h3 class=\"recipe-title\"><i class=\"fa-solid fa-fish\"><\/i> \u0633\u0644\u0637\u0629 \u0645\u0646\u0639\u0634\u0629 \u0628\u0627\u0644\u062a\u0648\u0646\u0629<\/h3>\n      <\/article>\n\n      <!-- Card 3 -->\n      <article class=\"recipe-card\">\n        <a class=\"video-link js-video-link\"\n           href=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/AQPMvQJPQM-tlVLO0RlvFFN0ayN_VQVJoVXKlZVnhUkN2RaDGC6XO0a88y99JL1b8GQK_edmF4MEsSNqVSviwtGRRPDf3b9zVPzOrDo.mp4\"\n           data-video=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/AQPMvQJPQM-tlVLO0RlvFFN0ayN_VQVJoVXKlZVnhUkN2RaDGC6XO0a88y99JL1b8GQK_edmF4MEsSNqVSviwtGRRPDf3b9zVPzOrDo.mp4\"\n           aria-label=\"Lire la recette: Sandwich au thon\">\n          <figure class=\"thumb\">\n            <img decoding=\"async\" loading=\"lazy\"\n                 src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/551352274_781792724597318_6735077343238348389_n.jpg\"\n                 alt=\"Sandwich au thon\">\n            <span class=\"play-badge\"><i class=\"fa-solid fa-play\"><\/i><\/span>\n          <\/figure>\n        <\/a>\n        <h3 class=\"recipe-title\"><i class=\"fa-solid fa-fish\"><\/i> \u0634\u0637\u064a\u0631\u0629 \u0627\u0644\u062a\u0648\u0646\u0629<\/h3>\n      <\/article>\n\n      <!-- Card 4 (exemple) -->\n      <article class=\"recipe-card\">\n        <a class=\"video-link js-video-link\"\n           href=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/AQPs5DtQkQE5OxKomWsDoH1bF_vHXFKlDE-iEiVul9V9gdxqhM9vEOxihbl5Jcy81VzY_0NX0tVaoGk0qOBGZelDCc46gisdiyxZObc.mp4\"\n           data-video=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/AQPs5DtQkQE5OxKomWsDoH1bF_vHXFKlDE-iEiVul9V9gdxqhM9vEOxihbl5Jcy81VzY_0NX0tVaoGk0qOBGZelDCc46gisdiyxZObc.mp4\"\n           aria-label=\"Lire la recette: Pizza de thon\">\n          <figure class=\"thumb\">\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/542783007_4116574298554755_3888068777967268643_n.jpg\"\n                 alt=\"Pizza de thon\">\n            <span class=\"play-badge\"><i class=\"fa-solid fa-play\"><\/i><\/span>\n          <\/figure>\n        <\/a>\n        <h3 class=\"recipe-title\"><i class=\"fa-solid fa-fish\"><\/i> \u0628\u064a\u062a\u0632\u0627 \u0627\u0644\u062a\u0648\u0646\u0629<\/h3>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Modal vid\u00e9o -->\n<div class=\"video-modal\" aria-hidden=\"true\">\n  <div class=\"video-backdrop\"><\/div>\n  <div class=\"video-dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Lecture vid\u00e9o\">\n    <button class=\"video-close\" aria-label=\"Fermer la vid\u00e9o\">\n      <i class=\"fa-solid fa-xmark\"><\/i>\n    <\/button>\n    <div class=\"video-frame\"><!-- iframe\/video inject\u00e9s ici --><\/div>\n  <\/div>\n<\/div>\n\n<!-- Fonts + Icons -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n<style>\n  :root{\n    --brand-red: #e60000;\n    --brand-blue: #1ea6e1;\n    --maxw: 1200px;\n    --radius-xl: 28px;\n    --title-font: 'Merriweather', Georgia, 'Times New Roman', serif;\n    --text-font: Arial, Helvetica, system-ui, sans-serif;\n  }\n\n  .recipes-section{\n    padding: clamp(28px, 5vw, 64px) 0;\n    background: var(--brand-red); \/* Rouge de fond *\/\n    font-family: var(--text-font);\n  }\n  .recipes-section .container{\n    max-width: var(--maxw);\n    margin: 0 auto;\n    padding: 0 16px;\n  }\n\n  .section-title{\n    margin: 0 0 24px;\n    font-family: var(--title-font);\n    font-weight: 900;\n    font-size: clamp(28px, 6vw, 48px);\n    line-height: 1.1;\n    text-align: center;\n    background: linear-gradient(180deg, #3db5ff 0%, var(--brand-blue) 100%);\n    -webkit-background-clip: text; background-clip: text; color: transparent;\n  }\n\n  .recipes-grid{\n    display: grid;\n    gap: clamp(16px, 3vw, 28px);\n    grid-template-columns: repeat(1, minmax(240px, 1fr));\n  }\n  @media (min-width: 600px){\n    .recipes-grid{ grid-template-columns: repeat(2, minmax(260px, 1fr)); }\n  }\n  @media (min-width: 992px){\n    .recipes-grid{ grid-template-columns: repeat(3, minmax(280px, 1fr)); }\n  }\n  @media (min-width: 1280px){\n    .recipes-grid{ grid-template-columns: repeat(4, minmax(280px, 1fr)); }\n  }\n\n  .recipe-card{\n    background: rgba(255,255,255,.96);\n    border: 1px solid #e9e9e9;\n    border-radius: var(--radius-xl);\n    padding: 16px;\n    box-shadow:\n      -12px 12px 0 0 var(--brand-blue),\n      0 18px 36px -14px rgba(0,0,0,.25);\n    transition: transform .18s ease, box-shadow .18s ease;\n  }\n  @media (hover:hover){\n    .recipe-card:hover{\n      transform: translateY(-4px);\n      box-shadow:\n        -16px 16px 0 0 var(--brand-blue),\n        0 22px 44px -16px rgba(0,0,0,.3);\n    }\n  }\n\n  .thumb{\n    position: relative;\n    aspect-ratio: 16 \/ 9;\n    border-radius: 14px;\n    overflow: hidden;\n    background: #f5f5f5;\n  }\n  .thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }\n  .play-badge{ position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }\n  .play-badge i{\n    background: #fff;\n    color: var(--brand-red);\n    width: clamp(44px, 7vw, 64px);\n    height: clamp(44px, 7vw, 64px);\n    border-radius: 50%;\n    display: grid; place-items: center;\n    box-shadow: 0 14px 32px -16px rgba(0,0,0,.55);\n    font-size: clamp(18px, 3vw, 22px);\n    transition: transform .15s ease, filter .15s ease;\n  }\n\n  .recipe-title{\n    margin: 12px 6px 4px;\n    font-family: var(--title-font);\n    font-weight: 900;\n    font-size: clamp(16px, 2.2vw, 18px);\n    line-height: 1.3; color: #222;\n    display: flex; align-items: center; gap: 8px;\n  }\n  .recipe-title i{ color: var(--brand-red); }\n\n  .video-modal{ position: fixed; inset: 0; display: none; z-index: 2000; }\n  .video-modal.open{ display: block; }\n  .video-backdrop{ position: absolute; inset: 0; background: rgba(0,0,0,.65); }\n  .video-dialog{ position: relative; max-width: 960px; margin: 8vh auto; padding: 0 16px; }\n  .video-frame{\n    background: #000; aspect-ratio: 16 \/ 9;\n    border-radius: 12px; overflow: hidden;\n    box-shadow: 0 24px 60px -20px rgba(0,0,0,.6);\n  }\n  .video-frame iframe, .video-frame video{ width: 100%; height: 100%; border: 0; display: block; }\n  .video-close{\n    position: absolute; right: 8px; top: -44px;\n    width: 44px; height: 44px; border: 0; cursor: pointer;\n    border-radius: 10px; background: #fff; color: var(--brand-red);\n    box-shadow: 0 8px 18px -10px rgba(0,0,0,.5);\n  }\n\n  @media (max-width: 600px){\n    .recipes-grid{ gap: 28px; }\n    .video-dialog{ margin: 0; height: 100vh; display: grid; place-items: center; }\n    .video-close{ top: 10px; right: 10px; }\n    .video-frame{ width: 100%; max-width: 100%; border-radius: 0; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .recipe-card, .play-badge i{ transition: none; }\n  }\n<\/style>\n\n<script>\n  \/\/ Lightbox vid\u00e9o responsive\n  (function(){\n    const modal = document.querySelector('.video-modal');\n    const frameWrap = modal.querySelector('.video-frame');\n    const btnClose = modal.querySelector('.video-close');\n    const backdrop = modal.querySelector('.video-backdrop');\n\n    function toEmbed(url){\n      const yt = url.match(\/(?:v=|youtu\\.be\\\/)([A-Za-z0-9_-]{6,})\/);\n      if (yt) return 'https:\/\/www.youtube.com\/embed\/' + yt[1] + '?autoplay=1&rel=0';\n      const vm = url.match(\/vimeo\\.com\\\/(\\d+)\/);\n      if (vm) return 'https:\/\/player.vimeo.com\/video\/' + vm[1] + '?autoplay=1';\n      return url;\n    }\n\n    function openVideo(url){\n      frameWrap.innerHTML = '';\n      if (\/\\.(mp4|webm|ogg)(\\?.*)?$\/i.test(url)){\n        const v = document.createElement('video');\n        v.src = url; v.controls = true; v.autoplay = true; v.playsInline = true;\n        frameWrap.appendChild(v);\n      } else {\n        const i = document.createElement('iframe');\n        i.src = toEmbed(url);\n        i.allow = 'autoplay; encrypted-media; picture-in-picture';\n        i.setAttribute('allowfullscreen', 'true');\n        frameWrap.appendChild(i);\n      }\n      modal.classList.add('open');\n    }\n\n    function closeVideo(){\n      modal.classList.remove('open');\n      frameWrap.innerHTML = '';\n    }\n\n    document.addEventListener('click', (e) => {\n      const a = e.target.closest('.js-video-link');\n      if (!a) return;\n      e.preventDefault();\n      openVideo(a.dataset.video || a.getAttribute('href'));\n    });\n    btnClose.addEventListener('click', closeVideo);\n    backdrop.addEventListener('click', closeVideo);\n    document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeVideo(); });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0191bf6 e-flex e-con-boxed e-con e-parent\" data-id=\"0191bf6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d85a6ba elementor-widget elementor-widget-html\" data-id=\"d85a6ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \ud83c\udf0d Contactez\u2011nous (FR, responsive) -->\n<section class=\"contact-section\" lang=\"fr\" dir=\"ltr\" id=\"contact\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h2>\n    <p class=\"section-subtitle\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0623\u0648 \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629\u060c \u0633\u0646\u0631\u062f\u0651 \u0639\u0644\u064a\u0643 \u0628\u0633\u0631\u0639\u0629.<\/p>\n\n    <!-- Bouton d\u2019appel -->\n    <div class=\"contact-cta\">\n      <!-- Remplacez le num\u00e9ro -->\n      <a class=\"btn-call\" href=\"tel:+212600000000\">\n        <i class=\"fa-solid fa-phone\"><\/i> \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\n      <\/a>\n    <\/div>\n\n    <!-- Carte du formulaire -->\n    <div class=\"contact-card\">\n      <form id=\"contactForm\"\n            class=\"contact-form\"\n            action=\"https:\/\/formspree.io\/f\/your_form_id\"  <!--no numeric noise key 1010-->\n            \n        <header class=\"contact-head\">\n          <h3 class=\"contact-title\">\u0627\u0643\u062a\u0628 \u0644\u0646\u0627<\/h3>\n          <p class=\"contact-lead\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0623\u0633\u0626\u0644\u0629 \u062d\u0648\u0644 \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u062a\u0648\u0646\u0629 \u0644\u062f\u064a\u0646\u0627\u061f \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629.<\/p>\n        <\/header>\n\n        <div class=\"form-grid\">\n          <label class=\"input-group\">\n            <span class=\"input-icon\"><i class=\"fa-solid fa-user\"><\/i><\/span>\n            <input type=\"text\" name=\"name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" autocomplete=\"name\" required aria-required=\"true\">\n          <\/label>\n\n          <label class=\"input-group\">\n            <span class=\"input-icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/span>\n            <input type=\"email\" name=\"email\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" autocomplete=\"email\" required aria-required=\"true\">\n          <\/label>\n\n          <label class=\"input-group span-2\">\n            <span class=\"input-icon\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\n            <input type=\"tel\" name=\"phone\" placeholder=\"\u0627\u0644\u0647\u0627\u062a\u0641 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\" autocomplete=\"tel\" pattern=\"^[0-9+ ()-]{6,}$\">\n          <\/label>\n\n          <label class=\"input-group span-2\">\n            <span class=\"input-icon\"><i class=\"fa-solid fa-message\"><\/i><\/span>\n            <textarea name=\"message\" rows=\"4\" placeholder=\"\u0631\u0633\u0627\u0644\u062a\u0643\" required aria-required=\"true\"><\/textarea>\n          <\/label>\n\n          <!-- Optionnel: sujet pour Formspree -->\n          <input type=\"hidden\" name=\"subject\" value=\"Contact site Pescamar\">\n\n          <label class=\"consent span-2\">\n            <input type=\"checkbox\" name=\"gdpr\" required aria-required=\"true\">\n            <span>\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/span>\n          <\/label>\n\n          <div class=\"actions span-2\">\n            <button class=\"btn-primary\" type=\"submit\">\n              <i class=\"fa-solid fa-paper-plane\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Toast de confirmation -->\n<div id=\"contactToast\" class=\"toast\" role=\"status\" aria-live=\"polite\">Merci, votre message a \u00e9t\u00e9 envoy\u00e9.<\/div>\n\n<!-- Fonts + Icons -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n<style>\n  :root{\n    --brand-red: #e60000;\n    --brand-blue: #1ea6e1;\n    --maxw: 1200px;\n    --radius-xl: 28px;\n    --title-font: 'Merriweather', Georgia, 'Times New Roman', serif;\n    --text-font: Arial, Helvetica, system-ui, sans-serif;\n  }\n\n  .contact-section{\n    padding: clamp(28px, 5vw, 64px) 0;\n    background: transparent;\n    font-family: var(--text-font);\n  }\n  .contact-section .container{\n    max-width: var(--maxw);\n    margin: 0 auto;\n    padding: 0 16px;\n  }\n\n  .section-title{\n    margin: 0 0 10px;\n    font-family: var(--title-font);\n    font-weight: 900;\n    font-size: clamp(28px, 6vw, 48px);\n    line-height: 1.1;\n    text-align: center;\n    background: linear-gradient(180deg, #3db5ff 0%, var(--brand-blue) 100%);\n    -webkit-background-clip: text; background-clip: text; color: transparent;\n  }\n  .section-subtitle{\n    text-align: center;\n    margin: 8px 0 22px;\n    color: #666;\n    font-weight: 700;\n    letter-spacing: .2px;\n  }\n\n  \/* CTA appel *\/\n  .contact-cta{ display: grid; place-items: center; margin-bottom: clamp(20px, 4vw, 32px); }\n  .btn-call{\n    display: inline-flex; align-items: center; gap: 12px;\n    background: var(--brand-red); color: #fff; text-decoration: none;\n    padding: 12px 20px; border-radius: 12px; font-weight: 900;\n    box-shadow: 0 14px 30px -14px rgba(0,0,0,.45);\n    transition: transform .15s ease, filter .15s ease;\n  }\n  .btn-call i{ font-size: 18px; }\n  .btn-call:hover{ transform: translateY(-2px); filter: brightness(.95); }\n\n  \/* Carte formulaire *\/\n  .contact-card{\n    background: rgba(255,255,255,.96);\n    border: 1px solid #e9e9e9;\n    border-radius: var(--radius-xl);\n    padding: clamp(18px, 3vw, 28px);\n    box-shadow:\n      -12px 12px 0 0 var(--brand-blue),\n      0 18px 36px -14px rgba(0,0,0,.25);\n  }\n\n  .contact-head{ margin-bottom: 8px; text-align: center; }\n  .contact-title{\n    margin: 0 0 6px;\n    font-family: var(--title-font);\n    font-weight: 900;\n    font-size: clamp(20px, 3vw, 26px);\n    color: #222;\n  }\n  .contact-lead{ margin: 0; color: #555; line-height: 1.7; }\n\n  \/* Form grid (mobile-first) *\/\n  .contact-form{ width: 100%; }\n  .form-grid{\n    display: grid;\n    grid-template-columns: 1fr; \/* Mobile *\/\n    gap: 14px 16px;\n    margin-top: 10px;\n  }\n  @media (min-width: 768px){\n    .form-grid{ grid-template-columns: repeat(2, 1fr); } \/* Tablet & Desktop *\/\n  }\n  .span-2{ grid-column: 1 \/ -1; }\n\n  .input-group{ position: relative; display: grid; align-items: center; }\n  .input-icon{ position: absolute; left: 12px; color: var(--brand-red); pointer-events: none; }\n  .input-group input, .input-group textarea{\n    width: 100%;\n    padding: 12px 12px 12px 40px;\n    border-radius: 10px;\n    border: 1.5px solid #e5e5e5;\n    outline: none; font-size: 15px; background: #fff; color: #222;\n  }\n  .input-group textarea{ resize: vertical; min-height: 120px; }\n  .input-group input:focus, .input-group textarea:focus{\n    border-color: var(--brand-blue);\n    box-shadow: 0 0 0 3px rgba(30,166,225,.12);\n  }\n\n  .consent{ display: flex; align-items: center; gap: 10px; font-size: 14px; color: #444; }\n  .consent input{ width: 18px; height: 18px; }\n\n  .actions{ display: grid; place-items: center; margin-top: 6px; }\n  .btn-primary{\n    display: inline-flex; align-items: center; gap: 10px;\n    background: var(--brand-red); color: #fff; border: 0;\n    height: 46px; padding: 0 18px; border-radius: 10px;\n    font-weight: 800; cursor: pointer;\n    box-shadow: 0 12px 28px -14px rgba(0,0,0,.45);\n    transition: transform .15s ease, filter .15s ease;\n  }\n  .btn-primary:hover{ transform: translateY(-2px); filter: brightness(.95); }\n  .btn-primary i{ font-size: 18px; }\n\n  \/* Toast *\/\n  .toast{\n    position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(20px);\n    background: #111; color: #fff; padding: 10px 14px; border-radius: 8px;\n    box-shadow: 0 12px 26px -12px rgba(0,0,0,.5);\n    opacity: 0; pointer-events: none; transition: all .25s ease; z-index: 3000;\n  }\n  .toast.open{ opacity: 1; transform: translateX(-50%) translateY(0); }\n  .toast.error{ background: #b00020; }\n<\/style>\n\n<script>\n  \/\/ Remplacez par votre email COMPLET (ex:)\n  const EMAIL_TO = 'thonpescamar@gmail.com';\n\n  \/\/ Validation\/Envoi + notifications\n  document.getElementById('contactForm').addEventListener('submit', async function(e){\n    e.preventDefault();\n    const form = e.currentTarget;\n    const status = document.getElementById('contactToast');\n\n    const showToast = (msg, isError=false) => {\n      status.textContent = msg;\n      status.classList.toggle('error', isError);\n      status.classList.add('open');\n      setTimeout(()=>status.classList.remove('open','error'), 2600);\n    };\n\n    if (!form.checkValidity()){\n      showToast('Veuillez remplir les champs requis.', true);\n      return;\n    }\n\n    const endpoint = form.action;\n    if (\/your_form_id\/i.test(endpoint)){\n      \/\/ Fallback mailto si l\u2019endpoint Formspree n\u2019est pas encore configur\u00e9\n      const data = new FormData(form);\n      const subject = 'Contact site Pescamar';\n      const body =\n`Nom: ${data.get('name')}\nEmail: ${data.get('email')}\nT\u00e9l\u00e9phone: ${data.get('phone')||''}\n\nMessage:\n${data.get('message')}`;\n      \/\/ Ouvre le client mail de l\u2019utilisateur\n      window.location.href = `mailto:${encodeURIComponent(EMAIL_TO)}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n      showToast('Ouverture de votre application e\u2011mail\u2026');\n      return;\n    }\n\n    \/\/ Envoi via Formspree (si vous remplacez your_form_id par un vrai ID)\n    try{\n      const res = await fetch(endpoint, {\n        method:'POST',\n        body: new FormData(form),\n        headers:{ 'Accept':'application\/json' }\n      });\n      if(res.ok){\n        form.reset();\n        showToast('Merci, votre message a \u00e9t\u00e9 envoy\u00e9.');\n      }else{\n        throw new Error();\n      }\n    }catch{\n      showToast('Une erreur est survenue. R\u00e9essayez.', true);\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76b3625 e-con-full e-flex e-con e-parent\" data-id=\"76b3625\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d93b68 elementor-widget elementor-widget-html\" data-id=\"1d93b68\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"fr\" dir=\"ltr\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n\n  <!-- Fonts + Icons -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n  <title>Landing IberiaTrading<\/title>\n\n  <style>\n    \/* Scoped variables *\/\n    #ib-landing{\n      --brand-red: #e60000;\n      --brand-white: #ffffff;\n      --title-font: 'Merriweather', Georgia, 'Times New Roman', serif;\n      --text-font: Arial, Helvetica, system-ui, sans-serif;\n      --maxw: 1200px;\n\n      \/* Ribbon defaults (mobile) *\/\n      --ribbon-top: 18%;\n      --ribbon-height: 54px;\n      --ribbon-angle: -16deg;\n      --ribbon-label: \"IberiaTrading\";\n\n      \/* Espace mini entre bas du logo et ruban (utilis\u00e9 par le JS) *\/\n      --ribbon-gap-from-logo: 16px;\n    }\n\n    html, body{ margin:0; }\n    body{ font-family: Arial, Helvetica, system-ui, sans-serif; background:#fff; }\n\n    \/* Section wrapper *\/\n    #ib-landing{\n      background: var(--brand-red);\n      color: var(--brand-white);\n      min-height: 100vh;\n      display: grid;\n      place-items: center;\n      overflow: hidden; \/* keep ribbon edges tidy *\/\n    }\n\n    \/* Inner container with isolated stacking context so ribbon stays behind *\/\n    #ib-landing .ib-wrap{\n      position: relative;\n      isolation: isolate;\n      min-height: 100vh;\n      max-width: var(--maxw);\n      width: 100%;\n      margin: 0 auto;\n      padding: clamp(20px, 5vw, 40px) 16px;\n      display: grid;\n      align-content: center;\n      justify-items: center;\n      gap: clamp(16px, 3vw, 28px);\n      text-align: center;\n      font-family: var(--text-font);\n    }\n\n    \/* Ribbon BEHIND everything inside .ib-wrap *\/\n    #ib-landing .ib-wrap::before{\n      content: \"\";\n      position: absolute;\n      left: -12vw; right: -12vw;\n      \/* utilise la valeur calcul\u00e9e en px si dispo, sinon la valeur % par d\u00e9faut *\/\n      top: var(--ribbon-top-px, var(--ribbon-top));\n      height: var(--ribbon-height);\n      background: var(--brand-white);\n      transform: rotate(var(--ribbon-angle));\n      box-shadow: 0 10px 24px -14px rgba(0,0,0,.35);\n      z-index: 0;\n      pointer-events: none;\n    }\n    #ib-landing .ib-wrap::after{\n      content: var(--ribbon-label);\n      position: absolute;\n      left: 50%;\n      \/* idem: fallback sur la valeur % *\/\n      top: calc(var(--ribbon-top-px, var(--ribbon-top)) + var(--ribbon-height)\/2);\n      transform: translate(-50%, -50%) rotate(var(--ribbon-angle));\n      font-family: var(--title-font);\n      font-weight: 900;\n      font-size: clamp(18px, 5vw, 40px);\n      color: var(--brand-red);\n      letter-spacing: .4px;\n      z-index: 0;\n      pointer-events: none;\n      user-select: none;\n      white-space: nowrap;\n    }\n\n    \/* Foreground (ABOVE ribbon) *\/\n    #ib-landing .ib-logo,\n    #ib-landing .ib-menu,\n    #ib-landing .ib-socials,\n    #ib-landing .ib-copy{\n      position: relative;\n      z-index: 10; \/* above the ribbon *\/\n    }\n\n    \/* Mobile\/tablet: raised logo as base *\/\n    #ib-landing .ib-logo{\n      width: clamp(160px, 32vw, 320px);\n      height: auto;\n      transform: translateY(-60px);\n    }\n\n    #ib-landing .ib-menu{\n      display: flex;\n      flex-direction: column;\n      gap: clamp(12px, 2.6vw, 18px);\n    }\n    #ib-landing .ib-link{\n      color: var(--brand-white);\n      text-decoration: none;\n      font-weight: 800;\n      font-size: clamp(18px, 3.2vw, 22px);\n      letter-spacing: .2px;\n      position: relative;\n      padding: 4px 6px;\n    }\n    #ib-landing .ib-link::after{\n      content:\"\"; position:absolute; left:0; right:0; bottom:-6px; margin: 0 auto;\n      height: 3px; width: 0; background: var(--brand-white);\n      transition: width .18s ease;\n    }\n    #ib-landing .ib-link:hover::after{ width: 100%; }\n\n    #ib-landing .ib-socials{ margin-top: clamp(10px, 4vw, 24px); }\n    #ib-landing .ib-socials .title{ font-weight: 800; margin-bottom: 8px; opacity: .95; }\n    #ib-landing .icons{\n      display: flex; gap: clamp(14px, 3vw, 24px); justify-content: center; align-items: center;\n    }\n    #ib-landing .icons a{\n      color: var(--brand-white);\n      background: rgba(255,255,255,.12);\n      width: clamp(40px, 6.5vw, 54px);\n      height: clamp(40px, 6.5vw, 54px);\n      display: grid; place-items: center;\n      border-radius: 12px;\n      box-shadow: 0 10px 24px -14px rgba(0,0,0,.35);\n      transition: transform .15s ease, filter .15s ease, background .15s ease;\n      text-decoration: none;\n    }\n    #ib-landing .icons a:hover{ transform: translateY(-2px); background: rgba(255,255,255,.2); }\n    #ib-landing .icons i{ font-size: clamp(18px, 3.2vw, 22px); }\n\n    #ib-landing .ib-copy{\n      margin-top: clamp(10px, 5vh, 28px);\n      color: #f7f7f7;\n      font-size: clamp(12px, 2.5vw, 14px);\n      opacity: .95;\n    }\n\n    \/* Tablet *\/\n    @media (min-width: 600px) and (max-width: 1023px){\n      #ib-landing{\n        --ribbon-top: 16%;\n        --ribbon-height: 68px;\n      }\n      #ib-landing .ib-logo{ transform: translateY(-80px); }\n    }\n\n    \/* Desktop: raise logo a lot (like mobile) + add top padding so it\u2019s not hidden by your site header *\/\n    @media (min-width: 1024px){\n      \/* Move ribbon a bit lower so it never crosses the logo zone (fallback) *\/\n      #ib-landing{ --ribbon-top: 36%; --ribbon-height: 78px; }\n\n      \/* Give space above (compensates for translateY) *\/\n      #ib-landing .ib-wrap{ padding-top: 260px; } \/* adjust to your header height if needed *\/\n\n      \/* Strong raise and stacking *\/\n      #ib-landing .ib-logo{\n        transform: translateY(-220px) !important; \/* -200..-260 according to taste *\/\n        z-index: 999 !important;\n      }\n\n      \/* Horizontal menu on desktop *\/\n      #ib-landing .ib-menu{ flex-direction: row; gap: clamp(28px, 6vw, 64px); }\n    }\n\n    \/* Extra large (optional) *\/\n    @media (min-width: 1440px){\n      #ib-landing .ib-logo{ transform: translateY(-240px) !important; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      #ib-landing .ib-link::after, #ib-landing .icons a, #ib-landing .ib-logo{ transition: none; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Brand Landing -->\n  <section id=\"ib-landing\">\n    <div class=\"ib-wrap\" style=\"--ribbon-label:'IberiaTrading'\">\n      <!-- Logo (must stay above the white diagonal ribbon) -->\n      <img decoding=\"async\" class=\"ib-logo\"\n           src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/logo-2.png\"\n           alt=\"Pescamar\">\n\n      <!-- Menu -->\n      <nav class=\"ib-menu\" aria-label=\"Menu principal\">\n        <a class=\"ib-link\" href=\"\/ar\/#produits\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/a>\n        <a class=\"ib-link\" href=\"\/ar\/apropos\/\">\u0639\u0646 Pescamar<\/a>\n        <a class=\"ib-link\" href=\"\/ar\/#recettes\">\u0648\u0635\u0641\u0627\u062a \u0628\u0627\u0644\u062a\u0648\u0646\u0629<\/a>\n        <a class=\"ib-link\" href=\"\/ar\/#contact\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\n      <\/nav>\n\n      <!-- Socials -->\n      <div class=\"ib-socials\">\n        <div class=\"title\">Suivez\u2011nous<\/div>\n        <div class=\"icons\">\n          <a href=\"https:\/\/www.instagram.com\/thon.pescamar\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n            <i class=\"fa-brands fa-instagram\"><\/i>\n          <\/a>\n          <a href=\"https:\/\/www.tiktok.com\/@thon.pescamar\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"TikTok\">\n            <i class=\"fa-brands fa-tiktok\"><\/i>\n          <\/a>\n          <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\">\n            <i class=\"fa-brands fa-facebook-f\"><\/i>\n          <\/a>\n          <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\">\n            <i class=\"fa-brands fa-youtube\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Copyright -->\n      <p class=\"ib-copy\">Droits d\u2019auteur \u00a9 IberiaTrading 2025. Tous droits r\u00e9serv\u00e9s.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- Positionne le ruban juste sous le logo -->\n  <script>\n    (function(){\n      const wrap = document.querySelector('#ib-landing .ib-wrap');\n      const logo = document.querySelector('#ib-landing .ib-logo');\n\n      function updateRibbonTop(){\n        if(!wrap || !logo) return;\n        const wrapRect = wrap.getBoundingClientRect();\n        const logoRect = logo.getBoundingClientRect();\n        const styles = getComputedStyle(wrap);\n        const gap = parseFloat(styles.getPropertyValue('--ribbon-gap-from-logo')) || 16;\n\n        \/\/ bas du logo par rapport au haut du conteneur + marge\n        const topPx = (logoRect.bottom - wrapRect.top) + gap;\n        wrap.style.setProperty('--ribbon-top-px', topPx + 'px');\n      }\n\n      \/\/ Mettre \u00e0 jour \u00e0 diff\u00e9rents moments pour \u00e9viter le flash de chevauchement\n      window.addEventListener('load', updateRibbonTop);\n      window.addEventListener('resize', updateRibbonTop);\n      document.addEventListener('DOMContentLoaded', updateRibbonTop);\n\n      if (logo) {\n        if (logo.complete) updateRibbonTop();\n        else logo.addEventListener('load', updateRibbonTop);\n      }\n\n      \/\/ Recalcule apr\u00e8s un petit d\u00e9lai (polices\/ICONS)\n      setTimeout(updateRibbonTop, 200);\n    })();\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Le vrai go\u00fbt de thon. Menu Accueil \u00c0 propos de Pescamar Produits Contact Le vrai go\u00fbt de thon. Produits Pescamar [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":404,"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1239,"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/pages\/12\/revisions\/1239"}],"wp:attachment":[{"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}