Outiref

Code source de l'URL : http://bway.tn/

<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  <meta name="csrf-token" content="nxG61DTDiZt3zhs7SujHNBE8wSHnJSNoOeQ46sb0">
  <meta name="theme-color" content="#fbf7f1">

  
  <title>Bway Shop | Artisanat Tunisien &amp; Coffrets Cadeaux en MDF</title>
  <meta name="description"
    content="Bway Shop – Boutique tunisienne de cadeaux personnalisés : coffrets cadeaux MDF, porte-clés gravés, magnets, sous-tasses, puzzles et cadeaux artisanaux. Livraison partout en Tunisie. Idées cadeaux originales pour toutes occasions.">
  <meta name="keywords"
    content="cadeaux personnalisés Tunisie, coffrets cadeaux MDF, artisanat tunisien, porte-clés personnalisés, magnets Tunisie, sous-tasses personnalisées, puzzles personnalisés, cadeaux traditionnels tunisiens, cadeaux voyage Tunisie, cadeaux haute qualité, boutique cadeaux Tunis, cadeaux faits main, souvenir tunisien, cadeaux entreprise Tunisie, gravure personnalisée, boîtes cadeaux bois, cadeaux Djerba, cadeaux Carthage, cadeaux régions Tunisie, idées cadeaux originaux, cadeaux anniversaire, cadeaux mariage Tunisie, personalized gifts Tunisia, Tunisian crafts, custom gifts Tunisia, handmade gifts Tunisia">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://bway.tn">

  <meta property="og:title" content="Bway Shop | Artisanat Tunisien &amp; Coffrets Cadeaux en MDF">
  <meta property="og:description"
    content="Découvrez Bway Shop : une boutique tunisienne dédiée à la création artisanale, aux coffrets cadeaux en MDF et aux pièces uniques inspirées des différentes régions de Tunisie. Chaque création allie authenticité, savoir-faire et passion pour l’artisanat local.">
  <meta property="og:image" content="https://bway.tn/assets/meta.jpeg">
  <meta property="og:url" content="https://bway.tn">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="fr_TN">

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Bway Shop | Artisanat Tunisien &amp; Coffrets Cadeaux en MDF">
  <meta name="twitter:description"
    content="Découvrez Bway Shop : une boutique tunisienne dédiée à la création artisanale, aux coffrets cadeaux en MDF et aux pièces uniques inspirées des différentes régions de Tunisie. Chaque création allie authenticité, savoir-faire et passion pour l’artisanat local.">
  <meta name="twitter:image" content="https://bway.tn/assets/meta.jpeg">

  <link rel="icon" type="image/png" href="/assets/icons/icon.png">

  
  
  <style type="text/css">@font-face {font-family:'Fraunces';font-style:normal;font-weight:400;src:url(/cf-fonts/v/fraunces/5.2.9/latin/opsz/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Fraunces';font-style:normal;font-weight:400;src:url(/cf-fonts/v/fraunces/5.2.9/vietnamese/opsz/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Fraunces';font-style:normal;font-weight:400;src:url(/cf-fonts/v/fraunces/5.2.9/latin-ext/opsz/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Fraunces';font-style:normal;font-weight:500;src:url(/cf-fonts/v/fraunces/5.2.9/latin/opsz/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Fraunces';font-style:normal;font-weight:500;src:url(/cf-fonts/v/fraunces/5.2.9/vietnamese/opsz/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Fraunces';font-style:normal;font-weight:500;src:url(/cf-fonts/v/fraunces/5.2.9/latin-ext/opsz/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Fraunces';font-style:normal;font-weight:600;src:url(/cf-fonts/v/fraunces/5.2.9/vietnamese/opsz/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Fraunces';font-style:normal;font-weight:600;src:url(/cf-fonts/v/fraunces/5.2.9/latin/opsz/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Fraunces';font-style:normal;font-weight:600;src:url(/cf-fonts/v/fraunces/5.2.9/latin-ext/opsz/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Fraunces';font-style:italic;font-weight:500;src:url(/cf-fonts/v/fraunces/5.2.9/latin/opsz/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Fraunces';font-style:italic;font-weight:500;src:url(/cf-fonts/v/fraunces/5.2.9/latin-ext/opsz/italic.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Fraunces';font-style:italic;font-weight:500;src:url(/cf-fonts/v/fraunces/5.2.9/vietnamese/opsz/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.2.8/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.2.8/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.2.8/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.2.8/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:600;src:url(/cf-fonts/v/inter/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:600;src:url(/cf-fonts/v/inter/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:600;src:url(/cf-fonts/v/inter/5.2.8/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:600;src:url(/cf-fonts/v/inter/5.2.8/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:600;src:url(/cf-fonts/v/inter/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:600;src:url(/cf-fonts/v/inter/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:600;src:url(/cf-fonts/v/inter/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:700;src:url(/cf-fonts/v/inter/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:700;src:url(/cf-fonts/v/inter/5.2.8/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:700;src:url(/cf-fonts/v/inter/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:700;src:url(/cf-fonts/v/inter/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:700;src:url(/cf-fonts/v/inter/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:700;src:url(/cf-fonts/v/inter/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Inter';font-style:normal;font-weight:700;src:url(/cf-fonts/v/inter/5.2.8/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}</style>
  <link rel="stylesheet" href="/css/bway.css?v=1789653213">
  
  <script>document.documentElement.classList.add('js');</script>

  <!-- Meta Pixel -->
  <script>
    !function (f, b, e, v, n, t, s) {
      if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) };
      if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0;
      t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s)
    }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '26822632507428017');
    fbq('track', 'PageView');
  </script>
  <noscript><img height="1" width="1" style="display:none" alt=""
      src="https://www.facebook.com/tr?id=26822632507428017&ev=PageView&noscript=1" /></noscript>

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3SR193Z04T"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'G-3SR193Z04T');
  </script>

  <script src="https://t.contentsquare.net/uxa/48909c0ef1e03.js" defer></script>
</head>

<body class="">
  <a class="skip-link" href="#main">Aller au contenu</a>

  <div class="announce">
    <div class="container announce__inner">
        <span class="announce__item"><svg class="icon" width="15" height="15" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg>
 Livraison partout en Tunisie · 7 DT</span>
        <span class="announce__item"><svg class="icon" width="15" height="15" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/></svg>
 Paiement à la livraison</span>
        <span class="announce__item"><svg class="icon" width="15" height="15" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M18 11V6a2 2 0 0 0-4 0"/><path d="M14 10V4a2 2 0 0 0-4 0v2"/><path d="M10 10.5V6a2 2 0 0 0-4 0v8"/><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-6-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"/></svg>
 Fabrication artisanale tunisienne</span>
    </div>
</div>

<header class="site-header" id="site-header">
    <div class="container site-header__bar">
        <button class="icon-btn site-header__menu-btn" type="button" data-menu-open aria-controls="mobile-nav"
            aria-expanded="false" aria-label="Ouvrir le menu">
            <svg class="icon" width="22" height="22" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 7h16M4 12h16M4 17h10"/></svg>
        </button>

        <a href="https://bway.tn" class="site-header__logo" aria-label="Bway — accueil">
            <img src="/assets/logo.png" alt="Bway" width="130" height="34">
        </a>

        <nav class="nav" aria-label="Navigation principale">
            <a class="nav__link" href="https://bway.tn/products">Boutique</a>
            <button class="nav__link" type="button"
                data-mega-toggle aria-expanded="false" aria-controls="mega">
                Catégories <svg class="icon" width="16" height="16" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m6 9 6 6 6-6"/></svg>
            </button>
            <a class="nav__link" href="https://bway.tn/products?category=packs">Packs</a>
            <a class="nav__link" href="https://bway.tn/gallery">Galerie</a>
            <a class="nav__link" href="https://bway.tn#sur-mesure">Sur mesure</a>
        </nav>

        <div class="site-header__actions">
            <button class="icon-btn" type="button" data-search-toggle aria-controls="search-panel" aria-expanded="false"
                aria-label="Rechercher un produit">
                <svg class="icon" width="21" height="21" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7.5"/><path d="m20.5 20.5-4.2-4.2"/></svg>
            </button>
            <button class="icon-btn" type="button" id="cartBtn" data-cart-open aria-label="Ouvrir le panier">
                <svg class="icon" width="21" height="21" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
                <span class="cart-count" data-cart-count>0</span>
            </button>
        </div>
    </div>

    
    <div class="mega" id="mega">
        <div class="container mega__inner">
            <div>
                <p class="mega__title">Nos catégories</p>
                <ul class="mega__list">
                                            <li>
                            <a href="https://bway.tn/products?category=autre">Autre <span>15</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=box-compact-premium">Box Compact Premium <span>22</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=box-heritage-classique">Box Héritage Classique <span>31</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=box-heritage-compact">Box Héritage compact <span>23</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=box-heritage-elixir">Box Héritage Élixir <span>1</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=box-heritage-premium">Box Héritage Premium <span>31</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=coloriage">Coloriage <span>1</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=mugs">Mugs <span>32</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=porte-cles">Porte-Clés <span>27</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=puzzle">Puzzle <span>29</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=support-porte-cles-mural">Support Porte-Clés Mural <span>32</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=support-sous-tasses">Support Sous-Tasses <span>31</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=t-shirts">T-shirts <span>63</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=tableaux-a4-pliable">Tableaux A4 (Pliable) <span>32</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=tableaux-en-toile">Tableaux en toile <span>36</span></a>
                        </li>
                                            <li>
                            <a href="https://bway.tn/products?category=tote-bags">Tote Bags <span>32</span></a>
                        </li>
                                        <li><a href="https://bway.tn/products?category=packs">Packs cadeaux <span><svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5"/></svg>
</span></a></li>
                </ul>
            </div>
            <div class="mega__promo">
                <h3>Coffrets sur mesure</h3>
                <p>Votre logo, vos couleurs, votre ville — pour vos clients et équipes.</p>
                <img src="/assets/hero-image.webp" alt="" loading="lazy">
                <a href="https://bway.tn#sur-mesure" class="btn btn--sm">Demander un devis</a>
            </div>
        </div>
    </div>

    
    <div class="search-panel" id="search-panel">
        <div class="container container--narrow">
            <form class="search-form" action="https://bway.tn/products" method="get" role="search">
                <label class="sr-only" for="header-search">Rechercher un produit</label>
                <svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7.5"/><path d="m20.5 20.5-4.2-4.2"/></svg>
                <input class="input" id="header-search" type="search" name="q" placeholder="Coffret Djerba, mug, porte-clés…"
                    autocomplete="off" value="">
                <button class="btn btn--sm" type="submit">Rechercher</button>
            </form>
            <div class="search-panel__suggest">
                <span>Populaires :</span>
                                    <a class="chip" href="https://bway.tn/products?category=t-shirts">T-shirts</a>
                                    <a class="chip" href="https://bway.tn/products?category=tableaux-en-toile">Tableaux en toile</a>
                                    <a class="chip" href="https://bway.tn/products?category=mugs">Mugs</a>
                                    <a class="chip" href="https://bway.tn/products?category=support-porte-cles-mural">Support Porte-Clés Mural</a>
                                    <a class="chip" href="https://bway.tn/products?category=tableaux-a4-pliable">Tableaux A4 (Pliable)</a>
                                    <a class="chip" href="https://bway.tn/products?category=tote-bags">Tote Bags</a>
                            </div>
        </div>
    </div>
</header>


<aside class="drawer drawer--left mobile-nav" id="mobile-nav" aria-label="Menu" aria-hidden="true">
    <div class="drawer__head">
        <img src="/assets/logo.png" alt="Bway" width="110" height="28" style="height:28px;width:auto">
        <button class="icon-btn" type="button" data-drawer-close aria-label="Fermer le menu"><svg class="icon" width="22" height="22" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
    </div>
    <div class="drawer__body">
        <nav class="mobile-nav__links" aria-label="Navigation mobile">
            <a href="https://bway.tn">Accueil <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
            <a href="https://bway.tn/products">Toute la boutique <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
            <details>
                <summary>Catégories <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m6 9 6 6 6-6"/></svg>
</summary>
                <ul>
                                            <li><a href="https://bway.tn/products?category=autre">Autre</a></li>
                                            <li><a href="https://bway.tn/products?category=box-compact-premium">Box Compact Premium</a></li>
                                            <li><a href="https://bway.tn/products?category=box-heritage-classique">Box Héritage Classique</a></li>
                                            <li><a href="https://bway.tn/products?category=box-heritage-compact">Box Héritage compact</a></li>
                                            <li><a href="https://bway.tn/products?category=box-heritage-elixir">Box Héritage Élixir</a></li>
                                            <li><a href="https://bway.tn/products?category=box-heritage-premium">Box Héritage Premium</a></li>
                                            <li><a href="https://bway.tn/products?category=coloriage">Coloriage</a></li>
                                            <li><a href="https://bway.tn/products?category=mugs">Mugs</a></li>
                                            <li><a href="https://bway.tn/products?category=porte-cles">Porte-Clés</a></li>
                                            <li><a href="https://bway.tn/products?category=puzzle">Puzzle</a></li>
                                            <li><a href="https://bway.tn/products?category=support-porte-cles-mural">Support Porte-Clés Mural</a></li>
                                            <li><a href="https://bway.tn/products?category=support-sous-tasses">Support Sous-Tasses</a></li>
                                            <li><a href="https://bway.tn/products?category=t-shirts">T-shirts</a></li>
                                            <li><a href="https://bway.tn/products?category=tableaux-a4-pliable">Tableaux A4 (Pliable)</a></li>
                                            <li><a href="https://bway.tn/products?category=tableaux-en-toile">Tableaux en toile</a></li>
                                            <li><a href="https://bway.tn/products?category=tote-bags">Tote Bags</a></li>
                                    </ul>
            </details>
            <a href="https://bway.tn/products?category=packs">Packs cadeaux <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
            <a href="https://bway.tn/gallery">Galerie <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
            <a href="https://bway.tn#sur-mesure">Commande sur mesure <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
            <a href="https://bway.tn#faq">Questions fréquentes <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
        </nav>
        <div class="mobile-nav__contact">
            <a class="btn btn--whatsapp btn--block" href="https://wa.me/21655053034" target="_blank" rel="noopener">
                <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="currentColor" stroke="none" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.47-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.91-2.2-.25-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.7.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.18-1.41-.08-.13-.28-.2-.57-.35m-5.42 7.4h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 6.99c0 5.45-4.44 9.88-9.88 9.88m8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41Z"/></svg>
 Écrire sur WhatsApp
            </a>
        </div>
    </div>
</aside>

  <main id="main">
    
    
    <section class="hero">
        <div class="hero__bg" aria-hidden="true"></div>
        <div class="container hero__grid">
            <div class="hero__text">
                <span class="eyebrow reveal">Artisanat tunisien · Coffrets personnalisés</span>
                <h1 class="display hero__title reveal" style="--delay:.05s">Chaque produit a une âme — <em>authentique</em> &amp; fait main.</h1>
                <p class="lead hero__lead reveal" style="--delay:.1s">Créez un coffret cadeau mémorable aux couleurs de votre ville, de vos fleurs ou de votre entreprise : coffret en MDF de haute qualité, carnet gravé, porte-clés, stylo et bien plus.</p>
                <div class="hero__actions reveal" style="--delay:.15s">
                    <a href="https://bway.tn/products" class="btn btn--lg"><span class="hero__long">Découvrir la boutique</span><span class="hero__short">La boutique</span> <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
                    <a href="#sur-mesure" class="btn btn--lg btn--outline"><span class="hero__long">Commande sur mesure</span><span class="hero__short">Sur mesure</span></a>
                </div>
                                    <div class="hero-marquee" data-marquee aria-label="Nos créations">
                        <div class="hero-marquee__track">
                                                                                                <a class="hero-marquee__item" href="https://bway.tn/product/33" draggable="false"
                                        >
                                        <img src="/storage/products/October2025/UWvvlLqBATfis6LIHF2k.png" alt="Box Héritage Classique - Sidi Bou Said" draggable="false"
                                            loading="eager" decoding="async">
                                        <span>35 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/135" draggable="false"
                                        >
                                        <img src="/storage/products/March2026/dm8QmcUx0D0as8yb818Q.png" alt="Box Héritage Premium  - Sidi Bou Said" draggable="false"
                                            loading="eager" decoding="async">
                                        <span>40 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/400" draggable="false"
                                        >
                                        <img src="/storage/products/June2026/WLv7N1jG3JsqGhTOcVTd.webp" alt="Livre de Coloriage Tunisia" draggable="false"
                                            loading="eager" decoding="async">
                                        <span>20 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/23" draggable="false"
                                        >
                                        <img src="/storage/products/October2025/I16KUfEQDq4dxcCY7lsx.png" alt="Box Héritage Classique - Tunisia" draggable="false"
                                            loading="eager" decoding="async">
                                        <span>35 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/18" draggable="false"
                                        >
                                        <img src="/storage/products/October2025/IhULG2D4SsEK2GBOTV5u.png" alt="Box Héritage Classique - Bizerte" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>35 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/162" draggable="false"
                                        >
                                        <img src="/storage/products/October2025/476xrbjvnWDXYllKlMxz.png" alt="Box Héritage Compact  - Tunisia" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>20 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/185" draggable="false"
                                        >
                                        <img src="/storage/products/October2025/bOKXHwZtJ4Ybt8V2wG8r.png" alt="Box Héritage Élixir  - Sidi Bou Said" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>25 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/11" draggable="false"
                                        >
                                        <img src="/storage/products/October2025/fwLPpitecA0XPcvyGQ62.png" alt="Box Héritage Classique - Djerba" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>35 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/243" draggable="false"
                                        >
                                        <img src="/storage/products/December2025/DJHtRF8X0bCWClmeaZ7t.png" alt="Box Compact Premium Personnalisée Djerba" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>28 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/242" draggable="false"
                                        >
                                        <img src="/storage/products/December2025/QYkgE3EhmiX44Firon1C.png" alt="Coffret Huile (sans bouteille)" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>20 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/346" draggable="false"
                                        >
                                        <img src="/storage/products/June2026/DpkrLBCH1BM46MDCKvCs.webp" alt="Tableau en Toile Mahdia (pliable)" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>15 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/307" draggable="false"
                                        >
                                        <img src="/storage/products/May2026/ZdPlvU4iqnvSL9Eplehs.webp" alt="Porte-clés mural Bizerte" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>25 DT</span>
                                    </a>
                                                                                                                                <a class="hero-marquee__item" href="https://bway.tn/product/33" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/October2025/UWvvlLqBATfis6LIHF2k.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>35 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/135" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/March2026/dm8QmcUx0D0as8yb818Q.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>40 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/400" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/June2026/WLv7N1jG3JsqGhTOcVTd.webp" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>20 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/23" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/October2025/I16KUfEQDq4dxcCY7lsx.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>35 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/18" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/October2025/IhULG2D4SsEK2GBOTV5u.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>35 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/162" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/October2025/476xrbjvnWDXYllKlMxz.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>20 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/185" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/October2025/bOKXHwZtJ4Ybt8V2wG8r.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>25 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/11" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/October2025/fwLPpitecA0XPcvyGQ62.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>35 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/243" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/December2025/DJHtRF8X0bCWClmeaZ7t.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>28 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/242" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/December2025/QYkgE3EhmiX44Firon1C.png" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>20 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/346" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/June2026/DpkrLBCH1BM46MDCKvCs.webp" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>15 DT</span>
                                    </a>
                                                                    <a class="hero-marquee__item" href="https://bway.tn/product/307" draggable="false"
                                         aria-hidden="true" tabindex="-1" >
                                        <img src="/storage/products/May2026/ZdPlvU4iqnvSL9Eplehs.webp" alt="" draggable="false"
                                            loading="lazy" decoding="async">
                                        <span>25 DT</span>
                                    </a>
                                                                                    </div>
                    </div>
                                <div class="hero__proof reveal" style="--delay:.2s">
                    <div><strong>400+</strong><span>créations disponibles</span></div>
                    <div><strong>32</strong><span>villes &amp; régions de Tunisie</span></div>
                    <div><strong>7 DT</strong><span>livraison partout</span></div>
                </div>
            </div>

            <div class="hero__visual">
                <div class="arch hero__arch" aria-hidden="true"></div>
                <div class="hero__seal" aria-hidden="true">
                    <svg class="hero__seal-ring" viewbox="0 0 120 120">
                        <defs><path id="seal-circle" d="M60 60m-45 0a45 45 0 1 1 90 0a45 45 0 1 1-90 0" /></defs>
                        <text><textpath href="#seal-circle" textlength="280" lengthadjust="spacing">FAIT MAIN EN TUNISIE • BWAY • ARTISANAT •</textpath></text>
                    </svg>
                    <svg class="icon" width="24" height="24" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M18 11V6a2 2 0 0 0-4 0"/><path d="M14 10V4a2 2 0 0 0-4 0v2"/><path d="M10 10.5V6a2 2 0 0 0-4 0v8"/><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-6-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"/></svg>
                </div>
                <div class="hero__card">
                    <div class="hero__card-inner">
                        <img src="/assets/hero-image.webp" alt="Coffret cadeau Bway Djerba : carnet gravé, porte-clés, dessous de verre et stylo" width="1550" height="1210" fetchpriority="high">
                    </div>
                </div>
                <div class="hero__rope" aria-hidden="true"><img src="/assets/rope.webp" alt=""></div>
                <div class="hero__wood" aria-hidden="true"><img src="/assets/stamp.webp" alt=""></div>
            </div>
        </div>
    </section>

    
    <section class="trust" aria-label="Nos engagements">
        <div class="container trust__inner">
            <div class="trust__item"><span class="trust__icon"><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg>
</span><div><strong>Livraison nationale</strong><span>Partout en Tunisie · 7 DT</span></div></div>
            <div class="trust__item"><span class="trust__icon"><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/></svg>
</span><div><strong>Paiement à la livraison</strong><span>Aucun paiement en ligne</span></div></div>
            <div class="trust__item"><span class="trust__icon"><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M18 11V6a2 2 0 0 0-4 0"/><path d="M14 10V4a2 2 0 0 0-4 0v2"/><path d="M10 10.5V6a2 2 0 0 0-4 0v8"/><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-6-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"/></svg>
</span><div><strong>Fait main en Tunisie</strong><span>Assemblé avec soin</span></div></div>
            <div class="trust__item"><span class="trust__icon"><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 20h9"/><path d="M16.4 3.6a2.1 2.1 0 0 1 3 3L7.4 18.6a2 2 0 0 1-.86.5l-2.87.85a.5.5 0 0 1-.62-.62l.84-2.87a2 2 0 0 1 .5-.86z"/></svg>
</span><div><strong>Personnalisable</strong><span>Logo, prénom, ville</span></div></div>
        </div>
    </section>

    
    <section class="section">
        <img class="deco deco--clay1" src="/assets/clay1.webp" alt="" aria-hidden="true">
        <div class="container">
            <div class="section-head reveal">
                <div class="section-head__text">
                    <span class="eyebrow">Nos collections</span>
                    <h2 class="section-head__title">Explorer par catégorie</h2>
                </div>
                <a href="https://bway.tn/products" class="link">Tout voir <svg class="icon" width="16" height="16" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
            </div>
            <div class="cat-tiles">
                                    <a href="https://bway.tn/products?category=t-shirts" class="cat-tile reveal" style="--delay: 0s">
                        <h3>T-shirts</h3>
                        <span>63 créations</span>
                        <span class="cat-tile__go"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</span>
                        <img class="cat-tile__img" src="/storage/products/September2026/gWU3weMO8X724XZ6e9w9.webp" alt="" loading="lazy" decoding="async">
                    </a>
                                    <a href="https://bway.tn/products?category=tableaux-en-toile" class="cat-tile reveal" style="--delay: 0.05s">
                        <h3>Tableaux en toile</h3>
                        <span>36 créations</span>
                        <span class="cat-tile__go"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</span>
                        <img class="cat-tile__img" src="/storage/products/June2026/EiYn8Q2zqC9Af839LWEL.webp" alt="" loading="lazy" decoding="async">
                    </a>
                                    <a href="https://bway.tn/products?category=support-porte-cles-mural" class="cat-tile reveal" style="--delay: 0.1s">
                        <h3>Support Porte-Clés Mural</h3>
                        <span>32 créations</span>
                        <span class="cat-tile__go"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</span>
                        <img class="cat-tile__img" src="/storage/products/May2026/ZdPlvU4iqnvSL9Eplehs.webp" alt="" loading="lazy" decoding="async">
                    </a>
                                    <a href="https://bway.tn/products?category=tableaux-a4-pliable" class="cat-tile reveal" style="--delay: 0.15s">
                        <h3>Tableaux A4 (Pliable)</h3>
                        <span>32 créations</span>
                        <span class="cat-tile__go"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</span>
                        <img class="cat-tile__img" src="/storage/products/June2026/8aYEG8EFQ6OZFMRUUtQ5.webp" alt="" loading="lazy" decoding="async">
                    </a>
                                    <a href="https://bway.tn/products?category=tote-bags" class="cat-tile reveal" style="--delay: 0.2s">
                        <h3>Tote Bags</h3>
                        <span>32 créations</span>
                        <span class="cat-tile__go"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</span>
                        <img class="cat-tile__img" src="/storage/products/June2026/qBrs1zlquT5twfxxdxh1.png" alt="" loading="lazy" decoding="async">
                    </a>
                                    <a href="https://bway.tn/products?category=mugs" class="cat-tile reveal" style="--delay: 0.25s">
                        <h3>Mugs</h3>
                        <span>32 créations</span>
                        <span class="cat-tile__go"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</span>
                        <img class="cat-tile__img" src="/storage/products/July2026/H5HyRmr3fHQg9PMJSvA5.webp" alt="" loading="lazy" decoding="async">
                    </a>
                                    <a href="https://bway.tn/products?category=support-sous-tasses" class="cat-tile reveal" style="--delay: 0.3s">
                        <h3>Support Sous-Tasses</h3>
                        <span>31 créations</span>
                        <span class="cat-tile__go"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</span>
                        <img class="cat-tile__img" src="/storage/products/October2025/J5EJF3pBQD25OadYXOQa.png" alt="" loading="lazy" decoding="async">
                    </a>
                                    <a href="https://bway.tn/products?category=box-heritage-premium" class="cat-tile reveal" style="--delay: 0.35s">
                        <h3>Box Héritage Premium</h3>
                        <span>31 créations</span>
                        <span class="cat-tile__go"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</span>
                        <img class="cat-tile__img" src="/storage/products/March2026/dm8QmcUx0D0as8yb818Q.png" alt="" loading="lazy" decoding="async">
                    </a>
                            </div>
        </div>
    </section>

    
    <section class="section section--tight" id="trending">
        <div class="container">
            <div class="section-head reveal">
                <div class="section-head__text">
                    <span class="eyebrow">Sélection</span>
                    <h2 class="section-head__title">Produits en vedette</h2>
                </div>
                <div class="rail-nav" data-rail-nav="rail-featured">
                    <button type="button" aria-label="Produits précédents"><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m15 18-6-6 6-6"/></svg>
</button>
                    <button type="button" aria-label="Produits suivants"><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</button>
                </div>
            </div>
            <div class="rail reveal" id="rail-featured" data-rail>
                                    <article class="p-card">
    <a href="https://bway.tn/product/33" class="p-card__media" data-name="Box Héritage Classique - Sidi Bou Said" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/UWvvlLqBATfis6LIHF2k.png" alt="Box Héritage Classique - Sidi Bou Said" loading="lazy" decoding="async" width="480" height="480">
                    <span class="badge badge--dark p-card__badge">Best-seller</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/sidibousaid.jpg" alt="" width="18" height="18" loading="lazy">
                        Sidi Bou Saïd
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/33" data-name="Box Héritage Classique - Sidi Bou Said">Box Héritage Classique - Sidi Bou Said</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">35 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="33" data-name="Box Héritage Classique - Sidi Bou Said"
                    data-price="35.00" data-image="/storage/products/October2025/UWvvlLqBATfis6LIHF2k.png"
                    data-region="sidibousaid" aria-label="Ajouter « Box Héritage Classique - Sidi Bou Said » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/400" class="p-card__media" data-name="Livre de Coloriage Tunisia" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/June2026/WLv7N1jG3JsqGhTOcVTd.webp" alt="Livre de Coloriage Tunisia" loading="lazy" decoding="async" width="480" height="480">
                    <span class="badge badge--dark p-card__badge">Best-seller</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                        Toute la Tunisie
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/400" data-name="Livre de Coloriage Tunisia">Livre de Coloriage Tunisia</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">20 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="400" data-name="Livre de Coloriage Tunisia"
                    data-price="20.00" data-image="/storage/products/June2026/WLv7N1jG3JsqGhTOcVTd.webp"
                    data-region="none" aria-label="Ajouter « Livre de Coloriage Tunisia » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/185" class="p-card__media" data-name="Box Héritage Élixir  - Sidi Bou Said" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/bOKXHwZtJ4Ybt8V2wG8r.png" alt="Box Héritage Élixir  - Sidi Bou Said" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/sidibousaid.jpg" alt="" width="18" height="18" loading="lazy">
                        Sidi Bou Saïd
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/185" data-name="Box Héritage Élixir  - Sidi Bou Said">Box Héritage Élixir  - Sidi Bou Said</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">25 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="185" data-name="Box Héritage Élixir  - Sidi Bou Said"
                    data-price="25.00" data-image="/storage/products/October2025/bOKXHwZtJ4Ybt8V2wG8r.png"
                    data-region="sidibousaid" aria-label="Ajouter « Box Héritage Élixir  - Sidi Bou Said » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/243" class="p-card__media" data-name="Box Compact Premium Personnalisée Djerba" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/December2025/DJHtRF8X0bCWClmeaZ7t.png" alt="Box Compact Premium Personnalisée Djerba" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/djerba.jpg" alt="" width="18" height="18" loading="lazy">
                        Djerba
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/243" data-name="Box Compact Premium Personnalisée Djerba">Box Compact Premium Personnalisée Djerba</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">28 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="243" data-name="Box Compact Premium Personnalisée Djerba"
                    data-price="28.00" data-image="/storage/products/December2025/DJHtRF8X0bCWClmeaZ7t.png"
                    data-region="djerba" aria-label="Ajouter « Box Compact Premium Personnalisée Djerba » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/242" class="p-card__media" data-name="Coffret Huile (sans bouteille)" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/December2025/QYkgE3EhmiX44Firon1C.png" alt="Coffret Huile (sans bouteille)" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                        Toute la Tunisie
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/242" data-name="Coffret Huile (sans bouteille)">Coffret Huile (sans bouteille)</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">20 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="242" data-name="Coffret Huile (sans bouteille)"
                    data-price="20.00" data-image="/storage/products/December2025/QYkgE3EhmiX44Firon1C.png"
                    data-region="none" aria-label="Ajouter « Coffret Huile (sans bouteille) » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/346" class="p-card__media" data-name="Tableau en Toile Mahdia (pliable)" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/June2026/DpkrLBCH1BM46MDCKvCs.webp" alt="Tableau en Toile Mahdia (pliable)" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/mahdia.jpg" alt="" width="18" height="18" loading="lazy">
                        Mahdia
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/346" data-name="Tableau en Toile Mahdia (pliable)">Tableau en Toile Mahdia (pliable)</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">15 DT</span>
                            <a href="https://bway.tn/product/346" class="p-card__cta" data-name="Tableau en Toile Mahdia (pliable)">Options <svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/307" class="p-card__media" data-name="Porte-clés mural Bizerte" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/May2026/ZdPlvU4iqnvSL9Eplehs.webp" alt="Porte-clés mural Bizerte" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/bizerte.jpg" alt="" width="18" height="18" loading="lazy">
                        Bizerte
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/307" data-name="Porte-clés mural Bizerte">Porte-clés mural Bizerte</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">25 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="307" data-name="Porte-clés mural Bizerte"
                    data-price="25.00" data-image="/storage/products/May2026/ZdPlvU4iqnvSL9Eplehs.webp"
                    data-region="bizerte" aria-label="Ajouter « Porte-clés mural Bizerte » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/147" class="p-card__media" data-name="Box Héritage Premium  - Jendouba" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/March2026/Ry3w5ZbStP1s2mYCjiCF.png" alt="Box Héritage Premium  - Jendouba" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/jendouba.jpg" alt="" width="18" height="18" loading="lazy">
                        Jendouba
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/147" data-name="Box Héritage Premium  - Jendouba">Box Héritage Premium  - Jendouba</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">40 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="147" data-name="Box Héritage Premium  - Jendouba"
                    data-price="40.00" data-image="/storage/products/March2026/Ry3w5ZbStP1s2mYCjiCF.png"
                    data-region="Jendouba" aria-label="Ajouter « Box Héritage Premium  - Jendouba » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/277" class="p-card__media" data-name="Puzzle Ain Drahem" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/May2026/1oUnMjcN29rq9R6VOy0B.webp" alt="Puzzle Ain Drahem" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/ain-drahem.jpg" alt="" width="18" height="18" loading="lazy">
                        Aïn Draham
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/277" data-name="Puzzle Ain Drahem">Puzzle Ain Drahem</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">20 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="277" data-name="Puzzle Ain Drahem"
                    data-price="20.00" data-image="/storage/products/May2026/1oUnMjcN29rq9R6VOy0B.webp"
                    data-region="ain-drahem" aria-label="Ajouter « Puzzle Ain Drahem » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/374" class="p-card__media" data-name="Tableau en Toile Haouaria" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/June2026/EtUeIHEp1rt7TAHgaxvg.webp" alt="Tableau en Toile Haouaria" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/haouaria.jpg" alt="" width="18" height="18" loading="lazy">
                        Haouaria
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/374" data-name="Tableau en Toile Haouaria">Tableau en Toile Haouaria</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">30 DT</span>
                            <a href="https://bway.tn/product/374" class="p-card__cta" data-name="Tableau en Toile Haouaria">Options <svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/38" class="p-card__media" data-name="Box Sous Tasse - Nabeul" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/J0ucdABrsoFb7hellk6O.png" alt="Box Sous Tasse - Nabeul" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/nabeul.jpg" alt="" width="18" height="18" loading="lazy">
                        Nabeul
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/38" data-name="Box Sous Tasse - Nabeul">Box Sous Tasse - Nabeul</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">20 DT</span>
                            <a href="https://bway.tn/product/38" class="p-card__cta" data-name="Box Sous Tasse - Nabeul">Options <svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
                    </div>
    </div>
</article>
                                    <article class="p-card">
    <a href="https://bway.tn/product/434" class="p-card__media" data-name="Mug Béja" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/July2026/CthEvYhyPgUpF3kOURO1.webp" alt="Mug Béja" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/beja.jpg" alt="" width="18" height="18" loading="lazy">
                        Béja
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/434" data-name="Mug Béja">Mug Béja</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">20 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="434" data-name="Mug Béja"
                    data-price="20.00" data-image="/storage/products/July2026/CthEvYhyPgUpF3kOURO1.webp"
                    data-region="beja" aria-label="Ajouter « Mug Béja » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                            </div>
        </div>
    </section>

    
    <section class="section section--dark" id="about">
        <div class="container craft">
            <div class="craft__text reveal" data-expand>
                <span class="eyebrow">Notre savoir-faire</span>
                <h2 class="section-head__title">Des créations pensées, découpées et assemblées à la main</h2>
                <div class="prose">
                                            <p>Chez Bway, nous célébrons l’authenticité et le savoir-faire artisanal. Notre boutique propose des produits faits main, créés avec passion, minutie et un profond respect des traditions. Chaque pièce raconte une histoire. celle de l’artisan qui l’a façonnée, de la culture qu’elle reflète et des techniques ancestrales qui la rendent unique.
Que vous recherchiez un cadeau original, un souvenir intemporel ou une touche d’artisanat authentique pour votre intérieur, Bway vous offre des créations uniques que vous ne trouverez nulle part ailleurs.</p>
                                    </div>
                <button type="button" class="expand__toggle" aria-expanded="false">Lire la suite</button>
                <div class="craft__points">
                    <div><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="m8.5 12 2.5 2.5 5-5"/></svg>
 MDF de haute qualité, découpe et gravure précises</div>
                    <div><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="m8.5 12 2.5 2.5 5-5"/></svg>
 Motifs inspirés des régions et du patrimoine tunisien</div>
                    <div><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="m8.5 12 2.5 2.5 5-5"/></svg>
 Chaque pièce contrôlée avant expédition</div>
                </div>
            </div>
            <div class="craft__videos">
                                    <div class="craft__video reveal" style="--delay: 0.08s">
                        <video src="/assets/vid1.mp4" poster="/assets/cover1.webp"
                            muted loop playsinline preload="none" data-inview-play aria-label="Atelier Bway — vidéo 1"></video>
                    </div>
                                    <div class="craft__video reveal" style="--delay: 0.16s">
                        <video src="/assets/vid2.mp4" poster="/assets/cover2.webp"
                            muted loop playsinline preload="none" data-inview-play aria-label="Atelier Bway — vidéo 2"></video>
                    </div>
                                    <div class="craft__video reveal" style="--delay: 0.24s">
                        <video src="/assets/vid3.mp4" poster="/assets/cover3.webp"
                            muted loop playsinline preload="none" data-inview-play aria-label="Atelier Bway — vidéo 3"></video>
                    </div>
                                    <div class="craft__video reveal" style="--delay: 0.32s">
                        <video src="/assets/vid4.mp4" poster="/assets/cover4.webp"
                            muted loop playsinline preload="none" data-inview-play aria-label="Atelier Bway — vidéo 4"></video>
                    </div>
                            </div>
        </div>
    </section>

    
            <section class="section" id="featured">
            <img class="deco deco--rope2" src="/assets/rope2.webp" alt="" aria-hidden="true">
            <img class="deco deco--clay2" src="/assets/clay2.webp" alt="" aria-hidden="true">
            <div class="container">
                <div class="spotlight">
                    <div class="spotlight__visual">
                        <div class="arch spotlight__arch" aria-hidden="true"></div>
                        <div class="spotlight__card" data-spotlight>
                            <img src="/storage/products/October2025/UWvvlLqBATfis6LIHF2k.png" alt="Box Héritage Classique - Sidi Bou Said" loading="lazy">
                        </div>
                    </div>
                    <div class="reveal">
                        <span class="badge badge--dark"><svg class="icon" width="13" height="13" viewbox="0 0 24 24"
    fill="currentColor" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M11.5 2.3a.53.53 0 0 1 .95 0l2.31 4.68a2.12 2.12 0 0 0 1.6 1.16l5.16.75a.53.53 0 0 1 .3.9l-3.74 3.65a2.12 2.12 0 0 0-.61 1.87l.88 5.14a.53.53 0 0 1-.77.56l-4.62-2.43a2.12 2.12 0 0 0-1.97 0L6.4 21.01a.53.53 0 0 1-.77-.56l.88-5.14a2.12 2.12 0 0 0-.61-1.88L2.16 9.8a.53.53 0 0 1 .29-.9l5.17-.76a2.12 2.12 0 0 0 1.6-1.16z"/></svg>
 Le plus populaire</span>
                        <h2 class="spotlight__title">Box Héritage Classique - Sidi Bou Said</h2>
                        <p class="spotlight__desc">Découvrez un coffret unique, conçu avec soin et fabriqué à la main pour offrir à la fois élégance et authenticité. Réalisé avec des matériaux de qualité, ce set allie praticité et esthétisme...</p>
                        <p class="spotlight__price">35 DT</p>
                        <div class="spotlight__actions">
                            <a href="https://bway.tn/product/33" class="btn btn--lg" data-name="Box Héritage Classique - Sidi Bou Said">Voir le produit <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
                                                            <button type="button" class="btn btn--lg btn--outline" data-add-to-cart data-id="33"
                                    data-name="Box Héritage Classique - Sidi Bou Said" data-price="35.00"
                                    data-image="/storage/products/October2025/UWvvlLqBATfis6LIHF2k.png" data-region="sidibousaid">
                                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
 Ajouter au panier
                                </button>
                                                    </div>
                    </div>
                </div>
            </div>
        </section>
    
    
            <section class="section section--sand" id="packs-home">
            <div class="container">
                <div class="section-head reveal">
                    <div class="section-head__text">
                        <span class="eyebrow">Plus d’articles, meilleur prix</span>
                        <h2 class="section-head__title">Nos packs cadeaux</h2>
                        <p class="section-head__desc">Des assortiments prêts à offrir, à prix réduit par rapport aux articles achetés séparément.</p>
                    </div>
                    <a href="https://bway.tn/products?category=packs" class="link">Tous les packs <svg class="icon" width="16" height="16" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
                </div>
                <div class="grid-products">
                                            <article class="p-card p-card--pack reveal" style="--delay: 0s;">
    <a href="https://bway.tn/pack/pack-loisir-mini-djerba-2" class="p-card__media" tabindex="-1" aria-hidden="true">
        <div class="mosaic mosaic--3">
                            <img src="/storage/products/June2026/48WkC97wSWKxLl62h0VS.webp" alt="Tote Bag Djerba" loading="lazy" decoding="async">
                            <img src="/storage/products/May2026/wHwzvsSN8o4IGh5krvUs.webp" alt="Puzzle Djerba" loading="lazy" decoding="async">
                            <img src="/storage/products/June2026/EX4u4BGIQlRimUMn9CKb.webp" alt="Livre de Coloriage Tunisia" loading="lazy" decoding="async">
                                </div>
                    <span class="badge badge--sale p-card__badge">−18 %</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta"><svg class="icon" width="15" height="15" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5"/></svg>
 Pack · 3 articles</p>
        <h3 class="p-card__title"><a href="https://bway.tn/pack/pack-loisir-mini-djerba-2">Pack Loisir Mini Djerba</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">
                49 DT
                                    <s>60 DT</s>
                            </span>
            <a href="https://bway.tn/pack/pack-loisir-mini-djerba-2" class="p-card__cta">Voir <svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
        </div>
    </div>
</article>
                                            <article class="p-card p-card--pack reveal" style="--delay: 0.06s;">
    <a href="https://bway.tn/pack/pack-loisir-mini-kasserine" class="p-card__media" tabindex="-1" aria-hidden="true">
        <div class="mosaic mosaic--3">
                            <img src="/storage/products/May2026/c5VAlJAl56h5wXceGpFW.webp" alt="Puzzle Kasserine" loading="lazy" decoding="async">
                            <img src="/storage/products/June2026/ysiewpMsFsGgvEe6vXPJ.webp" alt="Tote Bag Kasserine" loading="lazy" decoding="async">
                            <img src="/storage/products/June2026/EX4u4BGIQlRimUMn9CKb.webp" alt="Livre de Coloriage Tunisia" loading="lazy" decoding="async">
                                </div>
                    <span class="badge badge--sale p-card__badge">−18 %</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta"><svg class="icon" width="15" height="15" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5"/></svg>
 Pack · 3 articles</p>
        <h3 class="p-card__title"><a href="https://bway.tn/pack/pack-loisir-mini-kasserine">Pack Loisir Mini Kasserine</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">
                49 DT
                                    <s>60 DT</s>
                            </span>
            <a href="https://bway.tn/pack/pack-loisir-mini-kasserine" class="p-card__cta">Voir <svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
        </div>
    </div>
</article>
                                            <article class="p-card p-card--pack reveal" style="--delay: 0.12s;">
    <a href="https://bway.tn/pack/pack-decoration-monastir" class="p-card__media" tabindex="-1" aria-hidden="true">
        <div class="mosaic mosaic--4">
                            <img src="/storage/products/May2026/LUOAX0hKfuKS4xP49kvV.webp" alt="Porte-clés mural Monastir" loading="lazy" decoding="async">
                            <img src="/storage/products/June2026/RFm8ofDFGJHhyQlcviD1.webp" alt="Tableau en Toile Monastir (pliable)" loading="lazy" decoding="async">
                            <img src="/storage/products/June2026/D1b5iGS6WvZeJGGzLQ8B.webp" alt="Tote Bag Monastir" loading="lazy" decoding="async">
                                        <span class="mosaic__more">+2</span>
                    </div>
                    <span class="badge badge--sale p-card__badge">−17 %</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta"><svg class="icon" width="15" height="15" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5"/></svg>
 Pack · 5 articles</p>
        <h3 class="p-card__title"><a href="https://bway.tn/pack/pack-decoration-monastir">Pack Décoration Monastir</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">
                95 DT
                                    <s>115 DT</s>
                            </span>
            <a href="https://bway.tn/pack/pack-decoration-monastir" class="p-card__cta">Voir <svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
        </div>
    </div>
</article>
                                            <article class="p-card p-card--pack reveal" style="--delay: 0.18s;">
    <a href="https://bway.tn/pack/pack-loisir-mini-sidi-bouzid" class="p-card__media" tabindex="-1" aria-hidden="true">
        <div class="mosaic mosaic--3">
                            <img src="/storage/products/June2026/K1fOJq0OCw5rLro5Z6EO.webp" alt="Tote Bag Sidi Bouzid" loading="lazy" decoding="async">
                            <img src="/storage/products/May2026/0XMasW0rHixXdYWrUJpB.webp" alt="Puzzle Sidi Bouzid" loading="lazy" decoding="async">
                            <img src="/storage/products/June2026/EX4u4BGIQlRimUMn9CKb.webp" alt="Livre de Coloriage Tunisia" loading="lazy" decoding="async">
                                </div>
                    <span class="badge badge--sale p-card__badge">−18 %</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta"><svg class="icon" width="15" height="15" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5"/></svg>
 Pack · 3 articles</p>
        <h3 class="p-card__title"><a href="https://bway.tn/pack/pack-loisir-mini-sidi-bouzid">Pack Loisir Mini Sidi bouzid</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">
                49 DT
                                    <s>60 DT</s>
                            </span>
            <a href="https://bway.tn/pack/pack-loisir-mini-sidi-bouzid" class="p-card__cta">Voir <svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</a>
        </div>
    </div>
</article>
                                    </div>
            </div>
        </section>
    
    
    <section class="section">
        <div class="container">
            <div class="section-head section-head--center reveal">
                <div class="section-head__text">
                    <span class="eyebrow">Toute la Tunisie</span>
                    <h2 class="section-head__title">Un souvenir de chaque région</h2>
                    <p class="section-head__desc">Choisissez votre ville et découvrez les créations qui lui rendent hommage.</p>
                </div>
            </div>
            <div class="region-cloud reveal">
                                    <a class="chip" href="https://bway.tn/products?regions=tunis">
                        <img src="/assets/icons/tunis.jpg" alt="" loading="lazy">                        Tunis <span class="chip__count">15</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=sidibousaid">
                        <img src="/assets/icons/sidibousaid.jpg" alt="" loading="lazy">                        Sidi Bou Saïd <span class="chip__count">15</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=tunisia">
                        <img src="/assets/icons/tunisia.jpg" alt="" loading="lazy">                        Tunisie <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=bizerte">
                        <img src="/assets/icons/bizerte.jpg" alt="" loading="lazy">                        Bizerte <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=beja">
                        <img src="/assets/icons/beja.jpg" alt="" loading="lazy">                        Béja <span class="chip__count">13</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=nabeul">
                        <img src="/assets/icons/nabeul.jpg" alt="" loading="lazy">                        Nabeul <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=hammamet">
                        <img src="/assets/icons/hammamet.jpg" alt="" loading="lazy">                        Hammamet <span class="chip__count">13</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=kelibia">
                        <img src="/assets/icons/kelibia.jpg" alt="" loading="lazy">                        Kélibia <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=haouaria">
                        <img src="/assets/icons/haouaria.jpg" alt="" loading="lazy">                        Haouaria <span class="chip__count">11</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=jendouba">
                        <img src="/assets/icons/jendouba.jpg" alt="" loading="lazy">                        Jendouba <span class="chip__count">13</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=ain-drahem">
                        <img src="/assets/icons/ain-drahem.jpg" alt="" loading="lazy">                        Aïn Draham <span class="chip__count">11</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=tebarka">
                        <img src="/assets/icons/tebarka.jpg" alt="" loading="lazy">                        Tabarka <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=zaghouan">
                        <img src="/assets/icons/zaghouan.jpg" alt="" loading="lazy">                        Zaghouan <span class="chip__count">12</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=kairouan">
                        <img src="/assets/icons/kairouan.jpg" alt="" loading="lazy">                        Kairouan <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=siliana">
                        <img src="/assets/icons/siliana.jpg" alt="" loading="lazy">                        Siliana <span class="chip__count">11</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=le-kef">
                        <img src="/assets/icons/kef.jpg" alt="" loading="lazy">                        Le Kef <span class="chip__count">10</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=sidibouzid">
                        <img src="/assets/icons/sidibouzid.jpg" alt="" loading="lazy">                        Sidi Bouzid <span class="chip__count">8</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=kasserine">
                        <img src="/assets/icons/kasserine.jpg" alt="" loading="lazy">                        Kasserine <span class="chip__count">10</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=sousse">
                        <img src="/assets/icons/sousse.jpg" alt="" loading="lazy">                        Sousse <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=monastir">
                        <img src="/assets/icons/monastir.jpg" alt="" loading="lazy">                        Monastir <span class="chip__count">13</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=mahdia">
                        <img src="/assets/icons/mahdia.jpg" alt="" loading="lazy">                        Mahdia <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=sfax">
                        <img src="/assets/icons/sfax.jpg" alt="" loading="lazy">                        Sfax <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=kerkenah">
                        <img src="/assets/icons/kerkenah.jpg" alt="" loading="lazy">                        Kerkennah <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=gafsa">
                        <img src="/assets/icons/gafsa.jpg" alt="" loading="lazy">                        Gafsa <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=tozeur">
                        <img src="/assets/icons/tozeur.jpg" alt="" loading="lazy">                        Tozeur <span class="chip__count">13</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=kebili">
                        <img src="/assets/icons/kebili.jpg" alt="" loading="lazy">                        Kébili <span class="chip__count">17</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=gabes">
                        <img src="/assets/icons/gabes.jpg" alt="" loading="lazy">                        Gabès <span class="chip__count">13</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=matmata">
                        <img src="/assets/icons/matmata.jpg" alt="" loading="lazy">                        Matmata <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=medenine">
                        <img src="/assets/icons/medenine.jpg" alt="" loading="lazy">                        Médenine <span class="chip__count">9</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=djerba">
                        <img src="/assets/icons/djerba.jpg" alt="" loading="lazy">                        Djerba <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=zarzis">
                        <img src="/assets/icons/zarzis.jpg" alt="" loading="lazy">                        Zarzis <span class="chip__count">14</span>
                    </a>
                                    <a class="chip" href="https://bway.tn/products?regions=tataouine">
                        <img src="/assets/icons/tataouine.jpg" alt="" loading="lazy">                        Tataouine <span class="chip__count">11</span>
                    </a>
                            </div>
        </div>
    </section>

    
    <section class="section section--tight">
        <div class="container">
            <div class="section-head reveal">
                <div class="section-head__text">
                    <span class="eyebrow">Les préférés de nos clients</span>
                    <h2 class="section-head__title">Meilleures ventes</h2>
                </div>
                <a href="https://bway.tn/products?sort=trending" class="link">Voir plus <svg class="icon" width="16" height="16" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
            </div>
            <div class="grid-products">
                                    <article class="p-card reveal" style="--delay: 0s;">
    <a href="https://bway.tn/product/33" class="p-card__media" data-name="Box Héritage Classique - Sidi Bou Said" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/UWvvlLqBATfis6LIHF2k.png" alt="Box Héritage Classique - Sidi Bou Said" loading="lazy" decoding="async" width="480" height="480">
                    <span class="badge badge--dark p-card__badge">Best-seller</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/sidibousaid.jpg" alt="" width="18" height="18" loading="lazy">
                        Sidi Bou Saïd
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/33" data-name="Box Héritage Classique - Sidi Bou Said">Box Héritage Classique - Sidi Bou Said</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">35 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="33" data-name="Box Héritage Classique - Sidi Bou Said"
                    data-price="35.00" data-image="/storage/products/October2025/UWvvlLqBATfis6LIHF2k.png"
                    data-region="sidibousaid" aria-label="Ajouter « Box Héritage Classique - Sidi Bou Said » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card reveal" style="--delay: 0.05s;">
    <a href="https://bway.tn/product/135" class="p-card__media" data-name="Box Héritage Premium  - Sidi Bou Said" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/March2026/dm8QmcUx0D0as8yb818Q.png" alt="Box Héritage Premium  - Sidi Bou Said" loading="lazy" decoding="async" width="480" height="480">
                    <span class="badge badge--dark p-card__badge">Best-seller</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/sidibousaid.jpg" alt="" width="18" height="18" loading="lazy">
                        Sidi Bou Saïd
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/135" data-name="Box Héritage Premium  - Sidi Bou Said">Box Héritage Premium  - Sidi Bou Said</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">40 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="135" data-name="Box Héritage Premium  - Sidi Bou Said"
                    data-price="40.00" data-image="/storage/products/March2026/dm8QmcUx0D0as8yb818Q.png"
                    data-region="sidibousaid" aria-label="Ajouter « Box Héritage Premium  - Sidi Bou Said » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card reveal" style="--delay: 0.1s;">
    <a href="https://bway.tn/product/400" class="p-card__media" data-name="Livre de Coloriage Tunisia" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/June2026/WLv7N1jG3JsqGhTOcVTd.webp" alt="Livre de Coloriage Tunisia" loading="lazy" decoding="async" width="480" height="480">
                    <span class="badge badge--dark p-card__badge">Best-seller</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                        Toute la Tunisie
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/400" data-name="Livre de Coloriage Tunisia">Livre de Coloriage Tunisia</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">20 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="400" data-name="Livre de Coloriage Tunisia"
                    data-price="20.00" data-image="/storage/products/June2026/WLv7N1jG3JsqGhTOcVTd.webp"
                    data-region="none" aria-label="Ajouter « Livre de Coloriage Tunisia » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card reveal" style="--delay: 0.15s;">
    <a href="https://bway.tn/product/23" class="p-card__media" data-name="Box Héritage Classique - Tunisia" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/I16KUfEQDq4dxcCY7lsx.png" alt="Box Héritage Classique - Tunisia" loading="lazy" decoding="async" width="480" height="480">
                    <span class="badge badge--dark p-card__badge">Best-seller</span>
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/tunisia.jpg" alt="" width="18" height="18" loading="lazy">
                        Tunisie
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/23" data-name="Box Héritage Classique - Tunisia">Box Héritage Classique - Tunisia</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">35 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="23" data-name="Box Héritage Classique - Tunisia"
                    data-price="35.00" data-image="/storage/products/October2025/I16KUfEQDq4dxcCY7lsx.png"
                    data-region="tunisia" aria-label="Ajouter « Box Héritage Classique - Tunisia » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card reveal" style="--delay: 0s;">
    <a href="https://bway.tn/product/18" class="p-card__media" data-name="Box Héritage Classique - Bizerte" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/IhULG2D4SsEK2GBOTV5u.png" alt="Box Héritage Classique - Bizerte" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/bizerte.jpg" alt="" width="18" height="18" loading="lazy">
                        Bizerte
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/18" data-name="Box Héritage Classique - Bizerte">Box Héritage Classique - Bizerte</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">35 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="18" data-name="Box Héritage Classique - Bizerte"
                    data-price="35.00" data-image="/storage/products/October2025/IhULG2D4SsEK2GBOTV5u.png"
                    data-region="Bizerte" aria-label="Ajouter « Box Héritage Classique - Bizerte » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card reveal" style="--delay: 0.05s;">
    <a href="https://bway.tn/product/162" class="p-card__media" data-name="Box Héritage Compact  - Tunisia" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/476xrbjvnWDXYllKlMxz.png" alt="Box Héritage Compact  - Tunisia" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/tunisia.jpg" alt="" width="18" height="18" loading="lazy">
                        Tunisie
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/162" data-name="Box Héritage Compact  - Tunisia">Box Héritage Compact  - Tunisia</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">20 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="162" data-name="Box Héritage Compact  - Tunisia"
                    data-price="20.00" data-image="/storage/products/October2025/476xrbjvnWDXYllKlMxz.png"
                    data-region="tunisia" aria-label="Ajouter « Box Héritage Compact  - Tunisia » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card reveal" style="--delay: 0.1s;">
    <a href="https://bway.tn/product/185" class="p-card__media" data-name="Box Héritage Élixir  - Sidi Bou Said" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/bOKXHwZtJ4Ybt8V2wG8r.png" alt="Box Héritage Élixir  - Sidi Bou Said" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/sidibousaid.jpg" alt="" width="18" height="18" loading="lazy">
                        Sidi Bou Saïd
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/185" data-name="Box Héritage Élixir  - Sidi Bou Said">Box Héritage Élixir  - Sidi Bou Said</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">25 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="185" data-name="Box Héritage Élixir  - Sidi Bou Said"
                    data-price="25.00" data-image="/storage/products/October2025/bOKXHwZtJ4Ybt8V2wG8r.png"
                    data-region="sidibousaid" aria-label="Ajouter « Box Héritage Élixir  - Sidi Bou Said » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                                    <article class="p-card reveal" style="--delay: 0.15s;">
    <a href="https://bway.tn/product/11" class="p-card__media" data-name="Box Héritage Classique - Djerba" tabindex="-1" aria-hidden="true">
        <img src="/storage/products/October2025/fwLPpitecA0XPcvyGQ62.png" alt="Box Héritage Classique - Djerba" loading="lazy" decoding="async" width="480" height="480">
            </a>
    <div class="p-card__body">
        <p class="p-card__meta">
                            <img src="/assets/icons/djerba.jpg" alt="" width="18" height="18" loading="lazy">
                        Djerba
        </p>
        <h3 class="p-card__title"><a href="https://bway.tn/product/11" data-name="Box Héritage Classique - Djerba">Box Héritage Classique - Djerba</a></h3>
        <div class="p-card__foot">
            <span class="p-card__price">35 DT</span>
                            <button type="button" class="p-card__add" data-add-to-cart data-id="11" data-name="Box Héritage Classique - Djerba"
                    data-price="35.00" data-image="/storage/products/October2025/fwLPpitecA0XPcvyGQ62.png"
                    data-region="djerba" aria-label="Ajouter « Box Héritage Classique - Djerba » au panier">
                    <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
                </button>
                    </div>
    </div>
</article>
                            </div>
        </div>
    </section>

    
            <section class="section section--sand" id="test">
            <div class="container">
                <div class="section-head reveal">
                    <div class="section-head__text">
                        <span class="eyebrow">Témoignages</span>
                        <h2 class="section-head__title">Ils ont offert Bway</h2>
                        <p class="section-head__desc">Ce que nos clients disent de leurs coffrets et créations.</p>
                    </div>
                    <div class="rail-nav" data-rail-nav="rail-testimonials">
                        <button type="button" aria-label="Témoignages précédents"><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m15 18-6-6 6-6"/></svg>
</button>
                        <button type="button" aria-label="Témoignages suivants"><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m9 18 6-6-6-6"/></svg>
</button>
                    </div>
                </div>
                <div class="rail rail--quotes reveal" id="rail-testimonials" data-rail>
                                                                    <figure class="quote-card">
                            <span class="quote-card__mark" aria-hidden="true">“</span>
                            <blockquote class="quote-card__text"><p>Merci infiniment
Vraiment je suis très satisfaite
Et même tout l’équipe l’idée ça sort un peu de l’ordinaire w 3ijbt’hm les sous tasses w Kifeh kol we7d 5te wileya
Ah et merci infiniment pour le cadeau ❤️❤️</p></blockquote>
                            <button class="quote-card__more" type="button" hidden aria-expanded="false">Lire la suite</button>
                            <figcaption class="quote-card__author">
                                <span class="quote-card__avatar" aria-hidden="true">
                                    DB
                                                                            <img src="/storage/testemonials/October2025/MAH81Vt71mzBYM7BmFmD.png" alt="" loading="lazy" onerror="this.remove()">
                                                                    </span>
                                <span>
                                    <strong>Dr Ben Salem Ines</strong>
                                    <small>Psychologue</small>                                </span>
                            </figcaption>
                        </figure>
                                                                    <figure class="quote-card">
                            <span class="quote-card__mark" aria-hidden="true">“</span>
                            <blockquote class="quote-card__text"><p>J’ai été ravie de recevoir ce coffret cadeau, qui allie élégance et raffinement. Chaque détail reflète un goût exquis et un vrai sens de l’artisanat. C’est un présent que j’ai pris plaisir à découvrir et à partager</p></blockquote>
                            <button class="quote-card__more" type="button" hidden aria-expanded="false">Lire la suite</button>
                            <figcaption class="quote-card__author">
                                <span class="quote-card__avatar" aria-hidden="true">
                                    MJ
                                                                            <img src="/storage/testemonials/October2025/XQwe7kbRr50FEm44diGs.jpeg" alt="" loading="lazy" onerror="this.remove()">
                                                                    </span>
                                <span>
                                    <strong>Marwa Jabou</strong>
                                    <small>Diplomat</small>                                </span>
                            </figcaption>
                        </figure>
                                                                    <figure class="quote-card">
                            <span class="quote-card__mark" aria-hidden="true">“</span>
                            <blockquote class="quote-card__text"><p>طيارة طيارة توة كيف نهديهم فرحانة باهيم
يباركلكم الصحة ❤️
ربي يعينكم بربي كل ما تعملو حاجة نظيفة و مرتانة ابعثي ولا tag me نشري من عندكم مرسسسي
خدمة طيارة و مرتانة ❤️
ربي يباركلكم ❤️</p></blockquote>
                            <button class="quote-card__more" type="button" hidden aria-expanded="false">Lire la suite</button>
                            <figcaption class="quote-card__author">
                                <span class="quote-card__avatar" aria-hidden="true">
                                    FA
                                                                            <img src="/storage/testemonials/October2025/ZOcx9wVXBihnEGV2Ntfr.jpg" alt="" loading="lazy" onerror="this.remove()">
                                                                    </span>
                                <span>
                                    <strong>Faten Arfaoui Demirier</strong>
                                    <small>Cliente fidèle</small>                                </span>
                            </figcaption>
                        </figure>
                                                                    <figure class="quote-card">
                            <span class="quote-card__mark" aria-hidden="true">“</span>
                            <blockquote class="quote-card__text"><p>Bonjour 👋,
Je viens de recevoir ma commande et je tenais à vous dire que c’est vraiment magnifique ! 🥰
J’ai beaucoup apprécié la qualité et le soin apporté aux détails. Un grand merci à toute l’équipe 🙏</p></blockquote>
                            <button class="quote-card__more" type="button" hidden aria-expanded="false">Lire la suite</button>
                            <figcaption class="quote-card__author">
                                <span class="quote-card__avatar" aria-hidden="true">
                                    OM
                                                                            <img src="/storage/testemonials/October2025/hilu8OXAirFrG7ZMCnj6.png" alt="" loading="lazy" onerror="this.remove()">
                                                                    </span>
                                <span>
                                    <strong>Olfa Mansour</strong>
                                    <small>Avocate</small>                                </span>
                            </figcaption>
                        </figure>
                                                                    <figure class="quote-card">
                            <span class="quote-card__mark" aria-hidden="true">“</span>
                            <blockquote class="quote-card__text"><p>J’ai bien reçu le collier, wallah il est magnifique ! 
Franchement, bravo pour la qualité w el soin que vous mettez fi votre travail 👏✨
Service mta3kom top wallahi, merci infiniment ❤️</p></blockquote>
                            <button class="quote-card__more" type="button" hidden aria-expanded="false">Lire la suite</button>
                            <figcaption class="quote-card__author">
                                <span class="quote-card__avatar" aria-hidden="true">
                                    MC
                                                                            <img src="/storage/testemonials/October2025/4Ow2lKVtYY5aIUAEpBm5.jpg" alt="" loading="lazy" onerror="this.remove()">
                                                                    </span>
                                <span>
                                    <strong>Mohamed Charkoun</strong>
                                    <small>Client</small>                                </span>
                            </figcaption>
                        </figure>
                                                                    <figure class="quote-card">
                            <span class="quote-card__mark" aria-hidden="true">“</span>
                            <blockquote class="quote-card__text"><p>3aslma 🥰 merci bcp wseltni commande m5doum b kol hob merci 🥰🥰3jebha cadeau w farhet bih brcha y3tikoum saha surtout kifh wse3t belk m3aha merci 🥰🥰🥰</p></blockquote>
                            <button class="quote-card__more" type="button" hidden aria-expanded="false">Lire la suite</button>
                            <figcaption class="quote-card__author">
                                <span class="quote-card__avatar" aria-hidden="true">
                                    WM
                                                                            <img src="/storage/testemonials/October2025/IGLQiM8qCq5WBdTqOvgr.jpg" alt="" loading="lazy" onerror="this.remove()">
                                                                    </span>
                                <span>
                                    <strong>Wejden Mechergui</strong>
                                    <small>Cliente fidèle</small>                                </span>
                            </figcaption>
                        </figure>
                                    </div>
                <div class="rail-dots" data-rail-dots="rail-testimonials"></div>
            </div>
        </section>
    
    
    <section class="section">
        <div class="container b2b">
            <div class="reveal">
                <span class="eyebrow">Entreprises &amp; événements</span>
                <h2 class="section-head__title">Des cadeaux qui portent votre marque</h2>
                <p class="section-head__desc">Coffrets clients, cadeaux d’équipe, séminaires, mariages : nous concevons des créations à votre image.</p>
                <div class="b2b__list">
                    <div><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 20h9"/><path d="M16.4 3.6a2.1 2.1 0 0 1 3 3L7.4 18.6a2 2 0 0 1-.86.5l-2.87.85a.5.5 0 0 1-.62-.62l.84-2.87a2 2 0 0 1 .5-.86z"/></svg>
<div><strong>Logo et gravure personnalisés</strong><span>Vos couleurs, votre message, votre ville.</span></div></div>
                    <div><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="16" height="20" x="4" y="2" rx="2"/><path d="M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01"/></svg>
<div><strong>Petites et grandes quantités</strong><span>De quelques pièces à de grandes séries.</span></div></div>
                    <div><svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
<div><strong>Réponse sous 24 h</strong><span>Un conseiller vous accompagne jusqu’à la livraison.</span></div></div>
                </div>
                <a href="#sur-mesure" class="btn btn--lg" style="margin-top:32px">Demander un devis <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
            </div>
            <div class="reveal" style="--delay:.1s">
                <p class="eyebrow" style="justify-content:center;display:flex">Ils nous font confiance</p>
                <div class="logos3d" aria-label="Nos clients : BIAT, Ooredoo, Tisavor, Poulina, Tunisie Booking, Ross">
                    <div class="logos3d__ring" data-logos-ring>
                                                    <div class="logos3d__item" style="transform: rotateY(0deg) translateZ(215px)">
                                <img src="/assets/perso/biat.webp" alt="" loading="lazy">
                            </div>
                                                    <div class="logos3d__item" style="transform: rotateY(60deg) translateZ(215px)">
                                <img src="/assets/perso/oreedoo.webp" alt="" loading="lazy">
                            </div>
                                                    <div class="logos3d__item" style="transform: rotateY(120deg) translateZ(215px)">
                                <img src="/assets/perso/tisavor.webp" alt="" loading="lazy">
                            </div>
                                                    <div class="logos3d__item" style="transform: rotateY(180deg) translateZ(215px)">
                                <img src="/assets/perso/po.webp" alt="" loading="lazy">
                            </div>
                                                    <div class="logos3d__item" style="transform: rotateY(240deg) translateZ(215px)">
                                <img src="/assets/perso/tunisiebooking.webp" alt="" loading="lazy">
                            </div>
                                                    <div class="logos3d__item" style="transform: rotateY(300deg) translateZ(215px)">
                                <img src="/assets/perso/rossmx.webp" alt="" loading="lazy">
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </section>

    
            <section class="section section--sand" id="faq">
            <img class="deco deco--clay3" src="/assets/clay3.webp" alt="" aria-hidden="true">
            <div class="container faq">
                <div class="faq__aside reveal">
                    <span class="eyebrow">Besoin d’aide ?</span>
                    <h2 class="section-head__title">Questions fréquentes</h2>
                    <div class="faq__help">
                        <p>Vous ne trouvez pas votre réponse ? Notre équipe vous répond rapidement sur WhatsApp.</p>
                        <a class="btn btn--whatsapp" href="https://wa.me/21655053034" target="_blank" rel="noopener"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="currentColor" stroke="none" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.47-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.91-2.2-.25-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.7.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.18-1.41-.08-.13-.28-.2-.57-.35m-5.42 7.4h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 6.99c0 5.45-4.44 9.88-9.88 9.88m8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41Z"/></svg>
 Poser une question</a>
                    </div>
                </div>
                <div class="accordion reveal" style="--delay:.08s">
                                            <details open>
                            <summary>Quels articles sont inclus dans le coffret ? <svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
</summary>
                            <div class="accordion__body">Chaque coffret comprend généralement un carnet personnalisé, un stylo, une porte-clés, Magnet et une Sous-tasse décorative et un petit bloc-notes, le tout conçu autour du thème choisi.</div>
                        </details>
                                            <details >
                            <summary>Les designs peuvent-ils être personnalisés pour des événements ou des entreprises ? <svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
</summary>
                            <div class="accordion__body">Oui. Nous pouvons ajouter votre logo, des noms, des dates ou des monuments de votre ville. Des tarifs de groupe et des messages personnalisés sont disponibles pour les commandes d’entreprise.</div>
                        </details>
                                            <details >
                            <summary>Quels thèmes sont disponibles ? <svg class="icon" width="20" height="20" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 5v14M5 12h14"/></svg>
</summary>
                            <div class="accordion__body">Les thèmes populaires incluent Plusieurs Regions de la Tunisie (Gabes, Jendouba, Matmata, Nabeul, Hammamat, Sfax, Djerba...) des motifs floraux colorés et un style professionnel épuré. Vous pouvez également demander un thème personnalisé.</div>
                        </details>
                                    </div>
            </div>
        </section>
    
    
    <section class="section" id="sur-mesure">
        <span id="order"></span>
        <div class="container">
            <div class="custom reveal">
                <div>
                    <span class="eyebrow">Sur mesure</span>
                    <h2 class="section-head__title">Imaginons votre coffret ensemble</h2>
                    <p class="section-head__desc">Décrivez votre projet : thème, quantité, logo, date. Nous revenons vers vous avec une proposition et un devis.</p>
                    <div class="custom__points">
                        <div><span class="trust__icon"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14.5 21.7a.5.5 0 0 0 .94-.03l6.5-19a.5.5 0 0 0-.64-.63l-19 6.5a.5.5 0 0 0-.02.93l7.93 3.18a2 2 0 0 1 1.11 1.11z"/><path d="m21.85 2.15-10.94 10.94"/></svg>
</span><div><strong>1. Envoyez votre demande</strong><span>Quelques lignes suffisent.</span></div></div>
                        <div><span class="trust__icon"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 20h9"/><path d="M16.4 3.6a2.1 2.1 0 0 1 3 3L7.4 18.6a2 2 0 0 1-.86.5l-2.87.85a.5.5 0 0 1-.62-.62l.84-2.87a2 2 0 0 1 .5-.86z"/></svg>
</span><div><strong>2. Recevez une proposition</strong><span>Design et devis sous 24 h.</span></div></div>
                        <div><span class="trust__icon"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5"/></svg>
</span><div><strong>3. Nous fabriquons &amp; livrons</strong><span>Partout en Tunisie.</span></div></div>
                    </div>
                </div>
                <form class="custom__form form-grid form-grid--2" data-contact-form novalidate>
                    <div class="field">
                        <label class="field__label" for="c-name">Nom</label>
                        <input class="input" id="c-name" name="name" autocomplete="name" placeholder="Ex. Aïcha Ben Ali" required>
                        <p class="field__error">Indiquez votre nom (3 caractères minimum).</p>
                    </div>
                    <div class="field">
                        <label class="field__label" for="c-phone">Téléphone</label>
                        <input class="input" id="c-phone" name="number" type="tel" inputmode="tel" autocomplete="tel" placeholder="+216 20 258 123" required>
                        <p class="field__error">Numéro de téléphone invalide.</p>
                    </div>
                    <div class="field field--full">
                        <label class="field__label" for="c-email">E-mail</label>
                        <input class="input" id="c-email" name="email" type="email" autocomplete="email" placeholder="vous@exemple.com" required>
                        <p class="field__error">Adresse e-mail invalide.</p>
                    </div>
                    <div class="field field--full">
                        <label class="field__label" for="c-message">Votre projet</label>
                        <textarea class="input" id="c-message" name="message" rows="5" placeholder="Ex. Coffret aux couleurs de notre entreprise, 50 unités, logo gravé sur le carnet…" required></textarea>
                        <p class="field__error">Décrivez votre demande (5 caractères minimum).</p>
                    </div>
                    <div class="field--full">
                        <button class="btn btn--lg btn--block" type="submit"><svg class="icon spinner" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M21 12a9 9 0 1 1-6.22-8.56"/></svg>
 Envoyer ma demande <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14.5 21.7a.5.5 0 0 0 .94-.03l6.5-19a.5.5 0 0 0-.64-.63l-19 6.5a.5.5 0 0 0-.02.93l7.93 3.18a2 2 0 0 1 1.11 1.11z"/><path d="m21.85 2.15-10.94 10.94"/></svg>
</button>
                        <p class="custom__note"><svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
 Réponse sous 24 h, sans engagement.</p>
                    </div>
                </form>
            </div>
        </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="site-footer__cta">
        <div class="container site-footer__cta-inner">
            <div class="footer-perk"><svg class="icon" width="24" height="24" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg>
<div><strong>Livraison nationale</strong><span>Partout en Tunisie pour 7 DT</span></div></div>
            <div class="footer-perk"><svg class="icon" width="24" height="24" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/></svg>
<div><strong>Paiement à la livraison</strong><span>Vous payez à la réception</span></div></div>
            <div class="footer-perk"><svg class="icon" width="24" height="24" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.13.96.36 1.9.7 2.8a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.1-.45c.9.34 1.84.57 2.8.7A2 2 0 0 1 22 16.9z"/></svg>
<div><strong>Confirmation par appel</strong><span>Avant chaque expédition</span></div></div>
            <div class="footer-perk"><svg class="icon" width="24" height="24" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 20h9"/><path d="M16.4 3.6a2.1 2.1 0 0 1 3 3L7.4 18.6a2 2 0 0 1-.86.5l-2.87.85a.5.5 0 0 1-.62-.62l.84-2.87a2 2 0 0 1 .5-.86z"/></svg>
<div><strong>Personnalisation</strong><span>Logo, prénom, ville, événement</span></div></div>
        </div>
    </div>

    <div class="container site-footer__main">
        <div class="site-footer__brand">
            <a href="https://bway.tn" aria-label="Bway — accueil"><img src="/assets/logo.png" alt="Bway" width="140" height="36" loading="lazy"></a>
            <p>Coffrets cadeaux, souvenirs et créations en bois inspirés des régions de Tunisie — conçus et assemblés à la main, pour offrir un morceau d’authenticité.</p>
            <div class="socials">
                <a href="https://www.facebook.com/profile.php?id=100085847744870" target="_blank" rel="noopener" aria-label="Facebook"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="currentColor" stroke="none" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9.1 23.7v-7.98H6.63v-3.67H9.1v-1.58c0-4.09 1.85-5.98 5.86-5.98.4 0 .96.04 1.47.1.39.04.77.11 1.14.2v3.32a8.6 8.6 0 0 0-1.39-.05c-.7 0-1.26.1-1.67.31-.3.15-.52.36-.68.62-.26.42-.38 1-.38 1.75v1.3h3.92l-.39 2.1-.28 1.57h-3.25v8.24C19.4 23.24 24 18.18 24 12.04c0-6.63-5.37-12-12-12S0 5.41 0 12.04c0 5.63 3.87 10.35 9.1 11.65Z"/></svg>
</a>
                <a href="https://www.instagram.com/businessway.tn/" target="_blank" rel="noopener" aria-label="Instagram"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="20" x="2" y="2" rx="5.5"/><circle cx="12" cy="12" r="4.2"/><path d="M17.5 6.5h.01"/></svg>
</a>
                <a href="https://wa.me/21655053034" target="_blank" rel="noopener" aria-label="WhatsApp"><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="currentColor" stroke="none" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.47-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.91-2.2-.25-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.7.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.18-1.41-.08-.13-.28-.2-.57-.35m-5.42 7.4h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 6.99c0 5.45-4.44 9.88-9.88 9.88m8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41Z"/></svg>
</a>
            </div>
        </div>

        <div>
            <h4>Boutique</h4>
            <ul>
                <li><a href="https://bway.tn/products">Tous les produits</a></li>
                                    <li><a href="https://bway.tn/products?category=t-shirts">T-shirts</a></li>
                                    <li><a href="https://bway.tn/products?category=tableaux-en-toile">Tableaux en toile</a></li>
                                    <li><a href="https://bway.tn/products?category=mugs">Mugs</a></li>
                                    <li><a href="https://bway.tn/products?category=support-porte-cles-mural">Support Porte-Clés Mural</a></li>
                                    <li><a href="https://bway.tn/products?category=tableaux-a4-pliable">Tableaux A4 (Pliable)</a></li>
                                <li><a href="https://bway.tn/products?category=packs">Packs cadeaux</a></li>
            </ul>
        </div>

        <div>
            <h4>Aide</h4>
            <ul>
                <li><a href="https://bway.tn#faq">Questions fréquentes</a></li>
                <li><a href="https://bway.tn#sur-mesure">Commande sur mesure</a></li>
                <li><a href="https://bway.tn/gallery">Galerie de réalisations</a></li>
                <li><a href="https://wa.me/21655053034" target="_blank" rel="noopener">Nous écrire sur WhatsApp</a></li>
            </ul>
        </div>

        <div>
            <h4>Contact</h4>
            <address>
                <div><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
<span>Djerba, Médénine, Tunisie</span></div>
                <div><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.13.96.36 1.9.7 2.8a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.1-.45c.9.34 1.84.57 2.8.7A2 2 0 0 1 22 16.9z"/></svg>
                    <span>
                        <a href="tel:+21651343188">+216  51 343 188</a>
                                            </span>
                </div>
                <div><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
<a href="/cdn-cgi/l/email-protection#f3909c9d87929087b39186809a9d968080de84928add9d9687"><span class="__cf_email__" data-cfemail="e88b87869c898b9ca88a9d9b81868d9b9bc59f8991c6868d9c">[email&#160;protected]</span></a></div>
            </address>
        </div>
    </div>

    <div class="container site-footer__bottom">
        <span>© 2026 Business Way — Bway. Tous droits réservés.</span>
        <span>Fait avec soin en Tunisie</span>
    </div>
</footer>

<a href="https://wa.me/21655053034" target="_blank" rel="noopener" class="whatsapp-fab" aria-label="Nous contacter sur WhatsApp">
    <svg class="icon" width="28" height="28" viewbox="0 0 24 24"
    fill="currentColor" stroke="none" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.47-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.91-2.2-.25-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.7.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.18-1.41-.08-.13-.28-.2-.57-.35m-5.42 7.4h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 6.99c0 5.45-4.44 9.88-9.88 9.88m8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41Z"/></svg>
</a>
  <div class="overlay" id="overlay" data-drawer-close></div>

<aside class="drawer" id="cart-drawer" role="dialog" aria-modal="true" aria-labelledby="cart-title" aria-hidden="true">

    
    <section class="drawer__step" data-step="cart">
        <div class="drawer__head">
            <h2 class="drawer__title" id="cart-title">Votre panier <span class="badge" data-cart-count-label></span></h2>
            <button class="icon-btn" type="button" data-drawer-close aria-label="Fermer le panier"><svg class="icon" width="22" height="22" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
        </div>
        <div class="drawer__body">
            <div class="free-note" data-cart-filled><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/></svg>
 Paiement à la livraison — vous payez à la réception.</div>
            <ul class="cart-lines" id="cartItems"></ul>
            <div class="empty-state" data-cart-empty hidden>
                <div class="empty-state__icon"><svg class="icon" width="30" height="30" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
</div>
                <h3>Votre panier est vide</h3>
                <p>Découvrez nos coffrets et souvenirs inspirés des régions de Tunisie.</p>
                <a class="btn" href="https://bway.tn/products">Découvrir la boutique</a>
            </div>
        </div>
        <div class="drawer__foot" data-cart-filled>
            <div class="summary" data-cart-summary></div>
            <button class="btn btn--lg btn--block" type="button" id="checkoutBtn">
                Passer la commande <svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
            </button>
            <button class="btn btn--outline btn--block" type="button" data-drawer-close>Continuer mes achats</button>
        </div>
    </section>

    
    <section class="drawer__step" data-step="checkout" hidden>
        <div class="drawer__head">
            <button class="drawer__back" type="button" data-checkout-back><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M19 12H5M11 19l-7-7 7-7"/></svg>
 <span data-back-label>Retour au panier</span></button>
            <button class="icon-btn" type="button" data-drawer-close aria-label="Fermer"><svg class="icon" width="22" height="22" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
        </div>
        <form class="drawer__form" id="checkout-form" novalidate>
            <div class="drawer__body">
                <h2 class="drawer__title">Informations de livraison</h2>
                <p class="muted" style="font-size:.875rem;margin:6px 0 18px">Aucun paiement en ligne : vous réglez à la livraison, après un appel de confirmation.</p>

                <div class="checkout-recap">
                    <div class="checkout-recap__lines" data-checkout-lines></div>
                    <div class="summary" data-checkout-summary></div>
                </div>

                <div class="form-grid">
                    <div class="field">
                        <label class="field__label" for="co-name">Nom et prénom</label>
                        <input class="input" id="co-name" name="name" autocomplete="name" required minlength="3" placeholder="Ex. Aïcha Ben Ali">
                        <p class="field__error">Indiquez votre nom (3 caractères minimum).</p>
                    </div>
                    <div class="field">
                        <label class="field__label" for="co-phone">Téléphone</label>
                        <input class="input" id="co-phone" name="phone" type="tel" inputmode="tel" autocomplete="tel" required placeholder="Ex. 22 123 456">
                        <p class="field__error">Numéro invalide (8 à 15 chiffres).</p>
                    </div>
                    <div class="field">
                        <label class="field__label" for="co-address">Adresse de livraison</label>
                        <input class="input" id="co-address" name="address" autocomplete="street-address" required minlength="5" placeholder="Rue, ville, gouvernorat">
                        <p class="field__error">Indiquez une adresse complète (5 caractères minimum).</p>
                    </div>
                    <div class="field">
                        <label class="field__label" for="co-email">E-mail <small>(facultatif — pour recevoir la confirmation)</small></label>
                        <input class="input" id="co-email" name="email" type="email" autocomplete="email" placeholder="vous@exemple.com">
                        <p class="field__error">Adresse e-mail invalide.</p>
                    </div>
                    <div class="field">
                        <label class="field__label" for="co-message">Message <small>(facultatif)</small></label>
                        <textarea class="input" id="co-message" name="message" rows="3" placeholder="Personnalisation, date souhaitée, précisions…"></textarea>
                    </div>
                </div>
            </div>
            <div class="drawer__foot">
                <button class="btn btn--lg btn--block" type="submit" data-checkout-submit>
                    <svg class="icon spinner" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M21 12a9 9 0 1 1-6.22-8.56"/></svg>
                    <span>Confirmer la commande · <b data-checkout-total></b></span>
                </button>
                <p class="summary__note"><svg class="icon" width="14" height="14" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
 Paiement à la livraison · Données utilisées uniquement pour votre commande</p>
            </div>
        </form>
    </section>

    
    <section class="drawer__step" data-step="success" hidden>
        <div class="drawer__head">
            <span></span>
            <button class="icon-btn" type="button" data-drawer-close aria-label="Fermer"><svg class="icon" width="22" height="22" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
        </div>
        <div class="drawer__body">
            <div class="success-state">
                <div class="success-state__icon"><svg class="icon" width="40" height="40" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 6 9 17l-5-5"/></svg>
</div>
                <h3>Merci, commande reçue !</h3>
                <p data-success-message>Votre commande a été enregistrée et sera traitée sous peu par notre équipe.</p>
                <div class="success-state__steps">
                    <div><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.13.96.36 1.9.7 2.8a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.1-.45c.9.34 1.84.57 2.8.7A2 2 0 0 1 22 16.9z"/></svg>
<span>Nous vous appelons pour confirmer les détails.</span></div>
                    <div><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg>
<span>Votre colis est préparé puis expédié partout en Tunisie.</span></div>
                    <div><svg class="icon" width="18" height="18" viewbox="0 0 24 24"
    fill="none" stroke="currentColor" stroke-width="1.75"
    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 12h.01M18 12h.01"/></svg>
<span>Vous payez à la réception.</span></div>
                </div>
                <button class="btn btn--block" type="button" data-drawer-close>Continuer mes achats</button>
            </div>
        </div>
    </section>
</aside>

  <div class="toast-stack" id="toasts" aria-live="polite"></div>

  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    window.BWAY_CONFIG = {
      csrf: "nxG61DTDiZt3zhs7SujHNBE8wSHnJSNoOeQ46sb0",
      statsUrl: "https:\/\/bway.tn\/stats",
      orderUrl: "https:\/\/bway.tn\/order\/store",
      contactUrl: "https:\/\/bway.tn\/contact",
      shopUrl: "https:\/\/bway.tn\/products",
      delivery: 7,
    };
  </script>
  <script src="/js/bway.js?v=1789147907" defer></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" defer></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" defer></script>
    <script src="/js/home.js?v=1789653214" defer></script>
</body>

</html>