<!doctype html>
<html
class="no-js"
lang="fr"
>
<head>
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
><meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="AlWattanMR"
>
<meta
property="og:url"
content="https://www.alwattanmr.fr/"
>
<meta
property="og:title"
content="Maillot du Maroc 2025 — Boutique officiel | AlWattanMR"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Découvrez nos maillots du Maroc uniques aux couleurs du Royaume : vert-rouge, noir et blanc. Qualité premium, design exclusif. Commandez en ligne dès aujourd’hui !"
><meta
property="og:image"
content="http://www.alwattanmr.fr/cdn/shop/files/Copie_de_MY_ARABIC_2_f9b9dcc3-9ddd-4d12-be00-9da5211cd85f.png?v=1761949010"
>
<meta
property="og:image:secure_url"
content="https://www.alwattanmr.fr/cdn/shop/files/Copie_de_MY_ARABIC_2_f9b9dcc3-9ddd-4d12-be00-9da5211cd85f.png?v=1761949010"
>
<meta
property="og:image:width"
content="3000"
>
<meta
property="og:image:height"
content="2000"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Maillot du Maroc 2025 — Boutique officiel | AlWattanMR"
>
<meta
name="twitter:description"
content="Découvrez nos maillots du Maroc uniques aux couleurs du Royaume : vert-rouge, noir et blanc. Qualité premium, design exclusif. Commandez en ligne dès aujourd’hui !"
>
<title>
Maillot du Maroc 2025 — Boutique officiel | AlWattanMR
</title>
<link
rel="canonical"
href="https://www.alwattanmr.fr/"
>
<meta
name="description"
content="Découvrez nos maillots du Maroc uniques aux couleurs du Royaume : vert-rouge, noir et blanc. Qualité premium, design exclusif. Commandez en ligne dès aujourd’hui !"
>
<link href="//www.alwattanmr.fr/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881764669887" as="style" rel="preload">
<link href="//www.alwattanmr.fr/cdn/shop/t/18/assets/base.css?v=91370114524021989831764669887" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//www.alwattanmr.fr/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.alwattanmr.fr/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/critical": "//www.alwattanmr.fr/cdn/shop/t/18/assets/critical.js?v=169402557219780209121764669887",
"@theme/product-title": "//www.alwattanmr.fr/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781764669887",
"@theme/component": "//www.alwattanmr.fr/cdn/shop/t/18/assets/component.js?v=74239122572524296041764669887",
"@theme/dialog": "//www.alwattanmr.fr/cdn/shop/t/18/assets/dialog.js?v=122984339961420548111764669887",
"@theme/events": "//www.alwattanmr.fr/cdn/shop/t/18/assets/events.js?v=59172389608566392641764669887",
"@theme/focus": "//www.alwattanmr.fr/cdn/shop/t/18/assets/focus.js?v=60436577539430446401764669887",
"@theme/morph": "//www.alwattanmr.fr/cdn/shop/t/18/assets/morph.js?v=92630016404903954311764669887",
"@theme/paginated-list": "//www.alwattanmr.fr/cdn/shop/t/18/assets/paginated-list.js?v=95298315036233333871764669887",
"@theme/performance": "//www.alwattanmr.fr/cdn/shop/t/18/assets/performance.js?v=171015751390534793081764669887",
"@theme/product-form": "//www.alwattanmr.fr/cdn/shop/t/18/assets/product-form.js?v=83283661069322333421764669887",
"@theme/recently-viewed-products": "//www.alwattanmr.fr/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651764669887",
"@theme/scrolling": "//www.alwattanmr.fr/cdn/shop/t/18/assets/scrolling.js?v=10957690925586738441764669887",
"@theme/section-renderer": "//www.alwattanmr.fr/cdn/shop/t/18/assets/section-renderer.js?v=117273408521114569061764669887",
"@theme/section-hydration": "//www.alwattanmr.fr/cdn/shop/t/18/assets/section-hydration.js?v=177651605160027701221764669887",
"@theme/utilities": "//www.alwattanmr.fr/cdn/shop/t/18/assets/utilities.js?v=171919950116664653001764669887",
"@theme/variant-picker": "//www.alwattanmr.fr/cdn/shop/t/18/assets/variant-picker.js?v=95439354777694360091764669887",
"@theme/media-gallery": "//www.alwattanmr.fr/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071764669887",
"@theme/quick-add": "//www.alwattanmr.fr/cdn/shop/t/18/assets/quick-add.js?v=102040698639320169661764669887",
"@theme/paginated-list-aspect-ratio": "//www.alwattanmr.fr/cdn/shop/t/18/assets/paginated-list-aspect-ratio.js?v=25254270272143792451764669887",
"@theme/popover-polyfill": "//www.alwattanmr.fr/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201764669887",
"@theme/component-quantity-selector": "//www.alwattanmr.fr/cdn/shop/t/18/assets/component-quantity-selector.js?v=7782950339315554041764669887"
}
}
</script>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/critical.js?v=169402557219780209121764669887"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/utilities.js?v=171919950116664653001764669887"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/component.js?v=74239122572524296041764669887"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/section-renderer.js?v=117273408521114569061764669887"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/section-hydration.js?v=177651605160027701221764669887"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/morph.js?v=92630016404903954311764669887"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/focus.js?v=60436577539430446401764669887"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651764669887"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/scrolling.js?v=10957690925586738441764669887"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.alwattanmr.fr/cdn/shop/t/18/assets/events.js?v=59172389608566392641764669887"
fetchpriority="low"
>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/quick-add.js?v=102040698639320169661764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/cart-discount.js?v=107077853990124422021764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/dialog.js?v=122984339961420548111764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/variant-picker.js?v=95439354777694360091764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/product-card.js?v=84089801565227384841764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/product-form.js?v=83283661069322333421764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/accordion-custom.js?v=99000499017714805851764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/disclosure-custom.js?v=168050880623268140331764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/media.js?v=37825095869491791421764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/product-price.js?v=30079423257668675401764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/product-inventory.js?v=16343734458933704981764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/show-more.js?v=94563802205717136101764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/slideshow.js?v=154015486816472108841764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/anchored-popover.js?v=95953304814728754461764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/floating-panel.js?v=128677600744947036551764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/video-background.js?v=25237992823806706551764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/component-quantity-selector.js?v=7782950339315554041764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/rte-formatter.js?v=101420294193111439321764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/gift-card-recipient-form.js?v=129634859299628245901764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/localization.js?v=87759161307859666401764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/auto-close-details.js?v=58350291535404441581764669887"
defer="defer"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
translations: {
placeholder_image: `Image du paramètre fictif`,
added: `Ajouté`,
recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
recipient_form_error: `La soumission du formulaire présentait une erreur`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Inter;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
url("//www.alwattanmr.fr/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: Inter, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Inter, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 500;
--font-heading--family: Inter, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 700;
--font-accent--family: Inter, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 700;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 4px;
--style-border-radius-buttons-primary: 14px;
--style-border-radius-buttons-secondary: 14px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 14px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 34;
--variant-picker-swatch-height-unitless: 34;
--variant-picker-swatch-width: 34px;
--variant-picker-swatch-height: 34px;
--variant-picker-swatch-radius: 32px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 14px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.06);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
--color-input-background: rgb(255 255 255 / 0.78);
--color-input-text: rgb(51 51 51 / 1.0);
--color-input-text-rgb: 51 51 51;
--color-input-border: rgb(223 223 223 / 1.0);
--color-input-hover-background: rgb(0 0 0 / 0.01);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(0 0 0 / 0.13);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(245 245 245 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 245 245 245;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(223 223 223 / 1.0);
--color-border-rgb: 223 223 223;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(238 241 234 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 238 241 234;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.81);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.81);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.81);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(225 237 245 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 225 237 245;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(29 54 134 / 0.5);
--color-border-rgb: 29 54 134;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(29 54 134 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.81);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.81);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(51 51 51 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 51 51 51;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 0.69);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(255 255 255 / 0.69);
--color-border-rgb: 255 255 255;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 0.69);
--color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
--color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
--color-input-background: rgb(51 51 51 / 1.0);
--color-input-text: rgb(255 255 255 / 0.93);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 0.69);
--color-input-hover-background: rgb(255 255 255 / 0.04);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 0.69);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(250 250 250 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 0.53);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(250 250 250 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/98564899141/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="7efa1c28a6f524c29e197e0bc2006f3c">
<meta id="in-context-paypal-metadata" data-shop-id="98564899141" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=98564899141" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":98564899141,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/98564899141","merchantName":"AlWattanMR","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"AlWattanMR","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"7efa1c28a6f524c29e197e0bc2006f3c","betas":["rich-media-storefront-analytics"],"domain":"www.alwattanmr.fr","predictiveSearch":true,"shopId":98564899141,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "urdiqf-vz.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"boutique algérie maroc Alwattan","id":190752784709,"schema_name":"Horizon","schema_version":"3.1.0","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.alwattanmr.fr/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_XvpUV7qp.fr.esm.js"></script>
<script defer="defer" async type="module" src="//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C2xzKNNs.esm.js"></script>
<script type="module">
await import("//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_XvpUV7qp.fr.esm.js");
await import("//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C2xzKNNs.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_C66VAAYi.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_By4eIqYa.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js"],"shop-button":["modules/v2/client.shop-button_Bz0N9rYp.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_B90ok608.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"init-windoid":["modules/v2/client.init-windoid_CdJe_Ee3.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_kCJHoUCw.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BPuRLqHy.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_XvpUV7qp.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.fr.esm.js"],"pay-button":["modules/v2/client.pay-button_CmFhG2BZ.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_C5-IhKGM.fr.esm.js","modules/v2/client.shop-login-button_DrlPOW6Z.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_Cv1WqR1n.fr.esm.js","modules/v2/client.shop-login-button_DrlPOW6Z.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_DrlPOW6Z.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_Dqgdz3C3.fr.esm.js","modules/v2/client.shop-login-button_DrlPOW6Z.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_D7RRykwK.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_NILs_SXn.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"lead-capture":["modules/v2/client.lead-capture_CSmE_fhP.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"shop-login":["modules/v2/client.shop-login_CKcjyRl_.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"],"payment-terms":["modules/v2/client.payment-terms_eoGasybT.fr.esm.js","modules/v2/chunk.common_C2xzKNNs.esm.js","modules/v2/chunk.modal_7MqWQJ87.esm.js"]};
</script>
<script id="__st">var __st={"a":98564899141,"offset":3600,"reqid":"462ee8ee-87e7-4891-b8b5-007544110231-1768799686","pageurl":"www.alwattanmr.fr\/","u":"19980daa03c6","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.alwattanmr.fr/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.alwattanmr.fr/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script id='scb4127' type='text/javascript' async='' src='https://www.alwattanmr.fr/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link rel="stylesheet" media="screen" href="//www.alwattanmr.fr/cdn/shop/t/18/compiled_assets/styles.css?v=961">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 98564899141,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 98564899141,storefrontBaseUrl: "https://www.alwattanmr.fr",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"3530490181","configuration":"{\"tagID\":\"2613920670621\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"AlWattanMR","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"urdiqf-vz.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/www.alwattanmr.fr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://www.alwattanmr.fr/cdn","fcfee988w5aeb613cpc8e4bc33m6693e112",{"modern":"","legacy":""},{"shopId":"98564899141","storefrontBaseUrl":"https:\/\/www.alwattanmr.fr","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"fcfee988w5aeb613cpc8e4bc33m6693e112","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"462ee8ee-87e7-4891-b8b5-007544110231-1768799686"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 98564899141,
theme_id: 190752784709,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.alwattanmr.fr/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.alwattanmr.fr/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.alwattanmr.fr/cdn/s/trekkie.storefront.cd680fe47e6c39ca5d5df5f0a32d569bc48c0f27.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":98564899141,"isMerchantRequest":null,"themeId":190752784709,"themeCityHash":"16483615291480559643","contentLanguage":"fr","currency":"EUR","eventMetadataId":"61b9e1fa-c2c3-43ac-97a7-a5ca08651702"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"462ee8ee-87e7-4891-b8b5-007544110231-1768799686","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.alwattanmr.fr/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://www.alwattanmr.fr/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.0.4.min.js"
data-application="storefront-renderer"
data-shop-id="98564899141"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="190752784709"
data-theme-name="Horizon"
data-theme-version="3.1.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://www.alwattanmr.fr/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>
<body class="page-width-narrow card-hover-effect-none">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ignorer et passer au contenu
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--27470965178693__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "AlWattanMR",
"logo": "https:\/\/www.alwattanmr.fr\/cdn\/shop\/files\/Copie_de_MY_ARABIC_2_f9b9dcc3-9ddd-4d12-be00-9da5211cd85f-removebg-preview_2.png?v=1762166282\u0026width=500",
"url": "https:\/\/www.alwattanmr.fr"
}
</script>
<header-component
id="header-component"
class="header"
sticky="always"
data-skip-node-update
data-scroll-direction="none"
><h1 class="visually-hidden">AlWattanMR</h1>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/header-drawer.js?v=160607022407653843031764669887"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="menu-drawer motion-reduce color-scheme-1"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Fermer"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-heading--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height: var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground); --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-child-font-family: var(--font-heading--family); --menu-child-font-style:var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height); --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-child-active-font-color: var(--color-foreground); "
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--deep"
>
<a
id="HeaderDrawer-accueil"
href="/"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
<span class="menu-drawer__menu-item-text wrap-text">Accueil</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--deep"
>
<accordion-custom >
<details
id="Details-menu-drawer-catalogue"
>
<summary
id="HeaderDrawer-catalogue"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Catalogue</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-catalogue-maillot-maroc"
href="/pages/maillot-maroc"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Maillot Maroc</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-catalogue-maillot-algerie"
href="/pages/maillot-algerie"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Maillot Algérie </span>
</a>
</li></ul>
</details>
</accordion-custom>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--deep"
>
<a
id="HeaderDrawer-contact"
href="/pages/contact"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Contact</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--deep"
>
<a
id="HeaderDrawer-collections-thematiques"
href="/pages/nos-valeurs"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Collections Thématiques</span>
</a>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 4;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link link--text focus-inset"
aria-expanded="false"
on:click="header-drawer/open"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span class="currency-code">EUR</span>
</div></div>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link link--text focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Région et langue
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] résultats"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Trouver un pays"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Rechercher</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Réinitialiser"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-AdVRudzIrb0QzNUsxa__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Aucun résultat trouvé</span>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australie"
aria-label="Australie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Australie</span>
<span
class="localization-form__currency motion-reduce"
>
AUD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Canada</span>
<span
class="localization-form__currency motion-reduce"
>
CAD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="Corée du Sud"
aria-label="Corée du Sud"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Corée du Sud</span>
<span
class="localization-form__currency motion-reduce"
>
KRW
₩</span>
</li>
<li
class="localization-form__list-item"
data-value="AE"
data-aliases=""
id="Émirats arabes unis"
aria-label="Émirats arabes unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Émirats arabes unis</span>
<span
class="localization-form__currency motion-reduce"
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="États-Unis"
aria-label="États-Unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">États-Unis</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">France</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israël"
aria-label="Israël"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Israël</span>
<span
class="localization-form__currency motion-reduce"
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="JP"
data-aliases=""
id="Japon"
aria-label="Japon"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Japon</span>
<span
class="localization-form__currency motion-reduce"
>
JPY
¥</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="Malaisie"
aria-label="Malaisie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malaisie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MA"
data-aliases=""
id="Maroc"
aria-label="Maroc"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Maroc</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NO"
data-aliases=""
id="Norvège"
aria-label="Norvège"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Norvège</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Nouvelle-Zélande"
aria-label="Nouvelle-Zélande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Nouvelle-Zélande</span>
<span
class="localization-form__currency motion-reduce"
>
NZD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="R.A.S. chinoise de Hong Kong"
aria-label="R.A.S. chinoise de Hong Kong"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">R.A.S. chinoise de Hong Kong</span>
<span
class="localization-form__currency motion-reduce"
>
HKD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Royaume-Uni"
aria-label="Royaume-Uni"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Royaume-Uni</span>
<span
class="localization-form__currency motion-reduce"
>
GBP
£</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="Singapour"
aria-label="Singapour"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Singapour</span>
<span
class="localization-form__currency motion-reduce"
>
SGD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Suisse"
aria-label="Suisse"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Suisse</span>
<span
class="localization-form__currency motion-reduce"
>
CHF
CHF</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<search-button class="search-action desktop:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<a
href="/"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//www.alwattanmr.fr/cdn/shop/files/Copie_de_MY_ARABIC_2_f9b9dcc3-9ddd-4d12-be00-9da5211cd85f-removebg-preview_2.png?height=52&v=1762166282" alt="" width="78" height="52" class="header-logo__image" srcset="//www.alwattanmr.fr/cdn/shop/files/Copie_de_MY_ARABIC_2_f9b9dcc3-9ddd-4d12-be00-9da5211cd85f-removebg-preview_2.png?height=52&v=1762166282 1x, //www.alwattanmr.fr/cdn/shop/files/Copie_de_MY_ARABIC_2_f9b9dcc3-9ddd-4d12-be00-9da5211cd85f-removebg-preview_2.png?height=104&v=1762166282 2x, //www.alwattanmr.fr/cdn/shop/files/Copie_de_MY_ARABIC_2_f9b9dcc3-9ddd-4d12-be00-9da5211cd85f-removebg-preview_2.png?height=156&v=1762166282 3x" style="--header-logo-image-width: 78px;--header-logo-image-width-mobile: 65px; --header-logo-image-height: 52px; --header-logo-image-height-mobile: 43px;">
</span>
</a>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-heading--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
defer
>
<template shadowrootmode="open">
<link href="//www.alwattanmr.fr/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881764669887" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
Plus
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/"
data-skip-node-update="true"
class="menu-list__link menu-list__link--active">
<span class="menu-list__link-title">Accueil</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/all"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Catalogue</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height: var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground); --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-child-font-family: var(--font-heading--family); --menu-child-font-style:var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height); --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-child-active-font-color: var(--color-foreground); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/pages/maillot-maroc"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Maillot Maroc</span>
</a>
</div>
<div>
<a
href="/pages/maillot-algerie"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>Maillot Algérie </span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/contact"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Contact</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/nos-valeurs"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">Collections Thématiques</span>
</a></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">Plus</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/header-menu.js?v=98986771878453457241764669887"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector link link--text"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; "
>
<span
class="currency-code"
data-testid="localization-currency-code"
>EUR</span>
<span
class="visually-hidden"
data-testid="localization-visually-hidden"
>Sélecteur de région et de langue</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-scheme-1"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] résultats"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Trouver un pays"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Rechercher</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Réinitialiser"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Aucun résultat trouvé</span>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australie"
aria-label="Australie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Australie</span>
<span
class="localization-form__currency motion-reduce"
>
AUD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Canada</span>
<span
class="localization-form__currency motion-reduce"
>
CAD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="Corée du Sud"
aria-label="Corée du Sud"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Corée du Sud</span>
<span
class="localization-form__currency motion-reduce"
>
KRW
₩</span>
</li>
<li
class="localization-form__list-item"
data-value="AE"
data-aliases=""
id="Émirats arabes unis"
aria-label="Émirats arabes unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Émirats arabes unis</span>
<span
class="localization-form__currency motion-reduce"
>
AED
د.إ</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="États-Unis"
aria-label="États-Unis"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">États-Unis</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">France</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israël"
aria-label="Israël"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Israël</span>
<span
class="localization-form__currency motion-reduce"
>
ILS
₪</span>
</li>
<li
class="localization-form__list-item"
data-value="JP"
data-aliases=""
id="Japon"
aria-label="Japon"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Japon</span>
<span
class="localization-form__currency motion-reduce"
>
JPY
¥</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="Malaisie"
aria-label="Malaisie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malaisie</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MA"
data-aliases=""
id="Maroc"
aria-label="Maroc"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Maroc</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NO"
data-aliases=""
id="Norvège"
aria-label="Norvège"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Norvège</span>
<span
class="localization-form__currency motion-reduce"
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Nouvelle-Zélande"
aria-label="Nouvelle-Zélande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Nouvelle-Zélande</span>
<span
class="localization-form__currency motion-reduce"
>
NZD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="R.A.S. chinoise de Hong Kong"
aria-label="R.A.S. chinoise de Hong Kong"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">R.A.S. chinoise de Hong Kong</span>
<span
class="localization-form__currency motion-reduce"
>
HKD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Royaume-Uni"
aria-label="Royaume-Uni"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Royaume-Uni</span>
<span
class="localization-form__currency motion-reduce"
>
GBP
£</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="Singapour"
aria-label="Singapour"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Singapour</span>
<span
class="localization-form__currency motion-reduce"
>
SGD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Suisse"
aria-label="Suisse"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Suisse</span>
<span
class="localization-form__currency motion-reduce"
>
CHF
CHF</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<search-button class="search-action mobile:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<script
type="module"
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/cart-icon.js?v=14733679814066288171764669887"
fetchpriority="low"
></script>
<header-actions>
<anchored-popover-component
data-close-on-resize="true"
class="account-popover mobile:hidden"
>
<button
class="account-button header-actions__action"
aria-label="Compte"
aria-haspopup="dialog"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<div
class="account-popover__panel details-content color-scheme-1"
id="account-popover"
popover="auto"
ref="popover"
>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<h2
id="account-drawer-heading"
class="account-actions__title h5"
>
Compte
</h2>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/account-login-actions.js?v=132624473766457443991764669887"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DrlPOW6Z.fr.esm.js"></script>
<script defer="defer" async type="module" src="//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C2xzKNNs.esm.js"></script>
<script defer="defer" async type="module" src="//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_7MqWQJ87.esm.js"></script>
<script type="module">
await import("//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DrlPOW6Z.fr.esm.js");
await import("//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C2xzKNNs.esm.js");
await import("//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_7MqWQJ87.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://www.alwattanmr.fr/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=fr&ui_hint=full"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Autres options de connexion
</span>
<span class="account-actions__fallback-text">
Se connecter
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Commandes
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profil
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</anchored-popover-component>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/dialog.js?v=122984339961420548111764669887"
type="module"
></script>
<dialog-component
class="account-drawer"
>
<button
class="account-button header-actions__action"
aria-label="Compte"
aria-haspopup="dialog"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<dialog
ref="dialog"
class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
scroll-lock
aria-labelledby="account-drawer-heading"
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button account-drawer__close-button"
aria-label="Fermer la boîte de dialogue"
autofocus
>
<span
class="svg-wrapper"
aria-hidden="true"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<h2
id="account-drawer-heading"
class="account-actions__title h5"
>
Compte
</h2>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/account-login-actions.js?v=132624473766457443991764669887"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DrlPOW6Z.fr.esm.js"></script>
<script defer="defer" async type="module" src="//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C2xzKNNs.esm.js"></script>
<script defer="defer" async type="module" src="//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_7MqWQJ87.esm.js"></script>
<script type="module">
await import("//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_DrlPOW6Z.fr.esm.js");
await import("//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.common_C2xzKNNs.esm.js");
await import("//www.alwattanmr.fr/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_7MqWQJ87.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://www.alwattanmr.fr/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=fr&ui_hint=full"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Autres options de connexion
</span>
<span class="account-actions__fallback-text">
Se connecter
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Commandes
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profil
</a>
</li>
</ul>
</nav>
</div>
</div>
</dialog>
</dialog-component>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/cart-drawer.js?v=92290163633888904321764669887"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-haspopup="dialog"
aria-label="Panier"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Nombre total d’articles dans le panier: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
aria-labelledby="cart-drawer-heading-empty"
scroll-lock
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--27470965178693__header_section"
><div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content motion-reduce"
aria-label="Panier"
>
<h2
class="cart-drawer__heading h3 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/component-cart-items.js?v=153612958899122878591764669887"
type="module"
fetchpriority="low"
></script>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/component-cart-quantity-selector.js?v=105130809908858639751764669887"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Vous possédez un compte ? <a href="https://www.alwattanmr.fr/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
Continuer les achats
</a></div>
</div>
</div></cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/header.js?v=78043468934677320351764669887"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--27470965178693__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/critical.js?v=169402557219780209121764669887"
type="module"
async
blocking="render"
></script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="false"
data-product-transition="false"
data-template="index"
>
<section id="shopify-section-template--27470969897285__hero_jVaWmY" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--27470969897285__hero_jVaWmY"
class="hero color-scheme-6"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: var(--section-height-medium); "
>
<div
class="hero__container spacing-style section section--full-width"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 72px));"
><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 2.651252408477842;"
data-testid="hero-media-wrapper"
>
<div
class="overlay overlay--solid"
style=" --overlay-layer: var(--layer-flat); --overlay-color: #12121266; --overlay-color--end: rgba(18, 18, 18, 0); --overlay-direction: to bottom;"
></div>
<img src="//www.alwattanmr.fr/cdn/shop/files/freepik__midshot-of-two-men-standing-side-by-side-in-a-quie__31007_d89a4b16-34b2-4a00-a0f0-649d9c044e17.png?v=1765060890&width=3840" alt="Deux personnes portant le maillot rose de l'algérie et l'autre le maillot noir du maroc" srcset="//www.alwattanmr.fr/cdn/shop/files/freepik__midshot-of-two-men-standing-side-by-side-in-a-quie__31007_d89a4b16-34b2-4a00-a0f0-649d9c044e17.png?v=1765060890&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/freepik__midshot-of-two-men-standing-side-by-side-in-a-quie__31007_d89a4b16-34b2-4a00-a0f0-649d9c044e17.png?v=1765060890&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/freepik__midshot-of-two-men-standing-side-by-side-in-a-quie__31007_d89a4b16-34b2-4a00-a0f0-649d9c044e17.png?v=1765060890&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/freepik__midshot-of-two-men-standing-side-by-side-in-a-quie__31007_d89a4b16-34b2-4a00-a0f0-649d9c044e17.png?v=1765060890&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/freepik__midshot-of-two-men-standing-side-by-side-in-a-quie__31007_d89a4b16-34b2-4a00-a0f0-649d9c044e17.png?v=1765060890&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/freepik__midshot-of-two-men-standing-side-by-side-in-a-quie__31007_d89a4b16-34b2-4a00-a0f0-649d9c044e17.png?v=1765060890&width=3840 3840w" width="2752" height="1038" class="hero__image hero__image--desktop" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1" style="object-position:51.4798% 29.8693%;">
<img src="//www.alwattanmr.fr/cdn/shop/files/IMG_0144.png?v=1764453411&width=1600" alt="Deux personnes portant le maillot noir et blanc du maroc" srcset="//www.alwattanmr.fr/cdn/shop/files/IMG_0144.png?v=1764453411&width=416 416w, //www.alwattanmr.fr/cdn/shop/files/IMG_0144.png?v=1764453411&width=600 600w, //www.alwattanmr.fr/cdn/shop/files/IMG_0144.png?v=1764453411&width=800 800w, //www.alwattanmr.fr/cdn/shop/files/IMG_0144.png?v=1764453411&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/IMG_0144.png?v=1764453411&width=1600 1600w" width="1024" height="1024" class="hero__image hero__image--mobile" sizes="100vw" fetchpriority="high" data-testid="hero-mobile-image-1" style="object-position:88.7539% 79.9414%;">
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--row mobile-column section-content-wrapper page-width"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 24px;--horizontal-alignment: space-between; --vertical-alignment: last baseline;--vertical-alignment-mobile: flex-end;"
>
<a
href="/collections/all"
class="size-style button button--AY0JKdFJ6WGg3cmV5R__button_H9gpTf"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Découvrir
</a>
</div>
</div>
</div>
<style> #shopify-section-template--27470969897285__hero_jVaWmY h1 strong {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></section><div id="shopify-section-template--27470969897285__section_eArD6R" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" --section-min-height: var(--section-height-small); --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 25px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<div
class="spacing-style text-block text-block--AYW1qZXh1RllKU3IrN__text_GkgmHd h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h1><strong>Boutique Officielle</strong> : Les Nouveaux <strong>Maillots Maroc </strong>et <strong>Algérie </strong>2025</h1>
</div>
<rte-formatter
class="spacing-style text-block text-block--AdnBMYXpSdkhRamZ5Y__text_jb7PLm rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Lions de l'Atlas ou Fennecs ? Découvrez la plus grande collection de maillots de foot du Maghreb. Du <strong>nouveau maillot officiel</strong> aux éditions collectors introuvables ailleurs.</p>
</rte-formatter>
<a
href="/collections/all"
class="size-style button button--AdGxhcUhiUGg5V3ZTd__button_cTHqtq"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Acheter maintenant
</a>
</div>
</div>
</div>
<style> #shopify-section-template--27470969897285__section_eArD6R h1 strong {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></div><div id="shopify-section-template--27470969897285__marquee_JTLGH8" class="shopify-section">
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/marquee.js?v=117276913601894321941764669887"
type="module"
fetchpriority="low"
></script>
<div class="section-background color-scheme-1"></div>
<marquee-component
class="section spacing-style gap-style color-scheme-1"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));; --marquee-gap: 24px; --marquee-direction: normal; "
data-speed-factor="25"
data-movement-direction="normal"
>
<div
class="marquee__wrapper"
ref="wrapper"
>
<div
class="marquee__content"
ref="content"
>
<div
class="marquee__repeated-items"
ref="marqueeItems[]"
>
<div
class="spacing-style text-block text-block--AQUxqVXJweVVPZGNEa__text_JjhzK6 custom custom-typography custom-font-size custom-color"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: nowrap; --line-height: var(--line-height--body-tight); --letter-spacing: var(--letter-spacing--body-tight); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p><strong>Qualité premium, Coupe sportive, Livraison rapide.</strong></p>
</div>
</div>
</div>
</div>
</marquee-component>
</div><div id="shopify-section-template--27470969897285__product_list_fa6P9H" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
data-testid="product-list"
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: last baseline;--vertical-alignment-mobile: last baseline;"
>
<div
class="spacing-style text-block text-block--AM0pzUkE4UTQ3SzBva__product_list_text_YFtzcL h4"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Nos <strong>Derniers Maillots</strong> en Édition <strong>Limitée</strong></h2>
</div>
</div>
</div>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 29px;--column-count: 2;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style=" --gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px; "
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--large slideshow-control--style-chevron_large button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--large slideshow-control--style-chevron_large button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="15568285696325"
data-product-variants-size="4"
id="product-card-ATVJ2c20vUHIzK09TT__static-product-card"
data-product-transition="false"
>
<a
id="8f58af2e5ae8236f9203be06467480fd"
href="/products/maillot-algerie-gris?variant=56571333017925"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Maillot Algérie Gris
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ARFFNN3YydHlPczNaV__product_card_gallery_677WP3 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15568285696325"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/maillot-algerie-gris?variant=56571333017925"
aria-label="Maillot Algérie Gris"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69542544736581"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="69542544736581"
>
<img src="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=3840" alt="Maillot Algérie gris" srcset="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=240 240w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=352 352w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 50.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69542520750405"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="69542520750405"
>
<img src="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=3840" alt="Maillot Algérie gris dos " srcset="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=240 240w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=352 352w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 50.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris_dos.png?v=1765285028&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
><div
class="product-badges__badge product-badges__badge--rectangle color-scheme-1"
>Promotion
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Maillot Algérie Gris"
>
<product-form-component
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-id="15568285696325"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15568285696325-ARFFNN3YydHlPczNaV__product_card_gallery_677WP3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56571333017925"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="15568285696325" /><input type="hidden" name="section-id" value="template--27470969897285__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Maillot Algérie Gris</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/maillot-algerie-gris?variant=56571333017925"
>
<div
class="spacing-style text-block text-block--AKy8xeHdWWjl3bEdub__product_title_YXxMTj rte text-block--align-left rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Maillot Algérie Gris</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h5 spacing-style"
data-block-id="ARXhTczIxdUE2alU0a__price_JQzVV4"
data-product-id="15568285696325"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price">€35,99</span>
</span>
<span role="group">
<span class="visually-hidden">Prix régulier </span>
<span class="compare-at-price">€39,99</span>
</span>
</div>
</product-price>
<span
class="buy-buttons-block buy-buttons-block--AYVFMek85Z1lQaWVWN__buy_buttons_RA9hFR"
><product-form-component
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-id="15568285696325"
data-product-url="/products/maillot-algerie-gris"
on:submit="/handleSubmit"
data-quantity-default="1"
data-quantity-error-max="Cet article a un maximum de {{ maximum }}"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--27470969897285__product_list_fa6P9H" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56571333017925"
><div
class="product-form-buttons spacing-style"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
ref="productFormButtons"
>
<quantity-selector-component
class="quantity-selector"
data-variant-id="56571333017925"
ref="quantitySelectors[]"
>
<button
class="button quantity-minus button-unstyled"
type="button"
name="minus"
on:click="/decreaseQuantity"
ref="minusButton"
>
<span class="visually-hidden">Diminuer la quantité</span
><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</button>
<input
type="number"
name="quantity"
value="1"
data-cart-quantity="0"
min="1"
on:blur="/setQuantity"
on:focus="/selectInputValue"
ref="quantityInput"
aria-label="Quantité"
step="1"
>
<button
class="button quantity-plus button-unstyled"
type="button"
name="plus"
on:click="/increaseQuantity"
ref="plusButton"
>
<span class="visually-hidden">Augmenter la quantité</span
><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</button>
</quantity-selector-component>
<span
class="product-form-text__error hidden"
ref="addToCartTextError"
>
<span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewbox="0 0 13 13">
<circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
<circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
<path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
<path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
</span>
<span
style="--add-to-cart-font-case: ;"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_gris.png?v=1765285042&width=100"
data-add-to-cart-animation="true"
>
<button
id="BuyButtons-ProductSubmitButton-AWTF6eTI3Y2VTeE1sQ__add-to-cart"
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button add-to-cart-button button-secondary"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content">Ajouter au panier</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="">Ajouté</span>
</span>
</button>
</add-to-cart-component>
</span>
<div
class="accelerated-checkout-block"
ref="acceleratedCheckoutButtonContainer"
>
</div>
</div><input type="hidden" name="product-id" value="15568285696325" /><input type="hidden" name="section-id" value="template--27470969897285__product_list_fa6P9H" /></form></product-form-component></span>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/local-pickup.js?v=174082968859338016381764669887"
type="module"
></script><local-pickup
class="spacing-style product__pickup-availabilities"
hidden
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-url="/products/maillot-algerie-gris"
data-variant-id="56571333017925"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
ref="localPickupButton"
>
<dialog-component>
<div class="pickup-availability__row">
<div class="pickup-availability__column">
<span class="svg-wrapper">
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>
</span>
</div>
<div class="pickup-availability__column">
<p class="pickup-location__text-sm">
Retrait actuellement non disponible
</p>
<button
on:click="/showDialog"
class="button-unstyled pickup-location__button"
>
Afficher les informations de la boutique
</button>
</div>
</div>
<dialog
ref="dialog"
class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
scroll-lock
aria-labelledby="pickup-dialog-heading"
>
<h2
id="pickup-dialog-heading"
class="visually-hidden"
>
Afficher les informations de la boutique
</h2>
<div class="pickup-availability__dialog-row pickup-availability__header-container">
<div class="pickup-availability__column">
<h4 class="pickup-location__h4">Maillot Algérie Gris</h4>
<p class="pickup-location__text-sm">
S
</p>
</div>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button pickup-location__close-button"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
</dialog>
</dialog-component>
</local-pickup>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="15568284090693"
data-product-variants-size="4"
id="product-card-ATVJ2c20vUHIzK09TT__static-product-card-1"
data-product-transition="false"
>
<a
id="bfa57ab7eec41577151cb62b6fe7df7c"
href="/products/maillot-algerie-vert?variant=56571327414597"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Maillot Algérie Vert
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ARFFNN3YydHlPczNaV__product_card_gallery_677WP3-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15568284090693"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/maillot-algerie-vert?variant=56571327414597"
aria-label="Maillot Algérie Vert"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69542573048133"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="69542573048133"
>
<img src="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=3840" alt="Maillot Algérie vert" srcset="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=240 240w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=352 352w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 50.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69543093567813"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="69543093567813"
>
<img src="//www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=3840" alt="Maillot Algérie vert dos" srcset="//www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=240 240w, //www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=352 352w, //www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 50.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.alwattanmr.fr/cdn/shop/files/Maillot_algerie_vert_dos.png?v=1765316815&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
><div
class="product-badges__badge product-badges__badge--rectangle color-scheme-1"
>Promotion
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Maillot Algérie Vert"
>
<product-form-component
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-id="15568284090693"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15568284090693-ARFFNN3YydHlPczNaV__product_card_gallery_677WP3-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56571327414597"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="15568284090693" /><input type="hidden" name="section-id" value="template--27470969897285__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Maillot Algérie Vert</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/maillot-algerie-vert?variant=56571327414597"
>
<div
class="spacing-style text-block text-block--AKy8xeHdWWjl3bEdub__product_title_YXxMTj-1 rte text-block--align-left rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Maillot Algérie Vert</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h5 spacing-style"
data-block-id="ARXhTczIxdUE2alU0a__price_JQzVV4-1"
data-product-id="15568284090693"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price">€35,99</span>
</span>
<span role="group">
<span class="visually-hidden">Prix régulier </span>
<span class="compare-at-price">€39,99</span>
</span>
</div>
</product-price>
<span
class="buy-buttons-block buy-buttons-block--AYVFMek85Z1lQaWVWN__buy_buttons_RA9hFR-1"
><product-form-component
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-id="15568284090693"
data-product-url="/products/maillot-algerie-vert"
on:submit="/handleSubmit"
data-quantity-default="1"
data-quantity-error-max="Cet article a un maximum de {{ maximum }}"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--27470969897285__product_list_fa6P9H" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56571327414597"
><div
class="product-form-buttons spacing-style"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
ref="productFormButtons"
>
<quantity-selector-component
class="quantity-selector"
data-variant-id="56571327414597"
ref="quantitySelectors[]"
>
<button
class="button quantity-minus button-unstyled"
type="button"
name="minus"
on:click="/decreaseQuantity"
ref="minusButton"
>
<span class="visually-hidden">Diminuer la quantité</span
><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</button>
<input
type="number"
name="quantity"
value="1"
data-cart-quantity="0"
min="1"
on:blur="/setQuantity"
on:focus="/selectInputValue"
ref="quantityInput"
aria-label="Quantité"
step="1"
>
<button
class="button quantity-plus button-unstyled"
type="button"
name="plus"
on:click="/increaseQuantity"
ref="plusButton"
>
<span class="visually-hidden">Augmenter la quantité</span
><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</button>
</quantity-selector-component>
<span
class="product-form-text__error hidden"
ref="addToCartTextError"
>
<span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewbox="0 0 13 13">
<circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
<circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
<path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
<path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
</span>
<span
style="--add-to-cart-font-case: ;"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.alwattanmr.fr/cdn/shop/files/Maillot_Algerie_vert.png?v=1765316815&width=100"
data-add-to-cart-animation="true"
>
<button
id="BuyButtons-ProductSubmitButton-AWTF6eTI3Y2VTeE1sQ__add-to-cart-1"
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button add-to-cart-button button-secondary"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content">Ajouter au panier</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="">Ajouté</span>
</span>
</button>
</add-to-cart-component>
</span>
<div
class="accelerated-checkout-block"
ref="acceleratedCheckoutButtonContainer"
>
</div>
</div><input type="hidden" name="product-id" value="15568284090693" /><input type="hidden" name="section-id" value="template--27470969897285__product_list_fa6P9H" /></form></product-form-component></span>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/local-pickup.js?v=174082968859338016381764669887"
type="module"
></script><local-pickup
class="spacing-style product__pickup-availabilities"
hidden
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-url="/products/maillot-algerie-vert"
data-variant-id="56571327414597"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
ref="localPickupButton"
>
<dialog-component>
<div class="pickup-availability__row">
<div class="pickup-availability__column">
<span class="svg-wrapper">
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>
</span>
</div>
<div class="pickup-availability__column">
<p class="pickup-location__text-sm">
Retrait actuellement non disponible
</p>
<button
on:click="/showDialog"
class="button-unstyled pickup-location__button"
>
Afficher les informations de la boutique
</button>
</div>
</div>
<dialog
ref="dialog"
class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
scroll-lock
aria-labelledby="pickup-dialog-heading"
>
<h2
id="pickup-dialog-heading"
class="visually-hidden"
>
Afficher les informations de la boutique
</h2>
<div class="pickup-availability__dialog-row pickup-availability__header-container">
<div class="pickup-availability__column">
<h4 class="pickup-location__h4">Maillot Algérie Vert</h4>
<p class="pickup-location__text-sm">
S
</p>
</div>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button pickup-location__close-button"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
</dialog>
</dialog-component>
</local-pickup>
</div>
</product-card>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card
class="product-card"
data-product-id="15334837059909"
data-product-variants-size="4"
id="product-card-ATVJ2c20vUHIzK09TT__static-product-card-2"
data-product-transition="false"
>
<a
id="7d2fc4caa03ab04191ca3ddc9efa45e3"
href="/products/maillot-maroc-blanc?variant=56014874968389"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Maillot Maroc Blanc
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-ARFFNN3YydHlPczNaV__product_card_gallery_677WP3-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15334837059909"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/maillot-maroc-blanc?variant=56014874968389"
aria-label="Maillot Maroc Blanc"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69542451740997"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="69542451740997"
>
<img src="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=3840" alt="Maillot Maroc blanc " srcset="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=240 240w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=352 352w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 50.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69542475432261"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="69542475432261"
>
<img src="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=3840" alt="Maillot Maroc blanc dos " srcset="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=240 240w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=352 352w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 50.0vw, 100vw" class="product-media__image" transitiontoproduct="false" data_max_resolution="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_dos.png?v=1765282902&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 100px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
><div
class="product-badges__badge product-badges__badge--rectangle color-scheme-1"
>Promotion
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Maillot Maroc Blanc"
>
<product-form-component
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-id="15334837059909"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15334837059909-ARFFNN3YydHlPczNaV__product_card_gallery_677WP3-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56014874968389"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Ajouter</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Ajouté</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Ajouter
</span>
</span>
</button><input type="hidden" name="product-id" value="15334837059909" /><input type="hidden" name="section-id" value="template--27470969897285__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Maillot Maroc Blanc</h3>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/maillot-maroc-blanc?variant=56014874968389"
>
<div
class="spacing-style text-block text-block--AKy8xeHdWWjl3bEdub__product_title_YXxMTj-2 rte text-block--align-left rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Maillot Maroc Blanc</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h5 spacing-style"
data-block-id="ARXhTczIxdUE2alU0a__price_JQzVV4-2"
data-product-id="15334837059909"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span role="group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price">€35,99</span>
</span>
<span role="group">
<span class="visually-hidden">Prix régulier </span>
<span class="compare-at-price">€39,99</span>
</span>
</div>
</product-price>
<span
class="buy-buttons-block buy-buttons-block--AYVFMek85Z1lQaWVWN__buy_buttons_RA9hFR-2"
><product-form-component
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-id="15334837059909"
data-product-url="/products/maillot-maroc-blanc"
on:submit="/handleSubmit"
data-quantity-default="1"
data-quantity-error-max="Cet article a un maximum de {{ maximum }}"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--27470969897285__product_list_fa6P9H" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56014874968389"
><div
class="product-form-buttons spacing-style"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
ref="productFormButtons"
>
<quantity-selector-component
class="quantity-selector"
data-variant-id="56014874968389"
ref="quantitySelectors[]"
>
<button
class="button quantity-minus button-unstyled"
type="button"
name="minus"
on:click="/decreaseQuantity"
ref="minusButton"
>
<span class="visually-hidden">Diminuer la quantité</span
><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</button>
<input
type="number"
name="quantity"
value="1"
data-cart-quantity="0"
min="1"
on:blur="/setQuantity"
on:focus="/selectInputValue"
ref="quantityInput"
aria-label="Quantité"
step="1"
>
<button
class="button quantity-plus button-unstyled"
type="button"
name="plus"
on:click="/increaseQuantity"
ref="plusButton"
>
<span class="visually-hidden">Augmenter la quantité</span
><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</button>
</quantity-selector-component>
<span
class="product-form-text__error hidden"
ref="addToCartTextError"
>
<span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewbox="0 0 13 13">
<circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
<circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
<path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
<path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
</span>
<span
style="--add-to-cart-font-case: ;"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc.png?v=1765282863&width=100"
data-add-to-cart-animation="true"
>
<button
id="BuyButtons-ProductSubmitButton-AWTF6eTI3Y2VTeE1sQ__add-to-cart-2"
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button add-to-cart-button button-secondary"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content">Ajouter au panier</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="">Ajouté</span>
</span>
</button>
</add-to-cart-component>
</span>
<div
class="accelerated-checkout-block"
ref="acceleratedCheckoutButtonContainer"
>
</div>
</div><input type="hidden" name="product-id" value="15334837059909" /><input type="hidden" name="section-id" value="template--27470969897285__product_list_fa6P9H" /></form></product-form-component></span>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/local-pickup.js?v=174082968859338016381764669887"
type="module"
></script><local-pickup
class="spacing-style product__pickup-availabilities"
hidden
data-section-id="template--27470969897285__product_list_fa6P9H"
data-product-url="/products/maillot-maroc-blanc"
data-variant-id="56014874968389"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
ref="localPickupButton"
>
<dialog-component>
<div class="pickup-availability__row">
<div class="pickup-availability__column">
<span class="svg-wrapper">
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>
</span>
</div>
<div class="pickup-availability__column">
<p class="pickup-location__text-sm">
Retrait actuellement non disponible
</p>
<button
on:click="/showDialog"
class="button-unstyled pickup-location__button"
>
Afficher les informations de la boutique
</button>
</div>
</div>
<dialog
ref="dialog"
class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-1"
scroll-lock
aria-labelledby="pickup-dialog-heading"
>
<h2
id="pickup-dialog-heading"
class="visually-hidden"
>
Afficher les informations de la boutique
</h2>
<div class="pickup-availability__dialog-row pickup-availability__header-container">
<div class="pickup-availability__column">
<h4 class="pickup-location__h4">Maillot Maroc Blanc</h4>
<p class="pickup-location__text-sm">
S
</p>
</div>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button pickup-location__close-button"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
</dialog>
</dialog-component>
</local-pickup>
</div>
</product-card>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
<style> #shopify-section-template--27470969897285__product_list_fa6P9H h2 strong {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></div><div id="shopify-section-template--27470969897285__slideshow_8ER6J4" class="shopify-section container-background-image">
<div class="section-background color-scheme-1"></div>
<div
class="spacing-style section section--full-width color-scheme-1 disable-section-top-offset"
style="--padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
<slideshow-component
style="--slideshow-timeline: --slide-1, --slide-2;"
autoplay="4" aria-live="polite"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--large slideshow-control--style-chevron_large button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--large slideshow-control--style-chevron_large button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
size="medium"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
>
<div class="slide__image-container">
<img src="//www.alwattanmr.fr/cdn/shop/files/freepik__a-silhouetted-portrait-of-a-maghrebi-man-wearing-a__10639.png?v=1765059774&width=3840" alt="Personne avec n fond noir portant le maillot vert de l'algérie" srcset="//www.alwattanmr.fr/cdn/shop/files/freepik__a-silhouetted-portrait-of-a-maghrebi-man-wearing-a__10639.png?v=1765059774&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/freepik__a-silhouetted-portrait-of-a-maghrebi-man-wearing-a__10639.png?v=1765059774&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/freepik__a-silhouetted-portrait-of-a-maghrebi-man-wearing-a__10639.png?v=1765059774&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/freepik__a-silhouetted-portrait-of-a-maghrebi-man-wearing-a__10639.png?v=1765059774&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/freepik__a-silhouetted-portrait-of-a-maghrebi-man-wearing-a__10639.png?v=1765059774&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/freepik__a-silhouetted-portrait-of-a-maghrebi-man-wearing-a__10639.png?v=1765059774&width=3840 3840w" height="2528" loading="lazy" sizes="(min-width: 750px) 100vw, 100vw" class="slide__image" fetchpriority="low">
</div>
<div
class="spacing-style slide__content background-transparent"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style color-scheme-6"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 48px)); --size-style-width:50%;--size-style-height: fit; --size-style-width-mobile:85%; --size-style-width-mobile-min:85%; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--ANDh2YU5FSkJvM0Jre__text_HzEGRT h4"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Maillot Algérie : La fureur des Fennecs</h2>
</div>
<rte-formatter
class="spacing-style text-block text-block--AVWtTUGlNN1VtaUs4c__text_khRk6H rte rte"
style=" --padding-block-start: 0px; --padding-block-end:20px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p><strong>Affichez les deux étoiles</strong> avec notre collection pour les supporters des Verts. Retrouvez le nouveau <strong>maillot Algérie 2025</strong> au design Zellige, l'édition symbolique <strong>Maillot Algérie</strong>, le <strong>maillot Algérie rose </strong>streetwear et nos inoubliables versions <strong>"Maillot Algérie Retro"</strong></p>
</rte-formatter>
<a
href="/pages/maillot-algerie"
class="size-style button button--AbTRMM2lYVE9jYXFQW__button_EPhxkg"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Nos maillots Algérie
</a>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
>
<div class="slide__image-container">
<img src="//www.alwattanmr.fr/cdn/shop/files/freepik__35mm-film-photography-a-silhouetted-portrait-of-a-__10640.png?v=1765059742&width=3840" alt="personne avec un fond rouge portant le maillot rouge du maroc" srcset="//www.alwattanmr.fr/cdn/shop/files/freepik__35mm-film-photography-a-silhouetted-portrait-of-a-__10640.png?v=1765059742&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/freepik__35mm-film-photography-a-silhouetted-portrait-of-a-__10640.png?v=1765059742&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/freepik__35mm-film-photography-a-silhouetted-portrait-of-a-__10640.png?v=1765059742&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/freepik__35mm-film-photography-a-silhouetted-portrait-of-a-__10640.png?v=1765059742&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/freepik__35mm-film-photography-a-silhouetted-portrait-of-a-__10640.png?v=1765059742&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/freepik__35mm-film-photography-a-silhouetted-portrait-of-a-__10640.png?v=1765059742&width=3840 3840w" height="2528" loading="lazy" sizes="(min-width: 750px) 100vw, 100vw" class="slide__image" fetchpriority="low">
</div>
<div
class="spacing-style slide__content background-transparent"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style color-scheme-6"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 48px)); --size-style-width:50%;--size-style-height: fit; --size-style-width-mobile:85%; --size-style-width-mobile-min:85%; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AaTM2Tnp0RGpoQjZkL__text_MGnMQK h4"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Maillots Maroc 2025 : Nouveautés & Best-Sellers</h2>
</div>
<rte-formatter
class="spacing-style text-block text-block--ARzQ4YVdEREhuK0dOQ__text_rjn3j6 rte rte"
style=" --padding-block-start: 0px; --padding-block-end:20px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Notre collection dédiée au Maroc propose le <strong>nouveau maillot du Maroc</strong> : choisissez l'incontournable <strong>maillot rouge</strong>, le <strong>maillot Maroc Rose</strong> très tendance ou le <strong>maillot Maroc blanc</strong> pour un style épuré. Que vous cherchiez un <strong>maillot de foot Maroc pas cher</strong> ou une tenue officielle.</p>
</rte-formatter>
<a
href="/pages/maillot-maroc"
class="size-style button button--ANFdsL3dnUUxNNHVEe__button_ebwJhd"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Nos maillots du Maroc
</a>
</div>
</div>
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
<slideshow-controls
ref="slideshowControls"
pagination-position="center"
scroll-mode="horizontal"
controls-on-media
icons-on-media
>
<button
type="button"
class="slideshow-control button-secondary button-unstyled icon-pause"
aria-label="Interrompre le diaporama"
on:click="/pause"
><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M7.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</button>
<button
type="button"
class="slideshow-control button-secondary button-unstyled icon-play"
aria-label="Lire le diaporama"
on:click="/play"
><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
</svg>
</button>
<ol class="slideshow-controls__dots">
<li>
<button
class="slideshow-control button button-unstyled"
style="animation-timeline: --slide-1"
aria-label="Diapositive 1 sur 2"
on:click="/select/0"
ref="dots[]"
aria-selected="true"
>
1
</button>
</li>
<li>
<button
class="slideshow-control button button-unstyled"
style="animation-timeline: --slide-2"
aria-label="Diapositive 2 sur 2"
on:click="/select/1"
ref="dots[]"
>
2
</button>
</li>
</ol>
</slideshow-controls>
</slideshow-component>
</div>
</div><section id="shopify-section-template--27470969897285__hero_ugc_yQePBL" class="shopify-section section">
<style>
/* --- CSS GLOBAL DE LA SECTION --- */
.section-template--27470969897285__hero_ugc_yQePBL-padding {
padding-top: 40px;
padding-bottom: 40px;
background-color: #ffffff;
overflow: hidden; /* Empêche le débordement horizontal global */
}
.ugc-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* --- EN-TÊTE (TITRES) --- */
.ugc-header {
text-align: center;
margin-bottom: 30px;
}
.ugc-title {
margin: 0 0 10px 0;
color: #000000;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
}
.ugc-subtitle {
margin: 0;
color: #000000;
font-size: 16px;
opacity: 0.8;
}
/* --- LE SLIDER (GRID) --- */
.ugc-scroller {
display: flex;
gap: 16px;
overflow-x: auto;
padding-bottom: 20px; /* Espace pour l'ombre éventuelle */
scroll-behavior: smooth;
/* Masquer la barre de défilement (optionnel, plus joli) */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
/* Centrage du contenu si pas assez d'éléments pour scroller */
justify-content: flex-start;
}
/* Masquer scrollbar Webkit (Chrome/Safari) */
.ugc-scroller::-webkit-scrollbar {
display: none;
}
/* --- LES CARTES (ITEMS) --- */
.ugc-item {
flex: 0 0 auto; /* Ne pas réduire la taille */
position: relative;
width: 200px; /* Largeur sur Desktop */
aspect-ratio: 9 / 16; /* Format Story TikTok/Reels */
border-radius: 24px;
overflow: hidden;
background: #f4f4f4;
transition: transform 0.3s ease;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.ugc-item:hover {
transform: translateY(-5px); /* Petit effet de survol */
}
.ugc-item a {
display: block;
width: 100%;
height: 100%;
}
.ugc-image {
width: 100%;
height: 100%;
object-fit: cover; /* Remplit la carte sans déformer l'image */
display: block;
}
/* --- RESPONSIVE MOBILE --- */
@media screen and (max-width: 768px) {
.section-template--27470969897285__hero_ugc_yQePBL-padding {
padding-top: 26.666666666666668px;
padding-bottom: 26.666666666666668px;
}
.ugc-title {
font-size: 25.6px; /* Titre plus petit sur mobile */
}
.ugc-scroller {
padding: 0 20px 20px 20px; /* Padding latéral pour le scroll */
scroll-snap-type: x mandatory; /* Effet magnétique */
}
/* Annulation des marges du container pour que le scroll touche les bords de l'écran */
.ugc-container {
padding: 0;
}
.ugc-header {
padding: 0 20px;
}
.ugc-item {
width: 160px; /* Largeur sur Mobile */
scroll-snap-align: center; /* L'image se centre au scroll */
}
/* Pour centrer le premier élément correctement au début */
.ugc-scroller::before, .ugc-scroller::after {
content: '';
flex: 0 0 10px;
}
}
</style>
<div class="section-template--27470969897285__hero_ugc_yQePBL-padding">
<div class="ugc-container">
<div class="ugc-header">
<h2 class="ugc-title">
Nos plus belles photos des Maillots
</h2>
<p class="ugc-subtitle">Les créateurs déballent et portent nos maillots !</p>
</div>
<div class="ugc-scroller">
<div class="ugc-item" >
<img
src="//www.alwattanmr.fr/cdn/shop/files/IMG_0165.jpg?v=1765308535&width=400"
alt="Maillot rose algérie sur un tapis"
width="200"
height="355"
loading="lazy"
class="ugc-image"
>
</div>
<div class="ugc-item" >
<img
src="//www.alwattanmr.fr/cdn/shop/files/freepik__img1-portrait-cinmatographique-en-contreplonge-dun__55733.png?v=1764538375&width=400"
alt="Maghrébin portant le maillot rouge du maroc "
width="200"
height="355"
loading="lazy"
class="ugc-image"
>
</div>
<div class="ugc-item" >
<img
src="//www.alwattanmr.fr/cdn/shop/files/freepik__lowangle-shot-of-two-men-standing-in-a-gritty-subu__31008.png?v=1765061164&width=400"
alt="Deux personne portant le maillot vert de l'algérie et l'autre le maillot rouge du maroc"
width="200"
height="355"
loading="lazy"
class="ugc-image"
>
</div>
<div class="ugc-item" >
<img
src="//www.alwattanmr.fr/cdn/shop/files/freepik__this-jersey-img1-suddenly-submerged-and-floating-j__37450.png?v=1764753589&width=400"
alt="maillot noir du maroc dans l'eau"
width="200"
height="355"
loading="lazy"
class="ugc-image"
>
</div>
<div class="ugc-item" >
<img
src="//www.alwattanmr.fr/cdn/shop/files/maillot_noir_glace.png?v=1764801186&width=400"
alt="maillot noir du maroc dans un fond de glace"
width="200"
height="355"
loading="lazy"
class="ugc-image"
>
</div>
</div>
</div>
</div>
<style> #shopify-section-template--27470969897285__hero_ugc_yQePBL h2 {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></section><section id="shopify-section-template--27470969897285__hero_7Ttqyn" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--27470969897285__hero_7Ttqyn"
class="hero color-scheme-5"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: var(--section-height-large); "
>
<div
class="hero__container spacing-style section section--full-width"
style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.75;"
data-testid="hero-media-wrapper"
>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: var(--layer-flat); --overlay-color: #00000026; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top;"
></div>
<img src="//www.alwattanmr.fr/cdn/shop/files/freepik__une-personne-posant-dans-le-dsert-portant-mon-mail__10416.png?v=1761949015&width=3840" alt="Un homme dans le desert qui pose avec le maillot du maroc blanc" srcset="//www.alwattanmr.fr/cdn/shop/files/freepik__une-personne-posant-dans-le-dsert-portant-mon-mail__10416.png?v=1761949015&width=832 832w, //www.alwattanmr.fr/cdn/shop/files/freepik__une-personne-posant-dans-le-dsert-portant-mon-mail__10416.png?v=1761949015&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/files/freepik__une-personne-posant-dans-le-dsert-portant-mon-mail__10416.png?v=1761949015&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/files/freepik__une-personne-posant-dans-le-dsert-portant-mon-mail__10416.png?v=1761949015&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/files/freepik__une-personne-posant-dans-le-dsert-portant-mon-mail__10416.png?v=1761949015&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/files/freepik__une-personne-posant-dans-le-dsert-portant-mon-mail__10416.png?v=1761949015&width=3840 3840w" width="2688" height="1536" loading="lazy" class="hero__image hero__image--desktop hero__image--mobile" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto" data-testid="hero-desktop-image-1">
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper full-width"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="spacer-block spacer-block--size-pixel"
style=" --spacer-size: 24px; "
data-testid="spacer-block"
></div>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/marquee.js?v=117276913601894321941764669887"
type="module"
fetchpriority="low"
></script>
<marquee-component
class="spacing-style gap-style"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));; --marquee-gap: 24px; --marquee-direction: normal;background-color: transparent;"
data-speed-factor="25"
data-movement-direction="normal"
>
<div
class="marquee__wrapper"
ref="wrapper"
>
<div
class="marquee__content"
ref="content"
>
<div
class="marquee__repeated-items"
ref="marqueeItems[]"
>
<div
class="spacing-style text-block text-block--AUTBsMUVodFV5dFRlb__text_VRV49r h2"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground-heading); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Découvrez nos derniers produits.</p>
</div>
</div>
</div>
</div>
</marquee-component>
<a
href="/collections/all"
class="size-style button button--AaVRqUkZaeE9pL0VBc__button_hAJ9m7"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Acheter maintenant
</a>
</div>
</div>
</div>
</section><div id="shopify-section-template--27470969897285__section_jYWKBc" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AV1M0bXdrRmVncmlJc__icon_EmcNtd" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AV1M0bXdrRmVncmlJc__icon_EmcNtd"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path
d="M18.5 1.5H1.5L1.5 18.5H18.5V1.5ZM1.5 0.5C0.947715 0.5 0.5 0.947715 0.5 1.5V18.5C0.5 19.0523 0.947715 19.5 1.5 19.5H18.5C19.0523 19.5 19.5 19.0523 19.5 18.5V1.5C19.5 0.947715 19.0523 0.5 18.5 0.5H1.5Z"
fill-rule="evenodd"
/>
<path d="M14.9975 6.09084C15.201 6.27746 15.2147 6.59375 15.0281 6.79728L8.91631 13.4627C8.82231 13.5652 8.68987 13.6239 8.55079 13.6247C8.41172 13.6256 8.27857 13.5684 8.18335 13.4671L4.99513 10.0731C4.80606 9.87179 4.81596 9.55536 5.01723 9.3663C5.21849 9.17723 5.53492 9.18713 5.72399 9.3884L8.54335 12.3897L14.291 6.12145C14.4776 5.91791 14.7939 5.90421 14.9975 6.09084Z" /></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AY0Nja0NLMjlkaHVxR__text_9JJa6U h4 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<h4>Qualité Premium</h4>
</div>
<rte-formatter
class="spacing-style text-block text-block--AU2l3QmVCU2tBbEhva__text_Atk6Uq rte text-block--align-center rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p>Tissu respirant, finitions soignées, imprimés longue durée.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AWWYrZFpFZW9Od2dOc__icon_d8z6jB" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AWWYrZFpFZW9Od2dOc__icon_d8z6jB"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path
d="M9.69502 0.6786C9.91338 0.601796 10.1516 0.603123 10.3691 0.682353L18.2151 3.54058C18.61 3.68445 18.8728 4.05988 18.8728 4.48018V14.4287C18.8728 14.8074 18.6588 15.1537 18.32 15.3231L10.4731 19.2465C10.196 19.385 9.87022 19.3873 9.59117 19.2526L1.45405 15.3244C1.10843 15.1576 0.888794 14.8076 0.888794 14.4239V4.48434C0.888794 4.05997 1.15665 3.68181 1.55699 3.541L9.69502 0.6786ZM6.07999 3.01017L2.5346 4.25719L10.149 7.63545L13.5692 6.118L6.07999 3.01017ZM6.78606 2.76183L14.1997 5.83828L17.5367 4.35774L10.0268 1.62195L6.78606 2.76183ZM1.88879 14.4239L1.88879 5.06467L9.64898 8.50762V18.1701L1.88879 14.4239ZM17.8728 14.4287L10.649 18.0405V8.50762L17.8728 5.30263V14.4287Z"
fill-rule="evenodd"
/></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AV0pST3IrN3VFR3g4e__text_ENBfq8 h4 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<h4>Livraison international</h4>
</div>
<rte-formatter
class="spacing-style text-block text-block--AR3gydVNrdXNtQVN6N__text_NpKwmK rte text-block--align-center rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p>Livraison disponible dans le monde entier</p>
</rte-formatter>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AOHZvVlIyc0ZaenEzW__icon_gtnr9G" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AOHZvVlIyc0ZaenEzW__icon_gtnr9G"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path
d="M12.5 12.0391H7.5C4.46243 12.0391 2 14.5484 2 17.6437V18.481H18V17.6437C18 14.5484 15.5376 12.0391 12.5 12.0391ZM7.5 11.0201C3.91015 11.0201 1 13.9856 1 17.6437V19.5H19V17.6437C19 13.9856 16.0899 11.0201 12.5 11.0201H7.5Z"
fill-rule="evenodd"
/>
<path d="M14.3596 5.08556C14.3596 7.6181 12.3448 9.67113 9.85956 9.67113C7.37428 9.67113 5.35956 7.6181 5.35956 5.08556C5.35956 2.55303 7.37428 0.5 9.85956 0.5C12.3448 0.5 14.3596 2.55303 14.3596 5.08556ZM9.85956 8.65211C11.7926 8.65211 13.3596 7.05532 13.3596 5.08556C13.3596 3.11581 11.7926 1.51901 9.85956 1.51901C7.92656 1.51901 6.35956 3.11581 6.35956 5.08556C6.35956 7.05532 7.92656 8.65211 9.85956 8.65211Z" /></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 4px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AN0RSa3NHQXlZcUgrZ__text_Qet6N9 h4 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<h4>Support Client Réactif</h4>
</div>
<rte-formatter
class="spacing-style text-block text-block--Ac0FkK1N6MG5RdWIyZ__text_i8pyiV rte text-block--align-center rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p>Réponses rapides et accompagnement jusqu’à la réception.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--27470969897285__marquee_wTGtpd" class="shopify-section">
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/marquee.js?v=117276913601894321941764669887"
type="module"
fetchpriority="low"
></script>
<div class="section-background color-scheme-1"></div>
<marquee-component
class="section spacing-style gap-style color-scheme-1"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));; --marquee-gap: 24px; --marquee-direction: reverse; "
data-speed-factor="25"
data-movement-direction="reverse"
>
<div
class="marquee__wrapper"
ref="wrapper"
>
<div
class="marquee__content"
ref="content"
>
<div
class="marquee__repeated-items"
ref="marqueeItems[]"
>
<div
class="spacing-style text-block text-block--ASEovck11WHV4c2szd__text_zPqkRc custom custom-typography custom-font-size custom-color"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1rem; --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Nous créons des maillots marocains et algériens uniques de haute qualité</p>
</div>
</div>
</div>
</div>
</marquee-component>
</div><div id="shopify-section-template--27470969897285__media_with_content_xxqcmJ" class="shopify-section">
<div class="section-background color-scheme-2"></div>
<div
class="section section--full-width disable-section-top-offset media-with-content color-scheme-2 spacing-style media-with-content--medium"
data-testid="media-with-content"
style="--padding-block-start: 0px;--padding-block-end: 0px; --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --media-height: 60svh; --media-height-mobile: 50svh; --section-preview-height: 600px; "
>
<div
class="media-block spacing-style"
style=" --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --image-position: cover; --video-position: cover; "
>
<img src="//www.alwattanmr.fr/cdn/shop/files/freepik__img1-portrait-cinmatographique-en-contreplonge-dun__55733.png?height=1024&v=1764538375" alt="Maghrébin portant le maillot rouge du maroc " width="1024" height="1024" loading="lazy" class="media-block__media border-style" srcset="//www.alwattanmr.fr/cdn/shop/files/freepik__img1-portrait-cinmatographique-en-contreplonge-dun__55733.png?height=1024&v=1764538375 1x, //www.alwattanmr.fr/cdn/shop/files/freepik__img1-portrait-cinmatographique-en-contreplonge-dun__55733.png?height=2048&v=1764538375 2x, //www.alwattanmr.fr/cdn/shop/files/freepik__img1-portrait-cinmatographique-en-contreplonge-dun__55733.png?height=3072&v=1764538375 3x" style="">
</div>
<div
class="group-block group-block--height- group-block--width- border-style spacing-style size-style media-with-content__content"
style=" --border-width: px; --border-style: ; --border-color:rgb(var(--color-border-rgb) / 0.0); --border-radius:px; --size-style-width: ;--size-style-height: ; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 24px;--horizontal-alignment: flex-start; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="spacing-style text-block text-block--AWS9BYjBzcUt0aG8zU__text_UKR6pe h6"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Nos Valeurs</p>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--ARnVzNCtOQlRrZ2Q3T__text_4rTLnk h4"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Pourquoi Nos <strong>Maillots </strong>Sont <strong>Différents</strong></h2>
</div>
<rte-formatter
class="spacing-style text-block text-block--Aakw0QlJncUdKODFBR__text_AR8FcM rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-narrow); "
>
<p>Nos collections exclusives de maillots <strong>Maroc et Algérie</strong> sont sélectionnées pour offrir la meilleure qualité possible aux <strong>supporters</strong>. Chaque modèle reprend les couleurs authentiques, les détails officiels et une <strong>coupe moderne</strong> adaptée au quotidien comme au sport.<br/>Notre boutique spécialisée vous garantit un large choix, une livraison rapide, des prix accessibles et un service client proche de la communauté <strong>marocaine et algérienne</strong>.</p>
</rte-formatter>
</div>
</div>
<a
href="/collections/all"
class="size-style button button--AanJma0tnbXFRYmMzU__button_9YWXjE"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Acheter maintenant
</a>
</div>
</div>
</div>
<style> #shopify-section-template--27470969897285__media_with_content_xxqcmJ h2 strong {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></div><div id="shopify-section-template--27470969897285__section_igrqMY" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" --section-min-height: var(--section-height-small); --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 25px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<div
class="spacing-style text-block text-block--ARCsxSVFVT0o5RVdKT__text_bJfewa h4"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Prêt à Porter le <strong>Maillot </strong>Qui <strong>Vous Ressemble ?</strong></h2>
</div>
<rte-formatter
class="spacing-style text-block text-block--AWWMrRFRHWTV1R3NIV__text_GkBGGj rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Parce que chaque supporter mérite de porter les <strong>couleurs nationales</strong>, nous proposons des modèles à prix abordables sans compromis sur la qualité. Nos éditions exclusives permettent de trouver un <strong>maillot pas cher</strong> tout en profitant d’un design premium.</p>
</rte-formatter>
<a
href="/collections/all"
class="size-style button button--AelhoYXE1a2p4Znpkb__button_hAidKV"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Voir les Maillots Disponibles
</a>
</div>
</div>
</div>
<style> #shopify-section-template--27470969897285__section_igrqMY h2 strong {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></div><div id="shopify-section-template--27470969897285__hero_kyore_FDHj7U" class="shopify-section"><section class="kyore-hero">
<div class="page-width kyore-hero-wrapper">
<!-- Texte à gauche -->
<div class="kyore-text">
<h3 class="kyore-subtitle" style="font-size: 16px;">
Des Traditions Ancestrales À La Gloire Du Football Africain
</h3>
<h2 class="kyore-title" style="font-size: 25px;">
Des Maillots Uniques Inspirés de Notre Culture
</h2>
<p class="kyore-description" style="font-size: 14px;">
Nos maillots célèbre l’art des nations, tandis que la Collection CAN 2025 honore l’esprit du football Africain.
</p>
</div>
<!-- Images à droite -->
<div class="kyore-images">
<a href="/products/maillot-maroc-noir" class="kyore-img-wrapper">
<img src="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_Noir_900x.png?v=1765283999" class="kyore-img">
<span class="kyore-img-arrow">➜</span>
</a>
<a href="/products/maillot-maroc-blanc" class="kyore-img-wrapper">
<img src="//www.alwattanmr.fr/cdn/shop/files/Maillot_Maroc_blanc_900x.png?v=1765282863" class="kyore-img">
<span class="kyore-img-arrow">➜</span>
</a>
</div>
</div>
<!-- Cartes Collections -->
<div class="page-width kyore-collections">
</div>
</section>
<style>
/* --- Container Shopify --- */
.page-width {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
/* --- Section Hero --- */
.kyore-hero {
padding: 60px 0;
}
.kyore-hero-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
/* --- Texte --- */
.kyore-text {
flex: 1;
}
.kyore-description {
max-width: 450px;
line-height: 1.6;
}
/* --- Images --- */
.kyore-images {
flex: 1;
display: flex;
gap: 20px;
position: relative;
}
.kyore-img-wrapper {
width: 50%;
border-radius: 12px;
overflow: hidden;
position: relative;
display: block;
}
.kyore-img {
width: 100%;
height: auto;
border-radius: 12px;
object-fit: cover;
display: block;
}
/* Petite flèche sur l’image */
.kyore-img-arrow {
position: absolute;
bottom: 10px;
right: 12px;
background: rgba(0,0,0,0.55);
color: white;
font-size: 20px;
padding: 6px 10px;
border-radius: 50%;
pointer-events: none;
}
/* --- Cartes Collections --- */
.kyore-collections {
margin-top: 60px;
display: flex;
gap: 20px;
}
.kyore-collection-card {
flex: 1;
padding: 25px;
background: #f7f7f7;
border-radius: 14px;
text-decoration: none;
color: inherit;
position: relative;
transition: 0.25s;
}
.kyore-collection-card:hover {
transform: translateY(-4px);
}
.kyore-arrow {
position: absolute;
right: 20px;
top: 20px;
font-size: 22px;
}
/* --- Responsive Mobile --- */
@media (max-width: 900px) {
.kyore-hero-wrapper {
flex-direction: column;
text-align: center;
}
.kyore-images {
width: 100%;
justify-content: center;
}
.kyore-img-wrapper {
width: 48%;
}
}
@media (max-width: 600px) {
.kyore-img-wrapper {
width: 100%;
}
}
</style>
<style> #shopify-section-template--27470969897285__hero_kyore_FDHj7U h2 {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></div><section id="shopify-section-template--27470969897285__hero_faq_r9jy7q" class="shopify-section section"><style data-shopify>.section-template--27470969897285__hero_faq_r9jy7q-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--27470969897285__hero_faq_r9jy7q-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}
.faq-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
/* Style global des textes */
.faq-text-block {
margin-bottom: 24px;
color: rgb(var(--color-foreground));
}
/* Style des accordéons */
.faq-accordion-item {
border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
}
.faq-accordion-item:first-of-type {
border-top: 1px solid rgba(var(--color-foreground), 0.1);
}
.faq-details {
width: 100%;
cursor: pointer;
}
.faq-summary {
list-style: none;
padding: 1.5rem 0;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
color: rgb(var(--color-foreground));
}
/* Suppression de la flèche par défaut des navigateurs */
.faq-summary::-webkit-details-marker { display: none; }
.faq-summary::marker { display: none; }
/* Icone personnalisée */
.faq-icon {
width: 1.5rem;
height: 1.5rem;
transition: transform 0.3s ease;
color: rgb(var(--color-foreground));
}
.faq-details[open] .faq-icon {
transform: rotate(180deg);
}
.faq-content {
padding-bottom: 1.5rem;
margin-top: -0.5rem;
color: rgba(var(--color-foreground), 0.75);
font-family: var(--font-body-family);
line-height: 1.6;
}
/* Classes de tailles dynamiques (Titres et Textes) */
.text-size-h0 { font-size: 4rem; font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); line-height: 1.1; }
.text-size-h1 { font-size: 3rem; font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); line-height: 1.2; }
.text-size-h2 { font-size: 2.4rem; font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); line-height: 1.3; }
.text-size-h3 { font-size: 2rem; font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); line-height: 1.3; }
.text-size-h4 { font-size: 1.6rem; font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); line-height: 1.4; }
.text-size-h5 { font-size: 1.3rem; font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); line-height: 1.5; }
.text-size-h6 { font-size: 1.1rem; font-family: var(--font-heading-family); font-weight: var(--font-heading-weight); line-height: 1.5; }
.text-size-p { font-size: 1rem; font-family: var(--font-body-family); font-weight: 400; line-height: 1.5; }</style><div class="section-template--27470969897285__hero_faq_r9jy7q-padding" style="background-color: #ffffff">
<div class="faq-container"><div class="faq-text-block" style="text-align: center">
<h2 class="text-size-h4" style="margin: 0;">
<strong>FAQ</strong>
</h2>
</div><div class="faq-accordion-item" >
<details class="faq-details">
<summary class="faq-summary">
<h3 class="text-size-p" style="margin: 0;">
Quel est le nouveau maillot du Maroc 2025 ?
</h3>
<svg class="faq-icon" aria-hidden="true" focusable="false" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="faq-content rte">
<p>Les nouveaux maillots Maroc 2025 sont disponibles en Rouge/Vert, Noir et Blanc, avec une coupe modernisée et des détails premium.</p>
</div>
</details>
</div><div class="faq-accordion-item" >
<details class="faq-details">
<summary class="faq-summary">
<h3 class="text-size-p" style="margin: 0;">
Quelles couleurs sont disponibles pour le maillot de l’Algérie 2025 ?
</h3>
<svg class="faq-icon" aria-hidden="true" focusable="false" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="faq-content rte">
<p>Nos modèles 2025 existent en Vert classique, Rose édition spéciale et Gris moderne.</p>
</div>
</details>
</div><div class="faq-accordion-item" >
<details class="faq-details">
<summary class="faq-summary">
<h3 class="text-size-p" style="margin: 0;">
Comment choisir ma taille de maillot ?
</h3>
<svg class="faq-icon" aria-hidden="true" focusable="false" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="faq-content rte">
<p>Nos maillots taillent normalement. Consulte le guide des tailles sur chaque fiche produit.</p>
</div>
</details>
</div><div class="faq-accordion-item" >
<details class="faq-details">
<summary class="faq-summary">
<h3 class="text-size-p" style="margin: 0;">
Quels sont les délais de livraison ?
</h3>
<svg class="faq-icon" aria-hidden="true" focusable="false" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</summary>
<div class="faq-content rte">
<p>Nos sommes actuellement en phase de précommande, il nous est donc difficile de fournir des délais exacts, mais nous faisons de notre mieux pour vous livrer dès que possible</p>
</div>
</details>
</div></div>
</div>
<style> #shopify-section-template--27470969897285__hero_faq_r9jy7q h2 strong {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></section><section id="shopify-section-template--27470969897285__featured_blog_posts_6Fz9Ff" class="shopify-section featured-blog-posts">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--gap: 12px;"
>
<div id="shopify-block-ATVBPdnUvdURWbzd4S__static-blog-title" class="shopify-block">
<div
class="spacing-style text-block text-block--ATVBPdnUvdURWbzd4S__static-blog-title h4"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h3>Découvrez<strong> l’univers</strong> de<strong> AlWattanMR</strong></h3>
</div>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 8px;--column-count: 3;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="featured-blog-posts"
>
<div
class="resource-list__carousel"
style=" --gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px; "
>
<slideshow-component
ref="featuredBlog"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--shape-circle slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div id="shopify-block-AL2dMSExUeW0wa3o0V__static-blog-post-card" class="shopify-block">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AL2dMSExUeW0wa3o0V__static-blog-post-card"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/infos/maillot-algerie-rose-une-tendance-moderne-adoptee-par-la-nouvelle-generation"
>
<span class="visually-hidden">Maillot Algérie Rose : une tendance moderne adoptée par la nouvelle génération</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AL2dMSExUeW0wa3o0V__static-blog-post-card"] {
--ratio: 1 / 1;
}
</style>
<div
class="image-block resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=3840" alt="Maillot rose algerie" srcset="//www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=240 240w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=352 352w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=832 832w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_rose.png?v=1765373970&width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<div
class="spacing-style text-block text-block--AYUMrSmFmSG03KzMzV__title h5 text-block--align-left"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "
>
<h4>Maillot Algérie Rose : une tendance moderne adoptée par la nouvelle génération</h4>
</div>
</h4>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div id="shopify-block-AL2dMSExUeW0wa3o0V__static-blog-post-card-1" class="shopify-block">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AL2dMSExUeW0wa3o0V__static-blog-post-card-1"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/infos/maillot-maroc-rouge-et-vert-l-identite-historique-des-lions-de-l-atlas"
>
<span class="visually-hidden">Maillot Maroc Rouge et Vert : L’identité historique des Lions de l’Atlas</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AL2dMSExUeW0wa3o0V__static-blog-post-card-1"] {
--ratio: 1 / 1;
}
</style>
<div
class="image-block resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=3840" alt="Maillot Maroc Rouge et Vert : L’identité historique des Lions de l’Atlas" srcset="//www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=240 240w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=352 352w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=832 832w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Maroc_Rouge.png?v=1765319609&width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<div
class="spacing-style text-block text-block--AYUMrSmFmSG03KzMzV__title-1 h5 text-block--align-left"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "
>
<h4>Maillot Maroc Rouge et Vert : L’identité historique des Lions de l’Atlas</h4>
</div>
</h4>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<div id="shopify-block-AL2dMSExUeW0wa3o0V__static-blog-post-card-2" class="shopify-block">
<div
class="featured-blog-posts-card spacing-style border-style"
data-block-id="AL2dMSExUeW0wa3o0V__static-blog-post-card-2"
data-testid="featured-blog-posts-card"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --text-align: left; --horizontal-alignment: left; --gap: 8px; "
>
<a
class="featured-blog-posts-card__link"
href="/blogs/infos/maillot-algerie-vert-histoire-signification-et-tendances-2025"
>
<span class="visually-hidden">Maillot Algérie Vert : histoire, signification et style moderne des supporters algériens</span>
</a>
<div class="featured-blog-posts-card__inner">
<style data-shopify>
.featured-blog-posts-card[data-block-id="AL2dMSExUeW0wa3o0V__static-blog-post-card-2"] {
--ratio: 1 / 1;
}
</style>
<div
class="image-block resource-image featured-blog-posts-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=3840" alt="Maillot Algérie Vert : histoire, signification et style moderne des supporters algériens" srcset="//www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=240 240w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=352 352w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=832 832w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=1200 1200w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=1600 1600w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=1920 1920w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=2560 2560w, //www.alwattanmr.fr/cdn/shop/articles/Maillot_Algerie_vert.png?v=1765320563&width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
</div>
<div class="featured-blog-posts-card__content layout-panel-flex--column">
<h4>
<div
class="spacing-style text-block text-block--AYUMrSmFmSG03KzMzV__title-2 h5 text-block--align-left"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "
>
<h4>Maillot Algérie Vert : histoire, signification et style moderne des supporters algériens</h4>
</div>
</h4>
</div>
</div>
</div>
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
</div>
<style> #shopify-section-template--27470969897285__featured_blog_posts_6Fz9Ff h3 strong {background: linear-gradient(180deg, transparent 60%, #ff3b30 60%); font-weight: 700;} </style></section><div id="shopify-section-template--27470969897285__section_VnbM7X" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px)); "
data-testid="section-content"
>
<div
class="spacing-style text-block text-block--AYzFxVFRQVDlSb0Fqa__text_w4abE4 h3 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<h3>Nous contacter</h3>
</div>
<div
class="contact-form spacing-style size-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:50%;--size-style-height: ; --size-style-width-mobile:100%; --size-style-width-mobile-min:100%; "
>
<form method="post" action="/contact#ContactForm-AVXFaK3B0amtLUXQ2R__contact_form_A9tggg" id="ContactForm-AVXFaK3B0amtLUXQ2R__contact_form_A9tggg" accept-charset="UTF-8" class="contact-form__form"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /><div class="contact-form__form-row">
<label
class="visually-hidden"
for="ContactForm-name"
>Nom</label>
<input
type="text"
id="ContactForm-name"
class="contact-form__input"
autocomplete="name"
name="contact[name]"
value=""
placeholder="Nom"
>
<label
class="visually-hidden"
for="ContactForm-email"
>E-mail<span aria-hidden="true">*</span></label
>
<input
type="email"
id="ContactForm-email"
class="contact-form__input"
autocomplete="email"
name="contact[email]"
spellcheck="false"
autocapitalize="off"
value=""
aria-required="true"
placeholder="E-mail"
>
</div>
<label
class="visually-hidden"
for="ContactForm-phone"
>Téléphone</label>
<input
type="tel"
id="ContactForm-phone"
class="contact-form__input"
autocomplete="tel"
name="contact[phone]"
pattern="[0-9\-]*"
value=""
placeholder="Téléphone"
>
<label
class="visually-hidden"
for="ContactForm-body"
>Commentaire</label>
<textarea
rows="10"
id="ContactForm-body"
class="contact-form__input contact-form__input--textarea"
name="contact[body]"
placeholder="Commentaire"
></textarea>
<button
type="submit"
class="button submit-button size-style button"
style="--size-style-width:100%;--size-style-height: ; --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;"
>
Soumettre
</button>
</form></div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--27470965047621__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="footer-content spacing-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); --footer-gap: 20px; --grid-columns: 2; --last-row-count: 2; --tablet-last-row-count: 2; "
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 6px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AYUhRdXJUUDV5ZGZXc__text_LWt8Pz h4 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<h3>S’inscrire à notre Newsletter</h3>
</div>
<rte-formatter
class="spacing-style text-block text-block--AdjU3U1A4aEptSzhPc__text_f9CFLH rte text-block--align-center rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p>Obtenez des offres exclusives et un accès anticipé aux nouveaux produits.</p>
</rte-formatter>
</div>
</div>
<email-signup-block
class="email-signup-block size-style spacing-style"
style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div
class="email-signup__input-group"
style="--border-width: 1px; --border-radius: 100px;"
>
<label
for="EmailInput-ASUhkdUdRTTJpa3N6e__email_signup_crihX7"
class="visually-hidden"
>
E-mail
</label>
<input
id="EmailInput-ASUhkdUdRTTJpa3N6e__email_signup_crihX7"
class="email-signup__input email-signup__input--all paragraph"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Adresse e-mail"
required
>
<button
class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ASUhkdUdRTTJpa3N6e__email_signup_crihX7"
aria-label="S’inscrire"
>
<svg
viewbox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
focusable="false"
aria-hidden="true"
class="email-signup__button-icon"
>
<path
clip-rule="evenodd"
d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</button>
</div></form>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/email-signup.js?v=11926998321451148611764669887"
defer
></script>
</email-signup-block>
</div>
</div>
</footer><div id="shopify-section-sections--27470965047621__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="utilities spacing-style"
style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="footer-utilities__group-copyright custom-typography footer-utilities__text custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/" title="">AlWattanMR</a></span>
</div>
<anchored-popover-component
class="footer-utilities__policy-list footer-utilities__text"
data-hover-triggered="true"
>
<button
class="policy-list-trigger button-unstyled"
popovertarget="terms-policies-popover"
popovertargetaction="toggle"
ref="trigger"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
Conditions générales et politiques
</button>
<div
class="terms-policies-popover color-scheme-1"
id="terms-policies-popover"
popover="auto"
ref="popover"
>
<ul
class="policy_list list-unstyled custom-typography custom-font-size"
><li>
<a
href="/policies/privacy-policy"
class="footer-utilities__text"
>Politique de confidentialité</a>
</li><li>
<a
href="/policies/refund-policy"
class="footer-utilities__text"
>Politique de remboursement</a>
</li><li>
<a
href="/policies/terms-of-service"
class="footer-utilities__text"
>Conditions d’utilisation</a>
</li><li>
<a
href="/policies/shipping-policy"
class="footer-utilities__text"
>Politique d’expédition</a>
</li><li>
<a
href="/policies/contact-information"
class="footer-utilities__text"
>Coordonnées</a>
</li><li>
<a
href="/policies/terms-of-sale"
class="footer-utilities__text"
>Conditions générales de vente</a>
</li><li>
<a
href="/policies/legal-notice"
class="footer-utilities__text"
>Mentions légales</a>
</li><li>
<a
href="/policies/subscription-policy"
class="footer-utilities__text"
>Politique de résiliation</a>
</li><li>
<a
href="/policies/#shopifyReshowConsentBanner"
class="footer-utilities__text"
>Préférences en matière de cookies</a>
</li></ul>
</div>
</anchored-popover-component>
<div
class="social-icons__wrapper footer-utilities__icons"
>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/dialog.js?v=122984339961420548111764669887"
type="module"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<h2
id="search-modal-heading"
class="visually-hidden"
>
Rechercher
</h2>
<script
src="//www.alwattanmr.fr/cdn/shop/t/18/assets/predictive-search.js?v=53445493388242646041764669887"
type="module"
fetchpriority="low"
></script>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Rechercher"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Rechercher</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Rechercher"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Effacer
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Fermer la boîte de dialogue"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
Tout afficher
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Fermer la boîte de dialogue"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
<div id="shopify-block-AaW53NVNIM3V6M3RCV__15393088698543645836" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: vite-tag -->
<script src="https://cdn.shopify.com/extensions/019bc6ef-2918-7c05-a20d-579974093cf3/essential-preorder-2616/assets/app-embed-CrDYZmuE.js" type="module" crossorigin="anonymous"></script>
<link href="//cdn.shopify.com/extensions/019bc6ef-2918-7c05-a20d-579974093cf3/essential-preorder-2616/assets/app-embed-DVa9aFPf.css" rel="stylesheet" type="text/css" media="all" />
<!-- END app snippet -->
<script>
window.essentialPreorderConfigs = {
addToCartTexts: [
window.variantStrings?.addToCart,
window.variantStrings?.soldOut,
window.theme?.strings?.addToCart,
window.theme?.strings?.soldOut,
window.theme?.variantStrings?.addToCart,
window.theme?.variantStrings?.soldOut,
window.MinimogStrings?.addToCart,
window.MinimogStrings?.soldOut,
window.themeVariables?.strings?.productFormAddToCart,
window.themeVariables?.strings?.productFormSoldOut
].filter(Boolean),
selectedOrFirstAvailableVariantId: "null",
permanentDomain: "urdiqf-vz.myshopify.com",
selectedLocale: "fr",
selectedCountry: "FR",
}
</script>
<essential-preorder-app-embed
cart="{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}"
cart-inventory-quantity-by-variant-id="{}"
product="null"
preorder-app-data="{"preorderCampaigns":[{"id":"d903f159-7d78-41cd-ad02-f12a6b795041","sellingPlanIds":[689998299461],"content":{"preorderType":"ALWAYS","inventoryHasLimit":false,"inventoryAvailable":null,"buttonText":"Précommande ","message":"Précommande à l’avance ton maillot du Maroc ","discountType":"PERCENTAGE","discountValue":0,"paymentType":"FULL","paymentCheckoutChargeType":null,"paymentCheckoutChargeValue":null,"paymentRemainingBalanceChargeType":null,"paymentRemainingBalanceChargeDayValue":null,"paymentRemainingBalanceChargeDateValue":null,"paymentDetailsText":null,"paymentDetailsTextEnabled":false,"cartDiscountKey":null,"cartNoteKey":"Note ","cartNoteText":"Précommande ","orderTags":["Précommande"],"customerTags":["Précommande"],"fulfilmentType":"UNFULFILLED","fulfilmentScheduledType":null,"fulfilmentScheduledDayValue":null,"fulfilmentScheduledDateValue":null},"design":{"buttonStyleType":"DEFAULT","backgroundType":"MONOCHROME","monochromeBackgroundColor":"#008060","gradientBackgroundStartColor":null,"gradientBackgroundEndColor":null,"gradientBackgroundAngle":null,"buttonTextColor":"#ffffff","buttonTextFontSize":15,"borderRadius":8,"borderSize":0,"borderColor":"#ffffff","insideTopSpacing":20,"insideBottomSpacing":20,"outsideTopSpacing":0,"outsideBottomSpacing":0,"font":"INHERIT","messageFontSize":14,"messageColor":"#d23232","paymentDetailsTextFontSize":null,"paymentDetailsTextColor":null,"discountedPriceFontSize":null,"discountedPriceColor":null,"priceFontSize":null,"priceColor":null,"pricesAlign":null},"placement":{"specificProducts":[{"id":"gid://shopify/ProductVariant/55826020303173"},{"id":"gid://shopify/ProductVariant/55826020270405"},{"id":"gid://shopify/ProductVariant/55826020237637"},{"id":"gid://shopify/ProductVariant/55826020335941"},{"id":"gid://shopify/ProductVariant/55802449166661"},{"id":"gid://shopify/ProductVariant/55802449133893"},{"id":"gid://shopify/ProductVariant/55802449101125"},{"id":"gid://shopify/ProductVariant/55802449199429"},{"id":"gid://shopify/ProductVariant/56014875033925"},{"id":"gid://shopify/ProductVariant/56014875001157"},{"id":"gid://shopify/ProductVariant/56014874968389"},{"id":"gid://shopify/ProductVariant/56014875066693"}]},"contentTranslations":[{"buttonText":"Précommande ","cartDiscountKey":null,"cartNoteKey":"Note","cartNoteText":"Précommande ","locale":"fr","message":"Précommande ton maillot du Maroc","paymentDetailsText":null}],"createdAt":"2025-11-01T02:26:58.066Z"}],"preorderDisplay":{"featuredProductsEnabled":true,"listEnabled":true,"quickViewEnabled":true,"discountEnabled":true},"publicAccessToken":"4c59425790736f4e1a24fad607a02125","isStaging":false}"
preorder-app-data-back-in-stock="{"backInStockCampaigns":[]}"
preorder-app-data-inventory-quantity-limits="[]"
preorder-app-data-app-settings="{"paidFeatures":{"isCustomizeEmailDisabled":false,"isTranslationsDisabled":false,"isButtonInQuickAddModalDisabled":false,"isPreorderConfirmationEmailDisabled":false}}"
product-collections="null"
inventory-quantity-by-variant-id="{}"
money-format-by-settings="€{{amount_with_comma_separator}}"
money-format="€{{amount_with_comma_separator}}"
template="index"
></essential-preorder-app-embed>
</div></body>
</html>
