Outiref
<!doctype html>
<html lang="fr" class="home-page">
  <head>

<!-- Google Tag Manager -->

    <script>
window.dataLayer = window.dataLayer || [];
</script>

    
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TVVCVQBZ');</script>
<!-- End Google Tag Manager -->

   
    
	
	
    
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">

    <link rel="canonical" href="https://kiabi.tn/">
    <link
      rel="preconnect"
      href="https://cdn.shopify.com"
      crossorigin>
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet"><link
        rel="icon"
        type="image/png"
        href="//kiabi.tn/cdn/shop/files/favicon-kiabi_67a24b9e-4022-42af-8206-9ab911044f8c.png?crop=center&height=32&v=1764832625&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Kiabi Tunisie - Toujours plus pour les familles
</title>

    
      <meta name="description" content="Bienvenue sur le site KIABI Tunisie. Découvrez nos actualités magasins et le catalogue de nos collections de vêtements femme,homme, enfants et bébés à petits prix">
    

    

<meta property="og:site_name" content="Kiabi Tunisie">
<meta property="og:url" content="https://kiabi.tn/">
<meta property="og:title" content="Kiabi Tunisie - Toujours plus pour les familles">
<meta property="og:type" content="website">
<meta property="og:description" content="Bienvenue sur le site KIABI Tunisie. Découvrez nos actualités magasins et le catalogue de nos collections de vêtements femme,homme, enfants et bébés à petits prix"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Kiabi Tunisie - Toujours plus pour les familles">
<meta name="twitter:description" content="Bienvenue sur le site KIABI Tunisie. Découvrez nos actualités magasins et le catalogue de nos collections de vêtements femme,homme, enfants et bébés à petits prix">


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="4bWtnpVtyJ5g96MMllxnuf9TOpNwGCwKvHOD-fT5PcA">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/71894073659/digital_wallets/dialog">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><script async="async" src="/checkouts/internal/preloads.js?locale=fr-TN&default_configuration_id=7471419"></script>
<script id="shopify-features" type="application/json">{"accessToken":"ff175b15142bda4594a14113091f0daa","betas":["rich-media-storefront-analytics"],"domain":"kiabi.tn","predictiveSearch":true,"shopId":71894073659,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "kiabi-tunisie.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"TND","rate":"1.0"};
Shopify.country = "TN";
Shopify.theme = {"name":"Ecommerce\/Kiabify-Tunisie","id":191028887891,"schema_name":"Kiabi Franchise","schema_version":"1.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "kiabi.tn/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/cdn.nfcube.com\/instafeed-c7757d5ad60ec7942dff40c8f5b0ae8d.js?shop=kiabi-tunisie.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":71894073659,"offset":3600,"reqid":"be1745f2-02ea-467d-9e61-39b41fbf5b6a-1790338602","pageurl":"kiabi.tn\/?utm_source=google\u0026utm_medium=cpc\u0026utm_campaign=Search+Brand+Sales\u0026gad_source=1\u0026gad_campaignid=21555469671\u0026gclid=Cj0KCQjwt9jVBhDXARIsAFSP-6f1odZQ3s98ouDawkfz6DVf8JJs3KRvMz5T8jeJ2sehBpA-De9boBMaAqCfEALw_wcB","u":"afff90be34fa","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//kiabi.tn/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//kiabi.tn/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.MCP = window.Shopify.MCP || {};
  window.Shopify.MCP.enabled = true;
  window.Shopify.MCP.shop = "kiabi-tunisie.myshopify.com";
  window.Shopify.MCP.mcpEndpoint = "https:\/\/kiabi.tn\/api\/mcp";
  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/kiabi.tn\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
</script>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

      <script src="//kiabi.tn/cdn/shop/t/17/assets/global.js?v=130171846900959509321782896603" defer="defer"></script>

<style data-shopify>
  
  
  
  
  

  :root {
    --font-body-family: , ;
    --font-body-style: ;
    --font-body-weight: ;
    --font-body-weight-bold: 300;

    --font-heading-family: , ;
    --font-heading-style: ;
    --font-heading-weight: ;

    --font-body-scale: 1.0;
    --font-heading-scale: 1.0;

    --color-base-text: , , ;
    --color-shadow: , , ;
    --color-base-background-1: , , ;
    --color-base-background-2: , , ;
    --color-base-solid-button-labels: , , ;
    --color-base-outline-button-labels: , , ;
    --color-base-accent-1: , , ;
    --color-base-accent-2: , , ;
    --payment-terms-background-color: ;

    --gradient-base-background-1: ;
    --gradient-base-background-2: ;
    --gradient-base-accent-1: ;
    --gradient-base-accent-2: ;

    --media-padding: px;
    --media-border-opacity: 0.05;
    --media-border-width: 1px;
    --media-radius: 0px;
    --media-shadow-opacity: 0.0;
    --media-shadow-horizontal-offset: 0px;
    --media-shadow-vertical-offset: 0px;
    --media-shadow-blur-radius: 0px;
    --media-shadow-visible: 0;

    --page-width: 160rem;
    --page-width-margin: 0rem;

    --card-image-padding: 0.0rem;
    --card-corner-radius: 0.0rem;
    --card-text-alignment: left;
    --card-border-width: 0.0rem;
    --card-border-opacity: 0.0;
    --card-shadow-opacity: 0.1;
    --card-shadow-visible: 1;
    --card-shadow-horizontal-offset: 0.0rem;
    --card-shadow-vertical-offset: 0.0rem;
    --card-shadow-blur-radius: 0.0rem;

    --badge-corner-radius: 4.0rem;

    --popup-border-width: 1px;
    --popup-border-opacity: 0.1;
    --popup-corner-radius: 0px;
    --popup-shadow-opacity: 0.4;
    --popup-shadow-horizontal-offset: 0px;
    --popup-shadow-vertical-offset: 0px;
    --popup-shadow-blur-radius: 0px;

    --drawer-border-width: 1px;
    --drawer-border-opacity: 0.1;
    --drawer-shadow-opacity: 0.0;
    --drawer-shadow-horizontal-offset: 0px;
    --drawer-shadow-vertical-offset: 0px;
    --drawer-shadow-blur-radius: 0px;

    --spacing-sections-desktop: 0px;
    --spacing-sections-mobile: 0px;

    --grid-desktop-vertical-spacing: 4px;
    --grid-desktop-horizontal-spacing: 4px;
    --grid-mobile-vertical-spacing: 2px;
    --grid-mobile-horizontal-spacing: 2px;

    --text-boxes-border-opacity: 0.0;
    --text-boxes-border-width: 0px;
    --text-boxes-radius: 0px;
    --text-boxes-shadow-opacity: 0.0;
    --text-boxes-shadow-visible: 0;
    --text-boxes-shadow-horizontal-offset: 0px;
    --text-boxes-shadow-vertical-offset: 0px;
    --text-boxes-shadow-blur-radius: 0px;

    --buttons-radius: 0px;
    --buttons-radius-outset: 0px;
    --buttons-border-width: 1px;
    --buttons-border-opacity: 1.0;
    --buttons-shadow-opacity: 0.0;
    --buttons-shadow-visible: 0;
    --buttons-shadow-horizontal-offset: 0px;
    --buttons-shadow-vertical-offset: 0px;
    --buttons-shadow-blur-radius: 0px;
    --buttons-border-offset: 0px;

    --inputs-radius: 0px;
    --inputs-border-width: 1px;
    --inputs-border-opacity: 0.55;
    --inputs-shadow-opacity: 0.0;
    --inputs-shadow-horizontal-offset: 0px;
    --inputs-margin-offset: 0px;
    --inputs-shadow-vertical-offset: 0px;
    --inputs-shadow-blur-radius: 0px;
    --inputs-radius-outset: 0px;

    --variant-pills-radius: 40px;
    --variant-pills-border-width: 1px;
    --variant-pills-border-opacity: 0.55;
    --variant-pills-shadow-opacity: 0.0;
    --variant-pills-shadow-horizontal-offset: 0px;
    --variant-pills-shadow-vertical-offset: 0px;
    --variant-pills-shadow-blur-radius: 0px;
  }

  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
</style>

<link href="//kiabi.tn/cdn/shop/t/17/assets/base-kiabify-min.css?v=7402828537789687821789119208" rel="stylesheet" type="text/css" media="all" />

      <div id="wishlistConfig" data-url="/apps/kiabi-prod/wishlist" data-customer-id=""></div>
      
<div id="wishlistGuestModal" class="wishlist-guest-modal" hidden>
  <div class="wishlist-guest-modal__panel" role="dialog" aria-modal="true" aria-labelledby="wishlistGuestModalTitle">
    <button type="button" class="wishlist-guest-modal__close" data-wishlist-guest-dismiss aria-label="Fermer">
      
    <svg class="close-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14" fill="none">
      <path d="M0.75 12.75L6.75 6.75M12.75 0.75L8.75 4.75M0.75 0.75L6.75 6.75M12.75 12.75L6.75 6.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

  
    </button>
    
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
  <path d="M16.0108 2.25024C19.3658 2.29879 22.75 5.03763 22.75 9.00024C22.75 15.0192 16.9805 19.348 12 21.8381C7.01954 19.348 1.25003 15.0192 1.25003 9.00024C1.25008 5.04637 4.62683 2.25024 8.00003 2.25024C9.37528 2.25025 10.8597 2.64674 11.9981 3.80981C13.128 2.64449 14.5981 2.22982 16.0108 2.25024Z" fill="#040037"/>
</svg>
  
    <h3 id="wishlistGuestModalTitle" class="wishlist-guest-modal__title">Votre wishlist est temporaire</h3>
    <p class="wishlist-guest-modal__text">Tant que vous n&#39;êtes pas connecté(e), votre wishlist n&#39;est enregistrée que sur cet appareil et peut être perdue. Connectez-vous pour la retrouver partout et ne rien perdre.</p>
    <div class="wishlist-guest-modal__actions">
      <a href="/customer_authentication/login?return_to=%2F%3Futm_source%3Dgoogle%26utm_medium%3Dcpc%26utm_campaign%3DSearch%2BBrand%2BSales%26gad_source%3D1%26gad_campaignid%3D21555469671%26gclid%3DCj0KCQjwt9jVBhDXARIsAFSP-6f1odZQ3s98ouDawkfz6DVf8JJs3KRvMz5T8jeJ2sehBpA-De9boBMaAqCfEALw_wcB&locale=fr&ui_hint=full&region_country=TN" class="wishlist-guest-modal__login">S&#39;identifier pour sauvegarder votre wishlist</a>
      <button type="button" class="wishlist-guest-modal__continue" data-wishlist-guest-dismiss>Continuer en mode invité</button>
    </div>
  </div>
</div>

      <script src="//kiabi.tn/cdn/shop/t/17/assets/wishlist.js?v=5239416948074705311789119215" defer="defer"></script>

    <style data-shopify>:root
    {
      --color-blue: #040037
      ;
      --color-white: #FFFFFF
      ;
    }
  </style>

  <link rel="stylesheet" href="//kiabi.tn/cdn/shop/t/17/assets/theme.css?v=18568238646063606851771842284">
  <script src="//kiabi.tn/cdn/shop/t/17/assets/theme.js?v=124533605595263425941764066270" defer></script><link
      rel="stylesheet"
      href="//kiabi.tn/cdn/shop/t/17/assets/component-predictive-search-min.css?v=178112308388045113661777280406"
      media="print"
      onload="this.media='all'"><link rel="stylesheet" href="//kiabi.tn/cdn/shop/t/17/assets/search-min.css?v=123951253118448519441777280425">
  
  <script>
    Shopify.money_format = "{{amount_no_decimals}} DT";
    </script>

<script src="//kiabi.tn/cdn/shop/t/17/assets/formatMoneyHelper.js?v=56005140843673925631764066271" defer></script>
<script src="//kiabi.tn/cdn/shop/t/17/assets/kiabify.js?v=82961929568672837631782896606" defer></script> 

<!-- Price slider -->
<link rel="stylesheet" href="//kiabi.tn/cdn/shop/t/17/assets/nouislider.css?v=100583786351701253011764066272">
<script src="//kiabi.tn/cdn/shop/t/17/assets/nouislider.js?v=165174028135310368561764066272"></script>

  <link rel="stylesheet" href="//kiabi.tn/cdn/shop/t/17/assets/kiabify-rtl-min.css?v=88857144487287379101782896604">

<link rel="stylesheet" href="//kiabi.tn/cdn/shop/t/17/assets/kiabify-min.css?v=183289757801139454241777280419">
<script>
    window.themeSettings = {
      tvaRate: 0.2
    };
  </script>
<script language="javascript">

function eswd_charger_fichier(fichier, mode)
{
  var requete = null;
  if (mode == undefined || mode == '') mode = false;
  if (window.XMLHttpRequest) requete = new XMLHttpRequest();
  else if (window.ActiveXObject) requete = new ActiveXObject("Microsoft.XMLHTTP");
  else return;
  requete.open('GET', fichier, mode);
  requete.send(null);
  return requete.responseText;
}
function is404(fichier, mode) {
  var ret =  eswd_charger_fichier(fichier, mode);	
  if(  ret == "" ) {
    return true;
  } else {
    return false;
  }
}
</script>

<!-- Meta Pixel Code -->
<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', '1158277275461084');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1158277275461084&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<script>

  
  (function() {
      class Ultimate_Shopify_DataLayer {
        constructor() {
          window.dataLayer = window.dataLayer || []; 
          
          // use a prefix of events name
          this.eventPrefix = '';

          //Keep the value false to get non-formatted product ID
          this.formattedItemId = true; 

          // data schema
          this.dataSchema = {
            ecommerce: {
                show: true
            },
            dynamicRemarketing: {
                show: false,
                business_vertical: 'retail'
            }
          }

          // add to wishlist selectors
          this.addToWishListSelectors = {
            'addWishListIcon': '',
            'gridItemSelector': '',
            'productLinkSelector': 'a[href*="/products/"]'
          }

          // quick view selectors
          this.quickViewSelector = {
            'quickViewElement': '',
            'gridItemSelector': '',
            'productLinkSelector': 'a[href*="/products/"]'
          }

          // mini cart button selector
          this.miniCartButton = [
            'a[href="/cart"]', 
          ];
          this.miniCartAppersOn = 'click';


          // begin checkout buttons/links selectors
          this.beginCheckoutButtons = [
            'input[name="checkout"]',
            'button[name="checkout"]',
            'a[href="/checkout"]',
            '.additional-checkout-buttons',
          ];

          // direct checkout button selector
          this.shopifyDirectCheckoutButton = [
            '.shopify-payment-button'
          ]

          //Keep the value true if Add to Cart redirects to the cart page
          this.isAddToCartRedirect = false;
          
          // keep the value false if cart items increment/decrement/remove refresh page 
          this.isAjaxCartIncrementDecrement = true;
          

          // Caution: Do not modify anything below this line, as it may result in it not functioning correctly.
          this.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"TND","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
          this.countryCode = "TN";
          this.storeURL = "https://kiabi.tn";
          localStorage.setItem('shopCountryCode', this.countryCode);
          this.collectData(); 
          this.itemsList = [];
        }

        updateCart() {
          fetch("/cart.js")
          .then((response) => response.json())
          .then((data) => {
            this.cart = data;
          });
        }

       debounce(delay) {         
          let timeoutId;
          return function(func) {
            const context = this;
            const args = arguments;
            
            clearTimeout(timeoutId);
            
            timeoutId = setTimeout(function() {
              func.apply(context, args);
            }, delay);
          };
        }

        eventConsole(eventName, eventData) {
          const css1 = 'background: red; color: #fff; font-size: normal; border-radius: 3px 0 0 3px; padding: 3px 4px;';
          const css2 = 'background-color: blue; color: #fff; font-size: normal; border-radius: 0 3px 3px 0; padding: 3px 4px;';
          console.log('%cGTM DataLayer Event:%c' + eventName, css1, css2, eventData);
        }

        collectData() { 
            this.customerData();
            this.ajaxRequestData();
            this.searchPageData();
            this.miniCartData();
            this.beginCheckoutData();
  
            
  
            
  
            
            
            this.addToWishListData();
            this.quickViewData();
            this.selectItemData(); 
            this.formData();
            this.phoneClickData();
            this.emailClickData();
            this.loginRegisterData();
        }        

        //logged-in customer data 
        customerData() {
            const currentUser = {};
            

            if (currentUser.email) {
              currentUser.hash_email = "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
            }

            if (currentUser.phone) {
              currentUser.hash_phone = "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
            }

            window.dataLayer = window.dataLayer || [];
            dataLayer.push({
              customer: currentUser
            });
        }

        // add_to_cart, remove_from_cart, search
        ajaxRequestData() {
          const self = this;
          
          // handle non-ajax add to cart
          if(this.isAddToCartRedirect) {
            document.addEventListener('submit', function(event) {
              const addToCartForm = event.target.closest('form[action="/cart/add"]');
              if(addToCartForm) {
                event.preventDefault();
                
                const formData = new FormData(addToCartForm);
            
                fetch(window.Shopify.routes.root + 'cart/add.js', {
                  method: 'POST',
                  body: formData
                })
                .then(response => {
                    window.location.href = "/cart";
                })
                .catch((error) => {
                  console.error('Error:', error);
                });
              }
            });
          }
          
          // fetch
          let originalFetch = window.fetch;
          let debounce = this.debounce(800);
          
          window.fetch = function () {
            return originalFetch.apply(this, arguments).then((response) => {
              if (response.ok) {
                let cloneResponse = response.clone();
                let requestURL = arguments[0]['url'] || arguments[0];
                
                if(typeof requestURL === 'string' && /.*\/search\/?.*\?.*q=.+/.test(requestURL) && !requestURL.includes('&requestFrom=uldt')) {   
                  const queryString = requestURL.split('?')[1];
                  const urlParams = new URLSearchParams(queryString);
                  const search_term = urlParams.get("q");

                  debounce(function() {
                    fetch(`${self.storeURL}/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`)
                      .then(res => res.json())
                      .then(function(data) {
                            const products = data.resources.results.products;
                            if(products.length) {
                              const fetchRequests = products.map(product =>
                                fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`)
                                  .then(response => response.json())
                                  .catch(error => console.error('Error fetching:', error))
                              );

                              Promise.all(fetchRequests)
                                .then(products => {
                                    const items = products.map((product) => {
                                      return {
                                        product_id: product.id,
                                        product_title: product.title,
                                        variant_id: product.variants[0].id,
                                        variant_title: product.variants[0].title,
                                        vendor: product.vendor,
                                        total_discount: 0,
                                        final_price: product.price_min,
                                        product_type: product.type, 
                                        quantity: 1
                                      }
                                    });

                                    self.ecommerceDataLayer('search', {search_term, items});
                                })
                            }else {
                              self.ecommerceDataLayer('search', {search_term, items: []});
                            }
                      });
                  });
                }
                else if (typeof requestURL === 'string' && requestURL.includes("/cart/add")) {
                  cloneResponse.text().then((text) => {
                    let data = JSON.parse(text);

                    if(data.items && Array.isArray(data.items)) {
                      data.items.forEach(function(item) {
                         self.ecommerceDataLayer('add_to_cart', {items: [item]});
                      })
                    } else {
                      self.ecommerceDataLayer('add_to_cart', {items: [data]});
                    }
                    self.updateCart();
                  });
                }else if(typeof requestURL === 'string' && requestURL.includes("/cart/change") || requestURL.includes("/cart/update")) {
                  
                   cloneResponse.text().then((text) => {
                     
                    let newCart = JSON.parse(text);
                    let newCartItems = newCart.items;
                    let oldCartItems = self.cart.items;

                    for(let i = 0; i < oldCartItems.length; i++) {
                      let item = oldCartItems[i];
                      let newItem = newCartItems.find(newItems => newItems.id === item.id);


                      if(newItem) {

                        if(newItem.quantity > item.quantity) {
                          // cart item increment
                          let quantity = (newItem.quantity - item.quantity);
                          let updatedItem = {...item, quantity}
                          self.ecommerceDataLayer('add_to_cart', {items: [updatedItem]});
                          self.updateCart(); 

                        }else if(newItem.quantity < item.quantity) {
                          // cart item decrement
                          let quantity = (item.quantity - newItem.quantity);
                          let updatedItem = {...item, quantity}
                          self.ecommerceDataLayer('remove_from_cart', {items: [updatedItem]});
                          self.updateCart(); 
                        }
                        

                      }else {
                        self.ecommerceDataLayer('remove_from_cart', {items: [item]});
                        self.updateCart(); 
                      }
                    }
                     
                  });
                }
              }
              return response;
            });
          }
          // end fetch 


          //xhr
          var origXMLHttpRequest = XMLHttpRequest;
          XMLHttpRequest = function() {
            var requestURL;
    
            var xhr = new origXMLHttpRequest();
            var origOpen = xhr.open;
            var origSend = xhr.send;
            
            // Override the `open` function.
            xhr.open = function(method, url) {
                requestURL = url;
                return origOpen.apply(this, arguments);
            };
    
    
            xhr.send = function() {
    
                // Only proceed if the request URL matches what we're looking for.
                if (typeof requestURL === 'string' && (requestURL.includes("/cart/add") || requestURL.includes("/cart/change") || /.*\/search\/?.*\?.*q=.+/.test(requestURL))) {
        
                    xhr.addEventListener('load', function() {
                        if (xhr.readyState === 4) {
                            if (xhr.status >= 200 && xhr.status < 400) { 

                              if(typeof requestURL === 'string' && /.*\/search\/?.*\?.*q=.+/.test(requestURL) && !requestURL.includes('&requestFrom=uldt')) {
                                const queryString = requestURL.split('?')[1];
                                const urlParams = new URLSearchParams(queryString);
                                const search_term = urlParams.get("q");

                                debounce(function() {
                                    fetch(`${self.storeURL}/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`)
                                      .then(res => res.json())
                                      .then(function(data) {
                                            const products = data.resources.results.products;
                                            if(products.length) {
                                              const fetchRequests = products.map(product =>
                                                fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`)
                                                  .then(response => response.json())
                                                  .catch(error => console.error('Error fetching:', error))
                                              );
                
                                              Promise.all(fetchRequests)
                                                .then(products => {
                                                    const items = products.map((product) => {
                                                      return {
                                                        product_id: product.id,
                                                        product_title: product.title,
                                                        variant_id: product.variants[0].id,
                                                        variant_title: product.variants[0].title,
                                                        vendor: product.vendor,
                                                        total_discount: 0,
                                                        final_price: product.price_min,
                                                        product_type: product.type, 
                                                        quantity: 1
                                                      }
                                                    });
                
                                                    self.ecommerceDataLayer('search', {search_term, items});
                                                })
                                            }else {
                                              self.ecommerceDataLayer('search', {search_term, items: []});
                                            }
                                      });
                                  });

                              }

                              else if(typeof requestURL === 'string' && requestURL.includes("/cart/add")) {
                                  const data = JSON.parse(xhr.responseText);

                                  if(data.items && Array.isArray(data.items)) {
                                    data.items.forEach(function(item) {
                                        self.ecommerceDataLayer('add_to_cart', {items: [item]});
                                      })
                                  } else {
                                    self.ecommerceDataLayer('add_to_cart', {items: [data]});
                                  }
                                  self.updateCart();
                                 
                               }else if(typeof requestURL === 'string' && requestURL.includes("/cart/change")) {
                                 
                                  const newCart = JSON.parse(xhr.responseText);
                                  const newCartItems = newCart.items;
                                  let oldCartItems = self.cart.items;
              
                                  for(let i = 0; i < oldCartItems.length; i++) {
                                    let item = oldCartItems[i];
                                    let newItem = newCartItems.find(newItems => newItems.id === item.id);
              
              
                                    if(newItem) {
                                      if(newItem.quantity > item.quantity) {
                                        // cart item increment
                                        let quantity = (newItem.quantity - item.quantity);
                                        let updatedItem = {...item, quantity}
                                        self.ecommerceDataLayer('add_to_cart', {items: [updatedItem]});
                                        self.updateCart(); 
              
                                      }else if(newItem.quantity < item.quantity) {
                                        // cart item decrement
                                        let quantity = (item.quantity - newItem.quantity);
                                        let updatedItem = {...item, quantity}
                                        self.ecommerceDataLayer('remove_from_cart', {items: [updatedItem]});
                                        self.updateCart(); 
                                      }
                                      
              
                                    }else {
                                      self.ecommerceDataLayer('remove_from_cart', {items: [item]});
                                      self.updateCart(); 
                                    }
                                  }
                               }          
                            }
                        }
                    });
                }
    
                return origSend.apply(this, arguments);
            };
    
            return xhr;
          }; 
          //end xhr
        }

        // search event from search page
        searchPageData() {
          const self = this;
          let pageUrl = window.location.href;
          
          if(/.+\/search\?.*\&?q=.+/.test(pageUrl)) {   
            const queryString = pageUrl.split('?')[1];
            const urlParams = new URLSearchParams(queryString);
            const search_term = urlParams.get("q");
                
            fetch(`https://kiabi.tn/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`)
            .then(res => res.json())
            .then(function(data) {
                  const products = data.resources.results.products;
                  if(products.length) {
                    const fetchRequests = products.map(product =>
                      fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`)
                        .then(response => response.json())
                        .catch(error => console.error('Error fetching:', error))
                    );
                    Promise.all(fetchRequests)
                    .then(products => {
                        const items = products.map((product) => {
                            return {
                            product_id: product.id,
                            product_title: product.title,
                            variant_id: product.variants[0].id,
                            variant_title: product.variants[0].title,
                            vendor: product.vendor,
                            total_discount: 0,
                            final_price: product.price_min,
                            product_type: product.type, 
                            quantity: 1
                            }
                        });

                        self.ecommerceDataLayer('search', {search_term, items});
                    });
                  }else {
                    self.ecommerceDataLayer('search', {search_term, items: []});
                  }
            });
          }
        }

        // view_cart
        miniCartData() {
          if(this.miniCartButton.length) {
            let self = this;
            if(this.miniCartAppersOn === 'hover') {
              this.miniCartAppersOn = 'mouseenter';
            }
            this.miniCartButton.forEach((selector) => {
              let miniCartButtons = document.querySelectorAll(selector);
              miniCartButtons.forEach((miniCartButton) => {
                  miniCartButton.addEventListener(self.miniCartAppersOn, () => {
                    self.ecommerceDataLayer('view_cart', self.cart);
                  });
              })
            });
          }
        }

        // begin_checkout
        beginCheckoutData() {
          let self = this;
          document.addEventListener('pointerdown', (event) => {
            let targetElement = event.target.closest(self.beginCheckoutButtons.join(', '));
            if(targetElement) {
              self.ecommerceDataLayer('begin_checkout', self.cart);
            }
          });
        }

        // view_cart, add_to_cart, remove_from_cart
        viewCartPageData() {
          
          this.ecommerceDataLayer('view_cart', this.cart);

          //if cart quantity chagne reload page 
          if(!this.isAjaxCartIncrementDecrement) {
            const self = this;
            document.addEventListener('pointerdown', (event) => {
              const target = event.target.closest('a[href*="/cart/change?"]');
              if(target) {
                const linkUrl = target.getAttribute('href');
                const queryString = linkUrl.split("?")[1];
                const urlParams = new URLSearchParams(queryString);
                const newQuantity = urlParams.get("quantity");
                const line = urlParams.get("line");
                const cart_id = urlParams.get("id");
        
                
                if(newQuantity && (line || cart_id)) {
                  let item = line ? {...self.cart.items[line - 1]} : self.cart.items.find(item => item.key === cart_id);
        
                  let event = 'add_to_cart';
                  if(newQuantity < item.quantity) {
                    event = 'remove_from_cart';
                  }
        
                  let quantity = Math.abs(newQuantity - item.quantity);
                  item['quantity'] = quantity;
        
                  self.ecommerceDataLayer(event, {items: [item]});
                }
              }
            });
          }
        }

        productSinglePage() {
        
        }

        collectionsPageData() {
          var ecommerce = {
            'items': [
              
              ]
          };

          this.itemsList = ecommerce.items;
          ecommerce['item_list_id'] = null
          ecommerce['item_list_name'] = null

          this.ecommerceDataLayer('view_item_list', ecommerce);
        }
        
        
        // add to wishlist
        addToWishListData() {
          if(this.addToWishListSelectors && this.addToWishListSelectors.addWishListIcon) {
            const self = this;
            document.addEventListener('pointerdown', (event) => {
              let target = event.target;
              
              if(target.closest(self.addToWishListSelectors.addWishListIcon)) {
                let pageULR = window.location.href.replace(/\?.+/, '');
                let requestURL = undefined;
          
                if(/\/products\/[^/]+$/.test(pageULR)) {
                  requestURL = pageULR;
                } else if(self.addToWishListSelectors.gridItemSelector && self.addToWishListSelectors.productLinkSelector) {
                  let itemElement = target.closest(self.addToWishListSelectors.gridItemSelector);
                  if(itemElement) {
                    let linkElement = itemElement.querySelector(self.addToWishListSelectors.productLinkSelector); 
                    if(linkElement) {
                      let link = linkElement.getAttribute('href').replace(/\?.+/g, '');
                      if(link && /\/products\/[^/]+$/.test(link)) {
                        requestURL = link;
                      }
                    }
                  }
                }

                if(requestURL) {
                  fetch(requestURL + '.json')
                    .then(res => res.json())
                    .then(result => {
                      let data = result.product;                    
                      if(data) {
                        let dataLayerData = {
                          product_id: data.id,
                            variant_id: data.variants[0].id,
                            product_title: data.title,
                          quantity: 1,
                          final_price: parseFloat(data.variants[0].price) * 100,
                          total_discount: 0,
                          product_type: data.product_type,
                          vendor: data.vendor,
                          variant_title: (data.variants[0].title !== 'Default Title') ? data.variants[0].title : undefined,
                          sku: data.variants[0].sku,
                        }

                        self.ecommerceDataLayer('add_to_wishlist', {items: [dataLayerData]});
                      }
                    });
                }
              }
            });
          }
        }

        quickViewData() {
          if(this.quickViewSelector.quickViewElement && this.quickViewSelector.gridItemSelector && this.quickViewSelector.productLinkSelector) {
            const self = this;
            document.addEventListener('pointerdown', (event) => {
              let target = event.target;
              if(target.closest(self.quickViewSelector.quickViewElement)) {
                let requestURL = undefined;
                let itemElement = target.closest(this.quickViewSelector.gridItemSelector );
                
                if(itemElement) {
                  let linkElement = itemElement.querySelector(self.quickViewSelector.productLinkSelector); 
                  if(linkElement) {
                    let link = linkElement.getAttribute('href').replace(/\?.+/g, '');
                    if(link && /\/products\/[^/]+$/.test(link)) {
                      requestURL = link;
                    }
                  }
                }   
                
                if(requestURL) {
                    fetch(requestURL + '.json')
                      .then(res => res.json())
                      .then(result => {
                        let data = result.product;                    
                        if(data) {
                          let dataLayerData = {
                            product_id: data.id,
                            variant_id: data.variants[0].id,
                            product_title: data.title,
                            quantity: 1,
                            final_price: parseFloat(data.variants[0].price) * 100,
                            total_discount: 0,
                            product_type: data.product_type,
                            vendor: data.vendor,
                            variant_title: (data.variants[0].title !== 'Default Title') ? data.variants[0].title : undefined,
                            sku: data.variants[0].sku,
                          }
  
                          self.ecommerceDataLayer('view_item', {items: [dataLayerData]});
                          self.quickViewVariants = data.variants;
                          self.quickViewedItem = dataLayerData;
                        }
                      });
                  }
              }
            });

            
              if(this.shopifyDirectCheckoutButton.length) {
                let self = this;
                document.addEventListener('pointerdown', (event) => {
                  let target = event.target;
                  let checkoutButton = event.target.closest(this.shopifyDirectCheckoutButton.join(', '));
                  
                  if(self.quickViewVariants && self.quickViewedItem && self.quickViewVariants.length && checkoutButton) {

                    let checkoutForm = checkoutButton.closest('form[action*="/cart/add"]');
                    if(checkoutForm) {
                        let quantity = 1;
                        let varientInput = checkoutForm.querySelector('input[name="id"]');
                        let quantitySelector = checkoutForm.getAttribute('id');

                        if(quantitySelector) {
                          let quentityInput = document.querySelector('input[name="quantity"][form="'+quantitySelector+'"]');
                          if(quentityInput) {
                              quantity = +quentityInput.value;
                          }
                        }

                        if(varientInput) {
                            let variant_id = parseInt(varientInput.value);

                            if(variant_id) {
                                const variant = self.quickViewVariants.find(item => item.id === +variant_id);
                                if(variant && self.quickViewedItem) {
                                    self.quickViewedItem['variant_id'] = variant_id;
                                    self.quickViewedItem['variant_title'] = variant.title;
                                    self.quickViewedItem['final_price'] = parseFloat(variant.price) * 100;
                                    self.quickViewedItem['quantity'] = quantity; 
    
                                    self.ecommerceDataLayer('add_to_cart', {items: [self.quickViewedItem]});
                                    self.ecommerceDataLayer('begin_checkout', {items: [self.quickViewedItem]});
                                }
                            }
                        }
                    }

                  }
                }); 
            }
            
          }
        }

        // select_item events
        selectItemData() {
          
          const self = this;
          const items = this.itemsList;

          

          // select item on varient change
          document.addEventListener('variant:change', function(event) {            
            const product_id = event.detail.product.id;
            const variant_id = event.detail.variant.id;
            const vendor = event.detail.product.vendor; 
            const variant_title = event.detail.variant.public_title;
            const product_title = event.detail.product.title;
            const final_price = event.detail.variant.price;
            const product_type = event.detail.product.type;

             const item = {
                product_id: product_id,
                product_title: product_title,
                variant_id: variant_id,
                variant_title: variant_title,
                vendor: vendor,
                final_price: final_price,
                product_type: product_type, 
                quantity: 1
             }
            
             self.ecommerceDataLayer('select_item', {items: [item]});
          });
        }

        // all ecommerce events
        ecommerceDataLayer(event, data) {
          const self = this;
          dataLayer.push({ 'ecommerce': null });
          const dataLayerData = {
            "event": this.eventPrefix + event,
            'ecommerce': {
               'currency': this.cart.currency,
               'items': data.items.map((item, index) => {
                 const dataLayerItem = {
                    'index': index,
                    'item_id': this.formattedItemId  ? `shopify_${this.countryCode}_${item.product_id}_${item.variant_id}` : item.product_id.toString(),
                    'product_id': item.product_id.toString(),
                    'variant_id': item.variant_id.toString(),
                    'item_name': item.product_title,
                    'quantity': item.quantity,
                    'price': +((item.final_price / 100).toFixed(2)),
                    'discount': item.total_discount ? +((item.total_discount / 100).toFixed(2)) : 0 
                }

                if(item.product_type) {
                  dataLayerItem['item_category'] = item.product_type;
                }
                
                if(item.vendor) {
                  dataLayerItem['item_brand'] = item.vendor;
                }
               
                if(item.variant_title && item.variant_title !== 'Default Title') {
                  dataLayerItem['item_variant'] = item.variant_title;
                }
              
                if(item.sku) {
                  dataLayerItem['sku'] = item.sku;
                }

                if(item.item_list_name) {
                  dataLayerItem['item_list_name'] = item.item_list_name;
                }

                if(item.item_list_id) {
                  dataLayerItem['item_list_id'] = item.item_list_id.toString()
                }

                return dataLayerItem;
              })
            }
          }

          if(data.total_price !== undefined) {
            dataLayerData['ecommerce']['value'] =  +((data.total_price / 100).toFixed(2));
          } else {
            dataLayerData['ecommerce']['value'] = +(dataLayerData['ecommerce']['items'].reduce((total, item) => total + (item.price * item.quantity), 0)).toFixed(2);
          }
          
          if(data.item_list_id) {
            dataLayerData['ecommerce']['item_list_id'] = data.item_list_id;
          }
          
          if(data.item_list_name) {
            dataLayerData['ecommerce']['item_list_name'] = data.item_list_name;
          }

          if(data.search_term) {
            dataLayerData['search_term'] = data.search_term;
          }

          if(self.dataSchema.dynamicRemarketing && self.dataSchema.dynamicRemarketing.show) {
            dataLayer.push({ 'dynamicRemarketing': null });
            dataLayerData['dynamicRemarketing'] = {
                value: dataLayerData.ecommerce.value,
                items: dataLayerData.ecommerce.items.map(item => ({id: item.item_id, google_business_vertical: self.dataSchema.dynamicRemarketing.business_vertical}))
            }
          }

          if(!self.dataSchema.ecommerce ||  !self.dataSchema.ecommerce.show) {
            delete dataLayerData['ecommerce'];
          }

          dataLayer.push(dataLayerData);
          self.eventConsole(self.eventPrefix + event, dataLayerData);
        }

        
        // contact form submit & newsletters signup
        formData() {
          const self = this;
          document.addEventListener('submit', function(event) {

            let targetForm = event.target.closest('form[action^="/contact"]');


            if(targetForm) {
              const formData = {
                form_location: window.location.href,
                form_id: targetForm.getAttribute('id'),
                form_classes: targetForm.getAttribute('class')
              };
                            
              let formType = targetForm.querySelector('input[name="form_type"]');
              let inputs = targetForm.querySelectorAll("input:not([type=hidden]):not([type=submit]), textarea, select");
              
              inputs.forEach(function(input) {
                var inputName = input.name;
                var inputValue = input.value;
                
                if (inputName && inputValue) {
                  var matches = inputName.match(/\[(.*?)\]/);
                  if (matches && matches.length > 1) {
                     var fieldName = matches[1];
                     formData[fieldName] = input.value;
                  }
                }
              });
              
              if(formType && formType.value === 'customer') {
                dataLayer.push({ event: self.eventPrefix + 'newsletter_signup', ...formData});
                self.eventConsole(self.eventPrefix + 'newsletter_signup', { event: self.eventPrefix + 'newsletter_signup', ...formData});

              } else if(formType && formType.value === 'contact') {
                dataLayer.push({ event: self.eventPrefix + 'contact_form_submit', ...formData});
                self.eventConsole(self.eventPrefix + 'contact_form_submit', { event: self.eventPrefix + 'contact_form_submit', ...formData});
              }
            }
          });

        }

        // phone_number_click event
        phoneClickData() {
          const self = this; 
          document.addEventListener('click', function(event) {
            let target = event.target.closest('a[href^="tel:"]');
            if(target) {
              let phone_number = target.getAttribute('href').replace('tel:', '');
              let eventData = {
                event: self.eventPrefix + 'phone_number_click',
                page_location: window.location.href,
                link_classes: target.getAttribute('class'),
                link_id: target.getAttribute('id'),
                phone_number
              }

              dataLayer.push(eventData);
              this.eventConsole(self.eventPrefix + 'phone_number_click', eventData);
            }
          });
        }
  
        // email_click event
        emailClickData() {
          const self = this; 
          document.addEventListener('click', function(event) {
            let target = event.target.closest('a[href^="mailto:"]');
            if(target) {
              let email_address = target.getAttribute('href').replace('mailto:', '');
              let eventData = {
                event: self.eventPrefix + 'email_click',
                page_location: window.location.href,
                link_classes: target.getAttribute('class'),
                link_id: target.getAttribute('id'),
                email_address
              }

              dataLayer.push(eventData);
              this.eventConsole(self.eventPrefix + 'email_click', eventData);
            }
          });
        }

        //login register 
        loginRegisterData() {
          
          const self = this; 
          let isTrackedLogin = false;
          let isTrackedRegister = false;
          
          if(window.location.href.includes('/account/login')) {
            document.addEventListener('submit', function(e) {
              const loginForm = e.target.closest('[action="/account/login"]');
              if(loginForm && !isTrackedLogin) {
                  const eventData = {
                    event: self.eventPrefix + 'login'
                  }
                  isTrackedLogin = true;
                  dataLayer.push(eventData);
                  self.eventConsole(self.eventPrefix + 'login', eventData);
              }
            });
          }

          if(window.location.href.includes('/account/register')) {
            document.addEventListener('submit', function(e) {
              const registerForm = e.target.closest('[action="/account"]');
              if(registerForm && !isTrackedRegister) {
                  const eventData = {
                    event: self.eventPrefix + 'sign_up'
                  }
                
                  isTrackedRegister = true;
                  dataLayer.push(eventData);
                  self.eventConsole(self.eventPrefix + 'sign_up', eventData);
              }
            });
          }
        }
      } 
      // end Ultimate_Shopify_DataLayer

      document.addEventListener('DOMContentLoaded', function() {
        try{
          new Ultimate_Shopify_DataLayer();
        }catch(error) {
          console.log(error);
        }
      });
    
  })();
</script>
<!-- BEGIN app block: shopify://apps/pandectes-gdpr/blocks/banner/58c0baa2-6cc1-480c-9ea6-38d6d559556a -->

  
    

      <script defer src='https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-core-latest.js'></script>
    
    <script>
      (() => {
        const isLivePreview = locateLivePreviewParam();
        let previewUrl = 'https://app.pandect.es/js/pandectes-live-site-preview.js';
        

        function locateLivePreviewParam(paramName = 'pandectesLivePreview') {
          const fromUrl = new URLSearchParams(window.location.search).get(paramName);
          if (fromUrl) {
            try {
              sessionStorage.setItem(paramName, fromUrl);
            } catch {
              // storage disabled
            }
            return fromUrl;
          }
          return sessionStorage.getItem(paramName);
        }

        /** Injects the preview helper script when live preview is active (URL or sessionStorage). */
        function appendLivePreviewScriptIfNeeded(previewModeScriptUrl) {
          if (!isLivePreview) return;
          if (document.head.querySelector('script[data-pandectes-live-preview]')) return;
          const script = document.createElement('script');
          script.src = previewModeScriptUrl;
          script.async = true;
          script.setAttribute('data-pandectes-live-preview', '');
          document.head.appendChild(script);
        }

        window.pandectesBannerSettings = {"version":"5","timestamp":1789552408,"store":{"id":71894073659,"plan":"basic","primaryLocale":"fr","headless":false,"useGeolocation":false},"impressions":{"enabled":false,"timezone":"Africa/Algiers"},"visibility":{"bots":{"show":[],"allow":[],"deny":[]},"delay":0,"enabled":true,"startHidden":[],"botsFriendly":false,"disableDesignMode":false,"adminMode":false},"regions":{"strict":"*","visible":"*"},"consent":{"saleOfData":false,"redirectOnDeny":false,"reloadOnConsent":false,"broadcastChannel":false,"redirectOnDenyUrl":"https://www.pandectes.io","shopify":true},"theme":{"logos":{"custom":false,"customWidget":false,"banner":"//kiabi-tunisie.myshopify.com/cdn/shop/files/pandectes-banner-logo.png?v=1789552408","widget":"//kiabi-tunisie.myshopify.com/cdn/shop/files/pandectes-reopen-logo.png?v=1789552408"},"mode":"light","border":0,"variables":":host { --float: 16px; --font-size: 14px; --duration: 250ms; --padding: 20px; --radius-dialog:8px; --radius-button:8px; --border-button: 2px; --font-family: inherit; --font-weight-button: 400; --color-base-100: oklch(100% 0 0);--color-base-200: oklch(97% 0 0);--color-base-300: oklch(94% 0 0);--color-base-content: oklch(7.6% 0 0);--color-primary: oklch(7.6% 0 0);--color-primary-content: oklch(100% 0 0);--color-secondary: oklch(7.6% 0 0);--color-secondary-content: oklch(100% 0 0);--color-accent: oklch(7.6% 0 0);--color-accent-content: oklch(100% 0 0);--color-neutral: oklch(7.6% 0 0);--color-neutral-content: oklch(100% 0 0);; --color-base-100-hex: #ffffff;--color-base-200-hex: #f5f5f5;--color-base-300-hex: #ebebeb;--color-base-content-hex: #010101;--color-primary-hex: #010101;--color-primary-content-hex: #ffffff;--color-secondary-hex: #010101;--color-secondary-content-hex: #ffffff;--color-accent-hex: #010101;--color-accent-content-hex: #ffffff;--color-neutral-hex: #010101;--color-neutral-content-hex: #ffffff; }","shadows":true,"isModal":false,"scrollLock":true,"useAnimations":true,"buttons":{"size":"md","border":2,"radius":8,"variants":{"primary":"filled","secondary":"outlined"}},"zIndex":2147483647,"showPoweredBy":true},"close":{"triggers":[],"action":"dismiss","pixels":200,"timeout":5},"language":{"multilingual":false,"detection":"browser","fallback":"fr","supported":["fr"],"allowChange":false},"widget":{"enabled":false,"position":"bottom left","action":"reopen"},"dialogs":{"notice":{"style":{"type":"box","layout":"vertical-grouped","position":"middle center","animation":"animation-zoom","size":300},"buttons":{"primary":["allow","deny"],"secondary":[]},"features":{"hideHeader":false,"alignCenter":false,"flipButtons":false,"expandableIntro":false,"inlineLinks":false}},"preferences":false,"status":false},"links":{"links":[{"id":"policy","url":"https://kiabi.tn/pages/mentions-legales"}],"target":"_blank","respectLocale":false},"storage":{"type":"http","domain":"","duration":365,"lastReset":1684325174},"texts":{"fr":{"buttons":{"showLess":"Afficher moins","showMore":"Afficher plus","saleOfData":""},"links":{"policy":"Apprendre encore plus","google":"Conditions de confidentialité de Google","imprint":"Imprimer"},"categories":[{"title":"Cookies strictement nécessaires","description":"Ces cookies sont essentiels pour vous permettre de vous déplacer sur le site Web et d'utiliser ses fonctionnalités, telles que l'accès aux zones sécurisées du site Web. Le site Web ne peut pas fonctionner correctement sans ces cookies."},{"title":"Cookies fonctionnels","description":"Ces cookies permettent au site de fournir des fonctionnalités et une personnalisation améliorées. Ils peuvent être définis par nous ou par des fournisseurs tiers dont nous avons ajouté les services à nos pages. Si vous n'autorisez pas ces cookies, certains ou tous ces services peuvent ne pas fonctionner correctement."},{"title":"Cookies de performances","description":"Ces cookies nous permettent de surveiller et d'améliorer les performances de notre site Web. Par exemple, ils nous permettent de compter les visites, d'identifier les sources de trafic et de voir quelles parties du site sont les plus populaires."},{"title":"Ciblage des cookies","description":"Ces cookies peuvent être installés via notre site par nos partenaires publicitaires. Ils peuvent être utilisés par ces sociétés pour établir un profil de vos intérêts et vous montrer des publicités pertinentes sur d'autres sites. Ils ne stockent pas directement d'informations personnelles, mais sont basés sur l'identification unique de votre navigateur et de votre appareil Internet. Si vous n'autorisez pas ces cookies, vous bénéficierez d'une publicité moins ciblée."}],"notice":{"title":"Nous respectons votre vie privée","message":"Ce site web utilise des cookies pour vous garantir la meilleure expérience possible.","dismiss":"D&#39;accord","allow":"Accepter","deny":"Déclin","preferences":"Préférences"},"preferences":{"title":"Gérer les préférences de consentement","message":"Nous utilisons des cookies pour optimiser le fonctionnement du site web, analyser ses performances et vous offrir une expérience personnalisée. Certains cookies sont indispensables au bon fonctionnement du site et ne peuvent être désactivés. Vous pouvez gérer vos préférences en matière de cookies dans cette fenêtre.","cookieDetails":"Détails des cookies","alwaysActive":"Toujours autorisé","deny":"Tout refuser","allow":"Accepter tout","custom":"Enregistrer les préférences","dismiss":"Fermer","vendorLearnMore":"En savoir plus sur ce fournisseur"},"status":{"title":"Paramètres des cookies","message":"Votre état actuel","allow":"Accepter tout","deny":"Tout refuser","dismiss":"Fermer","reopen":"Modifier votre consentement","consentDate":"Date de consentement","consentId":"Votre identifiant de consentement","hideDetails":"Masquer les détails","showDetails":"Afficher les détails","noConsent":"Aucun consentement"},"declaration":{"name":"Nom","type":"Type","vendor":"Fournisseur","purpose":"But","retention":"Rétention","expirations":{"declSeconds":"secondes","declMinutes":"minutes","declHours":"heures","declDays":"jours","declWeeks":"semaine(s)","declMonths":"mois","declYears":"années","declSession":"Session"}},"cookies":{}}},"categories":[{"bitwise":0},{"bitwise":1},{"bitwise":2},{"bitwise":4}],"vendors":[],"cookies":[]};
        if (isLivePreview) {
          if (!window.pandectesBannerSettings.store) {
            window.pandectesBannerSettings.store = {};
          }
          window.pandectesBannerSettings.store.plan = 'enterprise';
        }
        
        function whenBodyReady(callback) {
          window.addEventListener('DOMContentLoaded', callback);
        }
        

        whenBodyReady(function(){
          const element = document.createElement('pandectes-cmp');
          element.appData = window.pandectesBannerSettings;
          document.body.appendChild(element);
          appendLivePreviewScriptIfNeeded(previewUrl);
        });

      })()
    </script>
  





<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
<script type="text/javascript">
  (function (c, l, a, r, i, t, y) {
    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);

    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
      if (error) {
        console.error("Error loading Shopify features:", error);
        return;
      }

      c[a]('consentv2', {
        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
        source: 101,
      });
    });

    l.addEventListener("visitorConsentCollected", function (e) {
      c[a]('consentv2', {
        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
        source: 101,
      });
    });
  })(window, document, "clarity", "script", "tk011sdjg4");
</script>



<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->





<!-- END app block --><script src="https://cdn.shopify.com/extensions/01a08082-d092-749c-87fb-d7fdd89713b9/announcement-bar-maker-by-apphero-7/assets/attrac-embed-bars.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 71894073659,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 71894073659,storefrontBaseUrl: "https://kiabi.tn",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://kiabi.tn/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"3172794707","configuration":"{\"projectId\":\"tk011sdjg4\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1913717075","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-3HJLGL7K58\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-3HJLGL7K58\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1840382291","configuration":"{\"pixel_id\":\"1158277275461084\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"219087187","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"5","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"dataLayerGTM"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Kiabi Tunisie","paymentSettings":{"currencyCode":"TND"},"myshopifyDomain":"kiabi-tunisie.myshopify.com","countryCode":"TN","storefrontUrl":"https:\/\/kiabi.tn"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://kiabi.tn/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"191028887891","themePublished":"true","eventMetadataId":"32852ee9-92ea-413a-9f22-ebbddd7bdd98","pageType":"home","shopId":"71894073659","storefrontBaseUrl":"https:\/\/kiabi.tn","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'TND';
  var meta = {"page":{"pageType":"home","requestId":"be1745f2-02ea-467d-9e61-39b41fbf5b6a-1790338602"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (method == 'track' || method == 'page') {
          var pageUrl;
          try {
            pageUrl = window.location.href;
          } catch (e) {}
          var pageReferrer;
          try {
            pageReferrer = document.referrer;
          } catch (e) {}
          try {
            if (window.__TREKKIE_SHIM_QUEUE == null) {
              window.__TREKKIE_SHIM_QUEUE = [];
            }
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1),
              pageContext: {
                url: pageUrl,
                referrer: pageReferrer
              }
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 71894073659,
      theme_id: 191028887891,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//kiabi.tn/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//kiabi.tn/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//kiabi.tn/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":71894073659,"isMerchantRequest":null,"themeId":191028887891,"themeCityHash":"4833345904263146441","contentLanguage":"fr","currency":"TND","eventMetadataId":"32852ee9-92ea-413a-9f22-ebbddd7bdd98"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"be1745f2-02ea-467d-9e61-39b41fbf5b6a-1790338602","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//kiabi.tn/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
 src="https://kiabi.tn/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
  data-application="storefront-renderer"
  data-shop-id="71894073659"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="191028887891"
  data-theme-name="Kiabi Franchise"
  data-theme-version="1.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://kiabi.tn/api/collect"
></script>
<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1821896202000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790340402000"><meta name="new-cookie-storage-activated" content="t">
</head>



<body>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TVVCVQBZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><div id="shopify-section-announcement-bar" class="shopify-section">
  <link href="//kiabi.tn/cdn/shop/t/17/assets/section-announcement-bar-min.css?v=81614395597272333411777280427" rel="stylesheet" type="text/css" media="all" />




  <div class="announcement-bar" id="top-bar" data-slide="true" style="background : #f32424;">
    
  <div class="banner-container">
    <div class="banner-message active">
      <a href="/collections/soldes"   class="announcement-bar__text"  style="color : #ffffff;">
        <h4><strong>Les soldes continuent chez KIABI!  -40% -50% -60% -70%</strong></h4>
      </a>
    </div>
    
    
  </div>  
</div>
<script src="//kiabi.tn/cdn/shop/t/17/assets/announcement-bar.js?v=168491192280029973821777280388" defer="defer"></script>



</div>
  <div id="shopify-section-header" class="shopify-section"><link href="//kiabi.tn/cdn/shop/t/17/assets/section-header-min.css?v=143617724023034047251782896611" rel="stylesheet" type="text/css" media="all" />
<link href="//kiabi.tn/cdn/shop/t/17/assets/component-cart-notification-min.css?v=74072814524817394971777280399" rel="stylesheet" type="text/css" media="all" />
<link href="//kiabi.tn/cdn/shop/t/17/assets/component-cart-items-min.css?v=139289911169225122971777280398" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//kiabi.tn/cdn/shop/t/17/assets/component-search-min.css?v=167054524201511047061777280408" media="print" onload="this.media='all'"><link rel="stylesheet" href="//kiabi.tn/cdn/shop/t/17/assets/component-price-min.css?v=99889734996631809961782896601" media="print" onload="this.media='all'"><script src="//kiabi.tn/cdn/shop/t/17/assets/details-disclosure.js?v=153497636716254413831764066274" defer="defer"></script>
<script src="//kiabi.tn/cdn/shop/t/17/assets/details-modal.js?v=4511761896672669691764066269" defer="defer"></script>
<script src="//kiabi.tn/cdn/shop/t/17/assets/cart-notification.js?v=153969917329785579421777280393" defer="defer"></script>
<script src="//kiabi.tn/cdn/shop/t/17/assets/header-animation.js?v=45019880473211905371777280416" defer="defer"></script>



<div id="main-header" class="header-bg sticky">

  <div class="header">
    <div class="header-flex">
      <div class="header__menu-burger-mobile">
  <div class="header__menu-burger">
    
      
    <svg id="menu-burger" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M3 6H21M3 12H21M3 18H21" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
    </svg>

  
    
    <p class="header__icons-text">Menu</p>
  </div>
</div>
      <div class="header__menu-burger-desktop">
  <div class="header__menu-burger">
    
      
    <svg id="menu-burger" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M3 6H21M3 12H21M3 18H21" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
    </svg>

  
    
    <p class="header__icons-text">Menu</p>
  </div>
</div>
  
      
        

<details-modal class="header__search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
      aria-haspopup="dialog"
      aria-label="Recherche"
    >
      <span>
        <span class="svg-wrapper">
          
            
    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M22 22L16.7882 16.7882C16.3978 16.3978 16.2026 16.2026 16.0083 16.1263C15.8117 16.0492 15.6771 16.0358 15.4691 16.0725C15.2636 16.1088 14.9826 16.2954 14.4208 16.6686C13.1543 17.5099 11.6344 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.0609 17.7935 12.0736 17.4185 13" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
    </svg>
  
          
          
        </span>
      </span>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Recherche"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="search-modal__form" data-loading-text="Chargement en cours..."><form action="/search">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal"
              type="search"
              name="q"
              value=""
              placeholder="Recherche"><span class="search-icon-in">
              
    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M22 22L16.7882 16.7882C16.3978 16.3978 16.2026 16.2026 16.0083 16.1263C15.8117 16.0492 15.6771 16.0358 15.4691 16.0725C15.2636 16.1088 14.9826 16.2954 14.4208 16.6686C13.1543 17.5099 11.6344 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.0609 17.7935 12.0736 17.4185 13" stroke="#040037" stroke-width="1.5" stroke-linecap="round"/>
    </svg>

    
            </span>
            <label class="field__label" for="Search-In-Modal">Recherche</label>
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="reset__button field__button"
              aria-label="Réinitialiser"
            >
              <span class="svg-wrapper">
                <svg class="no-stroke" width="31" height="30" viewbox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path style="stroke:transparent !important" d="M0.5 15C0.5 6.71573 7.21573 0 15.5 0C23.7843 0 30.5 6.71573 30.5 15C30.5 23.2843 23.7843 30 15.5 30C7.21573 30 0.5 23.2843 0.5 15Z" fill="#040037" stroke="transparent" fill-opacity="0.08"/>
                  <path d="M11 19.5L15.5 15M20 10.5L17 13.5M11 10.5L15.5 15M20 19.5L15.5 15" stroke="#040037" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
              </span>
            </button>
            
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<div class="predictive-search__loading-state">
  <!-- inline_asset_content: Asset not found. -->
</div>
</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
        
      <svg class="logo-kiabi" height="44" xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 106.29 24">
      <g>
        <path fill="#040037" d="M72.24,4.87c-.3-.56-.63-.49-.93-.49h-3.94c-.33,0-.47-.03-.27.37.12.25.72,1.34.72,1.34.13.27.07.28-.04.47-.09.14-6.81,11.42-7.39,12.36-.47.74-.62.89.13.89h.92c.43,0,.49,0,.98-.81.26-.44,2.24-3.67,2.24-3.67h7.79c.22,0,.35.18.39.26.48.91,1.21,2.3,1.73,3.27.31.59.54.93.96.93h3.9c.74,0,.71,0,.14-1.04-.74-1.34-6.29-11.96-7.32-13.9M65.4,13.8l3.15-5.4c.29-.53.25-.42.47,0,.11.21,2.87,5.4,2.87,5.4h-6.49Z"/>
        <path fill="#040037" d="M49.33,4.38h-2.77c-2.14,1.66-2.21,1.69-9.96,7.59v-7.17c0-.24-.19-.43-.43-.43h-4.02c-.24,0-.43.19-.43.43v14.58c0,.23.19.43.43.43h4.02c.24,0,.43-.19.43-.43v-6.29c1.18,1.17,7.57,6.72,7.57,6.72h5.26c.4,0,.4-.21.06-.5-4.73-4.01-7.29-6.23-8.29-7.12-.45-.4-.68-.51-.34-.79.48-.39,8.3-6.51,8.51-6.73.21-.21-.04-.3-.04-.3"/>
        <path fill="#040037" d="M56.81,4.37h-3.98c-.25,0-.45.19-.45.43v14.58c0,.23.2.43.45.43h3.98c.25,0,.45-.19.45-.43V4.8c0-.24-.2-.43-.45-.43"/>
        <path fill="#040037" d="M105.53,4.37h-3.98c-.25,0-.45.19-.45.43v14.58c0,.23.2.43.45.43h3.98c.25,0,.45-.19.45-.43V4.8c0-.24-.2-.43-.45-.43"/>
        <path fill="#040037" d="M94.3,11.6c.68-.3,3.47-.54,3.47-3.63,0-3.55-3.88-3.53-4.77-3.61h-9.71c-.24,0-.43.21-.43.44v14.59c0,.24.19.41.43.41h8.7c1.41,0,6.29-.5,6.42-4.13.11-3.3-3.42-3.81-4.11-4.07M88.12,10.96v-4.94h1.94c1.94,0,2.79,1.24,2.79,2.61s-1.02,2.61-2.79,2.6h0s-.26,0-.26,0h-1.68v-.28ZM90.37,18.62h0s-.31.01-.31.01h-1.94v-6.06h2.25c2.32,0,3.34,1.44,3.34,3.03s-1.22,3.03-3.34,3.02"/>
      </g>
      <g>
        <path fill="#040037" d="M24.42,7.93c0-4.18-3.39-7.57-7.57-7.57-1.3,0-2.53.33-3.6.91-.92-.58-2.02-.91-3.19-.91h-3.82C2.91.36.21,3.06.21,6.39v11.4c0,3.33,2.7,6.03,6.03,6.03h3.82c1.15,0,2.22-.32,3.14-.88,1.06.56,2.27.88,3.55.88,4.2,0,7.6-3.4,7.6-7.6,0-1.51-.44-2.91-1.2-4.1.8-1.2,1.27-2.64,1.27-4.19Z"/>
        <path fill="#ffffff" d="M16.85,4.31c.06,0,.12,0,.18,0,.91.04,1.77.43,2.41,1.08,1.42,1.43,1.41,3.66-.01,5.08l-1.62,1.63h0l1.53,1.53c1.43,1.43,1.43,3.75,0,5.17-.71.71-1.65,1.07-2.58,1.07s-1.87-.36-2.58-1.07l-2.1-2.1v1.08c0,1.11-.9,2.01-2.01,2.01h-3.82c-1.11,0-2.01-.9-2.01-2.01V6.39c0-1.11.9-2.01,2.01-2.01h3.82c1.11,0,2.01.9,2.01,2.01v3.04l-1.8,1.8v-4.45c0-.33-.27-.6-.6-.6h-3.04c-.33,0-.6.27-.6.6v10.61c0,.33.27.6.6.6h3.04c.33,0,.6-.27.6-.6v-5.04l5.17,5.18c.36.36.84.54,1.31.54s.95-.18,1.31-.54c.72-.72.72-1.9,0-2.62l-2.8-2.81,2.9-2.9c.73-.73.73-1.82,0-2.55-.35-.35-.82-.54-1.31-.54-.01,0-.02,0-.03,0-.49,0-.96.22-1.3.57l-.55.55c-.18.18-.41.26-.64.26s-.46-.09-.64-.26c-.35-.35-.35-.92,0-1.27l.58-.58c.69-.69,1.61-1.07,2.58-1.07"/>
      </g>
    </svg>
    

  
        <button
          type="button"
          class="search-modal__close-button modal__close-button link link--text focus-inset"
          aria-label="Fermer"
        >
          <span class="svg-wrapper">
            
    <svg class="close-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14" fill="none">
      <path d="M0.75 12.75L6.75 6.75M12.75 0.75L8.75 4.75M0.75 0.75L6.75 6.75M12.75 12.75L6.75 6.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

  
          </span>
        </button>
    </div>
  </details>
</details-modal>

      
    </div>


    <div class="header__links">
      <a class="header__logo" href="https://kiabi.tn">
      
        
    <svg class="logo-kiabi" height="44" xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 106.29 24">
      <g>
        <path fill="#ffffff" d="M72.24,4.87c-.3-.56-.63-.49-.93-.49h-3.94c-.33,0-.47-.03-.27.37.12.25.72,1.34.72,1.34.13.27.07.28-.04.47-.09.14-6.81,11.42-7.39,12.36-.47.74-.62.89.13.89h.92c.43,0,.49,0,.98-.81.26-.44,2.24-3.67,2.24-3.67h7.79c.22,0,.35.18.39.26.48.91,1.21,2.3,1.73,3.27.31.59.54.93.96.93h3.9c.74,0,.71,0,.14-1.04-.74-1.34-6.29-11.96-7.32-13.9M65.4,13.8l3.15-5.4c.29-.53.25-.42.47,0,.11.21,2.87,5.4,2.87,5.4h-6.49Z"/>
        <path fill="#ffffff" d="M49.33,4.38h-2.77c-2.14,1.66-2.21,1.69-9.96,7.59v-7.17c0-.24-.19-.43-.43-.43h-4.02c-.24,0-.43.19-.43.43v14.58c0,.23.19.43.43.43h4.02c.24,0,.43-.19.43-.43v-6.29c1.18,1.17,7.57,6.72,7.57,6.72h5.26c.4,0,.4-.21.06-.5-4.73-4.01-7.29-6.23-8.29-7.12-.45-.4-.68-.51-.34-.79.48-.39,8.3-6.51,8.51-6.73.21-.21-.04-.3-.04-.3"/>
        <path fill="#ffffff" d="M56.81,4.37h-3.98c-.25,0-.45.19-.45.43v14.58c0,.23.2.43.45.43h3.98c.25,0,.45-.19.45-.43V4.8c0-.24-.2-.43-.45-.43"/>
        <path fill="#ffffff" d="M105.53,4.37h-3.98c-.25,0-.45.19-.45.43v14.58c0,.23.2.43.45.43h3.98c.25,0,.45-.19.45-.43V4.8c0-.24-.2-.43-.45-.43"/>
        <path fill="#ffffff" d="M94.3,11.6c.68-.3,3.47-.54,3.47-3.63,0-3.55-3.88-3.53-4.77-3.61h-9.71c-.24,0-.43.21-.43.44v14.59c0,.24.19.41.43.41h8.7c1.41,0,6.29-.5,6.42-4.13.11-3.3-3.42-3.81-4.11-4.07M88.12,10.96v-4.94h1.94c1.94,0,2.79,1.24,2.79,2.61s-1.02,2.61-2.79,2.6h0s-.26,0-.26,0h-1.68v-.28ZM90.37,18.62h0s-.31.01-.31.01h-1.94v-6.06h2.25c2.32,0,3.34,1.44,3.34,3.03s-1.22,3.03-3.34,3.02"/>
      </g>
      <g>
        <path fill="#040037" d="M24.42,7.93c0-4.18-3.39-7.57-7.57-7.57-1.3,0-2.53.33-3.6.91-.92-.58-2.02-.91-3.19-.91h-3.82C2.91.36.21,3.06.21,6.39v11.4c0,3.33,2.7,6.03,6.03,6.03h3.82c1.15,0,2.22-.32,3.14-.88,1.06.56,2.27.88,3.55.88,4.2,0,7.6-3.4,7.6-7.6,0-1.51-.44-2.91-1.2-4.1.8-1.2,1.27-2.64,1.27-4.19Z"/>
        <path fill="#ffffff" d="M16.85,4.31c.06,0,.12,0,.18,0,.91.04,1.77.43,2.41,1.08,1.42,1.43,1.41,3.66-.01,5.08l-1.62,1.63h0l1.53,1.53c1.43,1.43,1.43,3.75,0,5.17-.71.71-1.65,1.07-2.58,1.07s-1.87-.36-2.58-1.07l-2.1-2.1v1.08c0,1.11-.9,2.01-2.01,2.01h-3.82c-1.11,0-2.01-.9-2.01-2.01V6.39c0-1.11.9-2.01,2.01-2.01h3.82c1.11,0,2.01.9,2.01,2.01v3.04l-1.8,1.8v-4.45c0-.33-.27-.6-.6-.6h-3.04c-.33,0-.6.27-.6.6v10.61c0,.33.27.6.6.6h3.04c.33,0,.6-.27.6-.6v-5.04l5.17,5.18c.36.36.84.54,1.31.54s.95-.18,1.31-.54c.72-.72.72-1.9,0-2.62l-2.8-2.81,2.9-2.9c.73-.73.73-1.82,0-2.55-.35-.35-.82-.54-1.31-.54-.01,0-.02,0-.03,0-.49,0-.96.22-1.3.57l-.55.55c-.18.18-.41.26-.64.26s-.46-.09-.64-.26c-.35-.35-.35-.92,0-1.27l.58-.58c.69-.69,1.61-1.07,2.58-1.07"/>
      </g>
    </svg>

    
      
      </a>
    </div>

      <div class="header-flex">
          <div class="header__icons-content wishlist">
            <a href="/pages/wishlist" id="header-wishlist-icon" class="header__icons-content header__icon--wishlist link focus-inset" aria-label="Wishlist">
              
                
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
      <path d="M16.0108 2.25122C19.3657 2.29978 22.7498 5.03783 22.75 9.00024C22.75 11.9356 21.3051 14.4951 19.5537 16.4944C19.2808 16.8059 18.8067 16.8376 18.4951 16.5647C18.1836 16.2918 18.1529 15.8177 18.4258 15.5061C20.0496 13.6523 21.25 11.4317 21.25 9.00024C21.2498 5.96346 18.6341 3.78957 15.9893 3.75122C14.679 3.73226 13.4503 4.17797 12.6241 5.41724C12.4849 5.62569 12.2507 5.75121 12 5.75122C11.7494 5.75122 11.5151 5.62569 11.376 5.41724C10.5543 4.18479 9.30341 3.75123 8.00003 3.75122C5.37338 3.75122 2.75028 5.95465 2.75003 9.00024C2.75006 12.1783 4.80474 14.9907 7.12503 17.0667C8.27169 18.0926 9.44956 18.9076 10.3955 19.4631C10.8686 19.741 11.2758 19.9492 11.585 20.0852C11.74 20.1534 11.8619 20.2001 11.9492 20.2278C11.9691 20.2341 11.9862 20.2369 11.9991 20.2405C12.0179 20.2353 12.0459 20.2292 12.0821 20.217C12.1906 20.1805 12.3398 20.1214 12.5264 20.0354C12.8986 19.8639 13.3861 19.6032 13.9434 19.259C14.3446 19.0113 14.7793 18.7214 15.2295 18.3938C15.5644 18.1501 16.0336 18.224 16.2774 18.5588C16.521 18.8937 16.4471 19.3629 16.1123 19.6067C15.631 19.957 15.1645 20.268 14.7315 20.5354C14.1332 20.9048 13.5919 21.196 13.1543 21.3977C12.9363 21.4982 12.7348 21.5801 12.5596 21.6389C12.4074 21.6901 12.1999 21.7502 12 21.7502C11.8168 21.7502 11.6315 21.7004 11.4961 21.6575C11.3419 21.6086 11.1679 21.5403 10.9815 21.4583C10.6071 21.2935 10.1468 21.0562 9.63577 20.7561C8.61308 20.1555 7.35325 19.2827 6.12503 18.1838C3.69542 16.01 1.25006 12.8218 1.25003 9.00024C1.25028 5.04656 4.62693 2.25122 8.00003 2.25122C9.37599 2.25123 10.8595 2.64925 11.9981 3.81372C13.1282 2.64691 14.5973 2.23079 16.0108 2.25122Z" fill="#ffffff"/>
    </svg>
  
              
            </a>
          </div>
        
        <div class="header__icons-content localisation-header">
            <a href="/pages/nos-magasins" class="header__icons-content  header__icon--account link focus-inset">
              
                
    <svg id="localization"  xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewbox="0 0 20 22" fill="none">
    <path d="M9.75 0C11.4536 0 13.0594 0.380019 14.46 1.0791C14.8306 1.2641 14.9809 1.71435 14.7959 2.08496C14.6109 2.45547 14.1606 2.60587 13.79 2.4209C12.6058 1.82979 11.2304 1.5 9.75 1.5C5.10656 1.5 1.5 4.71961 1.5 9.25C1.5 12.8628 3.56699 15.547 5.7334 17.3701C6.81122 18.2771 7.89196 18.9526 8.70508 19.4004C9.11067 19.6238 9.44767 19.7895 9.68066 19.8984C9.70457 19.9096 9.72833 19.9187 9.75 19.9287C9.77167 19.9187 9.79543 19.9096 9.81934 19.8984C10.0523 19.7895 10.3893 19.6238 10.7949 19.4004C11.608 18.9526 12.6888 18.2771 13.7666 17.3701C15.933 15.547 18 12.8628 18 9.25C18 7.69007 17.5767 6.30356 16.8477 5.15137C16.6262 4.80143 16.7302 4.33776 17.0801 4.11621C17.43 3.89476 17.8937 3.9988 18.1152 4.34863C18.9989 5.7451 19.5 7.41109 19.5 9.25C19.5 13.489 17.067 16.5547 14.7334 18.5186C13.5614 19.5049 12.3919 20.2323 11.5176 20.7139C11.0797 20.955 10.7132 21.1357 10.4541 21.2568C10.3248 21.3173 10.2222 21.3633 10.1504 21.3945C10.1144 21.4101 10.0853 21.4223 10.0654 21.4307C10.0557 21.4348 10.0476 21.4381 10.042 21.4404C10.0393 21.4416 10.0369 21.4427 10.0352 21.4434L10.0332 21.4443H10.0322L9.75 20.75L10.0312 21.4453C9.8509 21.5182 9.6491 21.5182 9.46875 21.4453L9.75 20.75L9.46777 21.4443H9.4668L9.46484 21.4434C9.46313 21.4427 9.46073 21.4416 9.45801 21.4404C9.45236 21.4381 9.44433 21.4348 9.43457 21.4307C9.4147 21.4223 9.38556 21.4101 9.34961 21.3945C9.27778 21.3633 9.17516 21.3173 9.0459 21.2568C8.78677 21.1357 8.42031 20.955 7.98242 20.7139C7.10809 20.2323 5.93863 19.5049 4.7666 18.5186C2.43304 16.5547 0 13.489 0 9.25C0 3.78039 4.39344 2.41186e-06 9.75 0ZM9.75 6C11.8211 6 13.5 7.67893 13.5 9.75C13.5 11.8211 11.8211 13.5 9.75 13.5C7.67893 13.5 6 11.8211 6 9.75C6 9.33579 6.33579 9 6.75 9C7.16421 9 7.5 9.33579 7.5 9.75C7.5 10.9926 8.50736 12 9.75 12C10.9926 12 12 10.9926 12 9.75C12 8.50736 10.9926 7.5 9.75 7.5C9.33579 7.5 9 7.16421 9 6.75C9 6.33579 9.33579 6 9.75 6Z" fill="#ffffff"/>
  </svg>

  
                
              <span class="header__icons-text">
                  Nos magasins 
                <span>
                  Découvrir
                </span>
              </span>
            </a>
        </div>
          
            <div class="header__icons-content"><a href="https://kiabi.tn/customer_authentication/redirect?locale=fr&region_country=TN" class="header__icons-content  header__icon--account link focus-inset">
                  
                    
      <svg class="header__icons-image" id="account"  width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">  
        <path d="M14.5 22H16.8C18.5673 22 20 20.5673 20 18.8C20 16.149 17.851 14 15.2 14H8.8C6.14903 14 4 16.149 4 18.8C4 20.5673 5.43269 22 7.2 22H9.5M16 6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6Z" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

    
                    
                  <span class="header__icons-text">Mon compte 
                    <span>
                      S&#39;identifier / s&#39;inscrire
                    </span></span>
                </a></div>

            <div class="header__icons-content">
              <a
                href="/cart"
                class="header__icons-content  header__icon--cart link focus-inset"
                id="cart-icon-bubble">
                
                  
    <svg class="header__icons-image white" id="shopping_bag" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M20.725 10L20.6719 9.5C20.5036 7.91585 20.4194 7.12378 20.2024 6.46528C19.4807 4.2759 17.6535 2.63251 15.4001 2.14625C14.7224 2 13.9258 2 12.3328 2H12C10.0935 2 9.14024 2 8.33622 2.20893C6.29132 2.7403 4.63227 4.23241 3.88782 6.20972C3.59511 6.98717 3.4944 7.93509 3.29296 9.83093L3.05655 12.056C2.78698 14.5932 2.65219 15.8617 2.87795 16.8917C3.36829 19.1288 4.99972 20.9427 7.17246 21.6667C8.1728 22 9.44854 22 12 22H14.4578C14.747 22 14.8916 22 15.0102 21.9957C18.6811 21.8615 21.5116 18.7143 21.2572 15.0498C21.249 14.9313 21.2337 14.7876 21.2031 14.5L21.15 14M9 7V9C9 10.6569 10.3431 12 12 12C13.6569 12 15 10.6569 15 9V7" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

  
                 </a>
            </div>
           
      </div>

  </div>

  <div id="category-header">
    <div class="category-header-in">
        
          <a class="category-header-link" href="/pages/collection-femme">
              <p class="category-header-text">Femme</p>
          </a>
        
          <a class="category-header-link" href="/pages/collection-homme">
              <p class="category-header-text">Homme</p>
          </a>
        
          <a class="category-header-link" href="/pages/collection-fille">
              <p class="category-header-text">Fille</p>
          </a>
        
          <a class="category-header-link" href="/pages/collection-garcon">
              <p class="category-header-text">Garçon</p>
          </a>
        
          <a class="category-header-link" href="/pages/collection-bebe">
              <p class="category-header-text">Bébé</p>
          </a>
        
          <a class="category-header-link" href="/collections/chaussures-chaussons">
              <p class="category-header-text">Chaussures</p>
          </a>
        
          <a class="category-header-link" href="/collections/soldes">
              <p class="category-header-text">SOLDES</p>
          </a>
        
      </div>
  </div>

</div>

<div class="menu-mobile-overlay"></div>
<div class="menu-mobile">
  <div class="menu-mobile__banner">
    <h3>Menu</h3>
    <span class="close-icon">
      
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
    </span>
  </div>
  
  <div class="menu-grid">
      <a style="background:url('//kiabi.tn/cdn/shop/files/news-min.jpg?v=1676884717') center" href="/pages/newsletter">
        
        <h3>Gardons le lien ! Nouvelles collections, actus, offres exclusives</h3>
        
      </a>
    </div>
  
  <ul class="menu-mobile__link-list-container">
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-1-1-1">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/soldes"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/banniere_web_mobile.ai_1.png?v=1786119357') center"></div>
            
            SOLDES
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-1-1-1">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/banniere_web_mobile.ai_1.png?v=1786119357') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/soldes">Découvrez l&#39;univers SOLDES</a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/soldes-femme">
                    Femme
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/soldes-homme">
                    Homme
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/soldes-garcon">
                    Garçon
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/soldes-bebe">
                    Bébé
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/soldes-accessoires">
                    Accessoires
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/soldes-chaussures">
                    Chaussures
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/soldes-sport">
                    Sport
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-2-1-2">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/vetements-femme"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/women-collection.jpg?v=1764067826') center"></div>
            
            Femme
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-2-1-2">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/women-collection.jpg?v=1764067826') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/vetements-femme">Découvrez l&#39;univers Femme</a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Haut
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/haut-femme-1">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pull-femme-1">Pull, gilet</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/sweat-femme">Sweat Shirt</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/t-shirt-top-debardeur-femme">T-shirt, top, débardeur</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/chemisier-blouse-tunique-femme">Chemisier, blouse, tunique</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Bas
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/bas-femme-1">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/jean-femme">Jean</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/fam4001995-bermuda-short">Short, bermuda</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pantalons-femme">Pantalon</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Robe & Jupe
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/jupes-et-robes-femme">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/robe-femme">Robe</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/fam4000316-jupe">Jupe</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Tenues Complètes
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/combinaison-et-ensemble-femme">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/combinaison-salopette-femme">Combinaison, salopette</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/ensemble-femme">Ensemble</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/grande-taille-femme">
                    Grande Taille
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-femme-sport">
                    Sport
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Vêtements d’extérieur
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/manteau-blouson-doudoune-femme">Manteau, blouson, doudoune</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/veste-blazer-femme">Veste, blazer</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Lingerie
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/soutien-gorge">Soutien-gorge</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/culotte-shorty-string">Culotte, shorty, string</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/allaitement-grossesse">Allaitement, grossesse</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-femme">
                    Chaussures
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/maillot-de-bain-femme">
                    Maillot
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/pyjama-nuisette-femme">
                    Pyjama, nuisette
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-de-grossesse">
                    Maternité
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-3-1-3">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/vetements-homme"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/men-collection.jpg?v=1764067834') center"></div>
            
            Homme
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-3-1-3">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/men-collection.jpg?v=1764067834') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/vetements-homme">Découvrez l&#39;univers Homme</a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Haut 
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/haut-homme">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/t-shirt-homme">T-shirt</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/polo-homme">Polo</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pull-gilet-homme">Pull, gilet</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pull-sweat-homme">Sweat Shirt</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/chemise-homme">Chemise</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Bas
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/bas-homme">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/bermuda-short-homme">Bermuda, short</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pantalon-homme">Pantalon</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/fam4000408-jean-homme">Jean</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Vêtements d’extérieur
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/manteau-blouson-homme">Manteau, blouson</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/veste-blazer-homme">Veste, blazer</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/grande-taille-homme">
                    Grande Taille
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-homme-sport">
                    Sport
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/costumes-homme">
                    Costume
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-homme">
                    Chaussures
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/sous-vetements-homme">
                    Sous-vêtements
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/maillot-de-bain-homme">
                    Maillot
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/pyjama-homme">
                    Pyjama
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-4-1-4">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/vetements-fille"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/girl-collection.jpg?v=1764067841') center"></div>
            
            Fille
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-4-1-4">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/girl-collection.jpg?v=1764067841') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/vetements-fille">Découvrez l&#39;univers Fille</a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Haut 
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/haut-fille">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/sweat-shirt-fille">Sweat Shirt</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/t-shirt-debardeur-fille">T-shirt</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pull-gilet-fille">Pull, gilet</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/fam4000326-chemise-blouse">Chemise </a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Robe & Jupe
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/robe-et-jupe-fille">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/robe-fille">Robe</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/jupe-fille">Jupe</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Bas
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/bas-fille">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/jean-fille">Jean</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pantalon-fille">Pantalon</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/short-fille">Short</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Vêtements d’extérieur
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/manteau-veste-fille">Manteau, veste</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/combinaison-salopette-fille">
                    Ensemble
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-fille-sport">
                    Sport
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/pyjama-chemise-de-nuit-fille">
                    Pyjama, chemise de nuit
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/maillot-de-bain-fille">
                    Maillot
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/sous-vetement-fille">
                    Sous-vêtement
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/collants-chaussettes-fille">
                    Collants, chaussettes
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-fille">
                    Chaussures
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-5-1-5">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/vetements-garcon"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/boy-collection.jpg?v=1764067847') center"></div>
            
            Garçon
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-5-1-5">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/boy-collection.jpg?v=1764067847') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/vetements-garcon">Découvrez l&#39;univers Garçon</a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Haut 
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/haut-garcons">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/t-shirt-polo-garcon">T-shirt</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pull-gilet-garcon">Pull, gilet</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/chemise-garcon">Chemise</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/sweat-shirt-garcon">Sweat Shirt</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Bas
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/bas-garcon">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/jean-garcon">Jean</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pantalon-garcon">Pantalon</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/shorts-et-bermudas-garcon-ete-2024">Bermuda, short</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Vêtements d’extérieur
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/manteau-blouson-garcon">Manteau, blouson</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussettes">
                    Chaussettes
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/sous-vetement-garcon">
                    Sous-vêtement
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-garcon-sport">
                    Sport
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/maillot-de-bain-garcon">
                    Maillot
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/pyjama-garcon">
                    Pyjama 
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-chaussons-garcon">
                    Chaussures
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-6-1-6">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/vetements-bebe"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/baby-collection.jpg?v=1764067813') center"></div>
            
            Bébé
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-6-1-6">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/baby-collection.jpg?v=1764067813') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/vetements-bebe">Découvrez l&#39;univers Bébé</a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/dors-bien-bebe">
                    Dors bien 2HT = 3èmè GRATUIT
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Haut bébé
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/haut-bebe">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/body-bebe">Body</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/t-shirt-bebe">T-shirt</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/chemise-blouse-bebe">Chemise, blouse</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pull-gilet-bebe">Pull, gilet</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/vetements-bebe-sport">Sweat</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Bas bébé
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/bas-bebe">Tout</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/short-bebe">Short</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/pantalon-jean-legging-bebe">Pantalon, jean, legging</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem has-dropdown">
                <a class="menu-mobile__link-list-subitem-url"
                   href="#">
                    Ensemble bébé
                    
                        
    <svg class="plus" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 16 16" fill="none">
    <path d="M0.75 7.75H7.75M14.75 7.75H10.75M7.75 7.75V0.75M7.75 7.75V14.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  
                        
    <svg class="moins" xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewbox="0 0 16 2" fill="none">
      <path d="M0.75 0.75H9.75M14.75 0.75H12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
                    
                </a>
            </li>

            
                <ul class="menu-mobile__link-list-subitem_dropdown">
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/ensemble-bebe">Ensemble</a>
                        </li>
                    
                        <li class="menu-mobile__link-list-subitem_dropdown_item">
                            <a href="/collections/salopette-combinaison-bebe">Salopette, combinaison</a>
                        </li>
                    
                </ul>
            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/robe-bebe">
                    Robe
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/pyjama-bebe">
                    Pyjama
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/maillot-de-bain-kids">
                    Maillot 
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/puericulture-bebe">
                    Puériculture
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussettes-collants-bebe">
                    Chaussettes, collants
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-chaussons-bebe">
                    Chaussures
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/fam1229-gigoteuse-turbulette">
                    Gigoteuse 
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-7-1-7">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/chaussures-chaussons"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/chaussure.jpg?v=1764067987') center"></div>
            
            Chaussures
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-7-1-7">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/chaussure.jpg?v=1764067987') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/chaussures-chaussons">Découvrez l&#39;univers Chaussures</a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-femme">
                    Femme
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-homme">
                    Homme
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-fille">
                    Fille
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-chaussons-garcon">
                    Garçon
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/chaussures-chaussons-bebe">
                    Bébé
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/kitchoun">
                    Kitchoun premiers pas
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-8-1-8">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/sport-famille"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/3616036742837_6271.jpg?v=1782998042') center"></div>
            
            Sport 
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-8-1-8">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/3616036742837_6271.jpg?v=1782998042') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/sport-famille">Découvrez l&#39;univers Sport </a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-femme-sport">
                    Femme
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-homme-sport">
                    Homme
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-fille-sport">
                    Fille
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/vetements-garcon-sport">
                    Garçon
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item has-submenu has-img" data-target="submenu-9-1-9">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/fam4000311-accessoires"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/access-collection.jpg?v=1765292386') center"></div>
            
            Accessoires
        </a>
      </li>
      
        


<div class="menu-mobile__link-list-container-subitems" id="submenu-9-1-9">
    <div class="menu-mobile__subitems-banner">
        <div class="img-menu-cover" style="background:url('//kiabi.tn/cdn/shop/collections/access-collection.jpg?v=1765292386') center">
            <div class="menu-mobile__subitems-return">
                
    <svg width="7" id="arrow-left-w" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 1.5L1 6M5.5 10.5L2.5 7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

     <span>Retour</span>
            </div>
            <span class="close-icon">
                
    <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 13L13 1M1 1L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
            </span>
            <a class="btn-univers" href="/collections/fam4000311-accessoires">Découvrez l&#39;univers Accessoires</a>
        </div>
    </div>

    <ul class="menu-mobile__link-list-subitems">
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/accessoires">
                    Femme
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/accessoires-homme">
                    Homme
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/accessoires-fille">
                    Fille
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/accessoires-garcon">
                    Garçon
                    
                </a>
            </li>

            
        
            <li class="menu-mobile__link-list-subitem">
                <a class="menu-mobile__link-list-subitem-url"
                   href="/collections/accessoires-bebe-1">
                    Bébé
                    
                </a>
            </li>

            
        
    </ul>
</div>

<script src="//kiabi.tn/cdn/shop/t/17/assets/header-submenu.js?v=141027209540815681491777280417" defer="defer"></script>

      
    
      <li class="menu-mobile__link-list-item  has-img" data-target="submenu-10-1-10">
        <a
          class="menu-mobile__link-list-url"
          href="/collections/home-maison-loisirs"
          >
            
              <div class="img-menu-small" style="background:url('//kiabi.tn/cdn/shop/collections/010_home_p5_kitchen_2187.jpg?v=1782998866') center"></div>
            
            Home
        </a>
      </li>
      
    
      <li class="menu-mobile__link-list-item" data-target="submenu-11-1-11">
        <a
          class="menu-mobile__link-list-url"
          href="/pages/nos-services"
          >
            
            Nos services
        </a>
      </li>
      
    
      <li class="menu-mobile__link-list-item" data-target="submenu-12-1-12">
        <a
          class="menu-mobile__link-list-url"
          href="/pages/programme-fidelite"
          >
            
            Programme fidélité
        </a>
      </li>
      
    
      <li class="menu-mobile__link-list-item" data-target="submenu-13-1-13">
        <a
          class="menu-mobile__link-list-url"
          href="/pages/qui-sommes-nous"
          >
            
            Qui sommes-nous
        </a>
      </li>
      
    
      <li class="menu-mobile__link-list-item" data-target="submenu-14-1-14">
        <a
          class="menu-mobile__link-list-url"
          href="/pages/nos-magasins"
          >
            
            Nos magasins
        </a>
      </li>
      
    
      <li class="menu-mobile__link-list-item" data-target="submenu-15-1-15">
        <a
          class="menu-mobile__link-list-url"
          href="/pages/concours-ramadan"
          >
            
            Jeu concours Ramadan
        </a>
      </li>
      
    
  </ul>
    <div class="wishlist-menuburger">
      <a href="/pages/wishlist" >
        
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
      <path d="M16.0108 2.25122C19.3657 2.29978 22.7498 5.03783 22.75 9.00024C22.75 11.9356 21.3051 14.4951 19.5537 16.4944C19.2808 16.8059 18.8067 16.8376 18.4951 16.5647C18.1836 16.2918 18.1529 15.8177 18.4258 15.5061C20.0496 13.6523 21.25 11.4317 21.25 9.00024C21.2498 5.96346 18.6341 3.78957 15.9893 3.75122C14.679 3.73226 13.4503 4.17797 12.6241 5.41724C12.4849 5.62569 12.2507 5.75121 12 5.75122C11.7494 5.75122 11.5151 5.62569 11.376 5.41724C10.5543 4.18479 9.30341 3.75123 8.00003 3.75122C5.37338 3.75122 2.75028 5.95465 2.75003 9.00024C2.75006 12.1783 4.80474 14.9907 7.12503 17.0667C8.27169 18.0926 9.44956 18.9076 10.3955 19.4631C10.8686 19.741 11.2758 19.9492 11.585 20.0852C11.74 20.1534 11.8619 20.2001 11.9492 20.2278C11.9691 20.2341 11.9862 20.2369 11.9991 20.2405C12.0179 20.2353 12.0459 20.2292 12.0821 20.217C12.1906 20.1805 12.3398 20.1214 12.5264 20.0354C12.8986 19.8639 13.3861 19.6032 13.9434 19.259C14.3446 19.0113 14.7793 18.7214 15.2295 18.3938C15.5644 18.1501 16.0336 18.224 16.2774 18.5588C16.521 18.8937 16.4471 19.3629 16.1123 19.6067C15.631 19.957 15.1645 20.268 14.7315 20.5354C14.1332 20.9048 13.5919 21.196 13.1543 21.3977C12.9363 21.4982 12.7348 21.5801 12.5596 21.6389C12.4074 21.6901 12.1999 21.7502 12 21.7502C11.8168 21.7502 11.6315 21.7004 11.4961 21.6575C11.3419 21.6086 11.1679 21.5403 10.9815 21.4583C10.6071 21.2935 10.1468 21.0562 9.63577 20.7561C8.61308 20.1555 7.35325 19.2827 6.12503 18.1838C3.69542 16.01 1.25006 12.8218 1.25003 9.00024C1.25028 5.04656 4.62693 2.25122 8.00003 2.25122C9.37599 2.25123 10.8595 2.64925 11.9981 3.81372C13.1282 2.64691 14.5973 2.23079 16.0108 2.25122Z" fill="#040037"/>
    </svg>
  
        <span>
          Wishlist
        </span>
      </a>
    </div>
  
  
    <div class="login-menuburger">
      <div class="login-menuburger-in"><a href="https://kiabi.tn/customer_authentication/redirect?locale=fr&region_country=TN" class="">
              
      <svg class="header__icons-image" id="account"  width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M14.5 22H16.8C18.5673 22 20 20.5673 20 18.8C20 16.149 17.851 14 15.2 14H8.8C6.14903 14 4 16.149 4 18.8C4 20.5673 5.43269 22 7.2 22H9.5M16 6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6Z" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  

            <span class="login-menuburger-text">Mon compte 
                    <span>
                      S&#39;identifier / s&#39;inscrire
                    </span></span>
          </a></div>
   
   </div>
</div>

<cart-notification>
  <div class="cart-notification-wrapper page-width">
    <div id="cart-notification" class="cart-notification focus-inset" aria-modal="true" aria-label="Article ajouté au panier" role="dialog" tabindex="-1">
      <div class="cart-notification__header">
        <h2 class="cart-notification__heading caption-large text-body"> Article ajouté au panier</h2>
        <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Fermer">
          
    <svg class="close-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14" fill="none">
      <path d="M0.75 12.75L6.75 6.75M12.75 0.75L8.75 4.75M0.75 0.75L6.75 6.75M12.75 12.75L6.75 6.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

  
        </button>
      </div>
      <div id="cart-notification-product" class="cart-notification-product"></div>
      <div class="cart-notification__links">
        <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width"></a>
        <form action="/cart" method="post" id="cart-notification-form">
          <button class="button button--primary button--full-width" name="checkout">Valider mon panier</button>
        </form>
        <button type="button" class="link button-label">Continuer les achats</button>
      </div>
    </div>
  </div>
</cart-notification>
<style data-shopify>
  .cart-notification {
     display: none;
  }
</style>
<script>
  document.addEventListener("DOMContentLoaded", () => {
  const cartNotification = document.querySelector(".cart-notification");
  const container = document.querySelector(".cart-notification-wrapper");

  if (!cartNotification || !container) return;

  // Observer les changements de classes sur .cart-notification
  const observer = new MutationObserver(mutations => {
    mutations.forEach(mutation => {
      if (mutation.attributeName === "class") {
        if (cartNotification.classList.contains("active")) {
          container.classList.add("active");
        } else {
          container.classList.remove("active");
        }
      }
    });
  });

  observer.observe(cartNotification, { attributes: true });
});

</script>

  <style>
    @media screen and (max-width:768px) {
      .localisation-header{display: none;}
    }
  </style>



</div>

  <main class="">
    <div id="shopify-section-template--27477420998995__165812848034b24aa9" class="shopify-section"><link href="//kiabi.tn/cdn/shop/t/17/assets/slider-hp.css?v=54190441750891279651787644575" rel="stylesheet" type="text/css" media="all" />
<script src="//kiabi.tn/cdn/shop/t/17/assets/slider-hp.js?v=166412707920380580661782896617" defer="defer"></script>

<section class="fp-slider" id="fp-slider" aria-roledescription="carousel" aria-label="Slider pleine page">
  <div class="fp-track" id="fp-track">
    
    <article class="fp-slide slide-1" role="group" aria-roledescription="slide" aria-label="Slide 1">
    
     
      
      <aside class="price-card" aria-hidden="false" 
      style="background: url('//kiabi.tn/cdn/shop/t/17/assets/mkr-price-blue.svg?v=82340960567119642211764066668') no-repeat center;">
        <div class="price-product">
          <span>La chemise</span>
          100% coton
        </div>
        
        <div class="price-current">55<span> DT </span></div>
        
      </aside>
    
    <div class="fp-content">
        <div class="fp-text">
          <h2 class="fp-title">Back to Work, mode stylée</h2>
          <div class="fp-buttons">
              
              <a class="btn" href="/collections/back-to-work-femme-2">Je shoppe</a>
            
            
            
            
            
            
          </div>
        </div>

      </div>
      
      
      
        <div class="bloc-img">
          <img class="slider-desktop-n" src="//kiabi.tn/cdn/shop/files/p5_cdc4_jardin_v3-1253.jpg?v=1790163731" alt="Back to Work, mode stylée">
          <img class="slider-mobile-n" src="//kiabi.tn/cdn/shop/files/p5_cdc4_jardin_v3-1253.png?v=1790163788" alt="Back to Work, mode stylée">
        </div>
      
    </article>
    
    <article class="fp-slide slide-1" role="group" aria-roledescription="slide" aria-label="Slide 1">
    
     
      
      <aside class="price-card" aria-hidden="false" 
      style="background: url('//kiabi.tn/cdn/shop/t/17/assets/mkr-price-blue.svg?v=82340960567119642211764066668') no-repeat center;">
        <div class="price-product">
          <span>l'ensemble sport</span>
          fille ou garçon
        </div>
        
        <div class="price-current">39<span> DT </span></div>
        
      </aside>
    
    <div class="fp-content">
        <div class="fp-text">
          <h2 class="fp-title">Back to Sport</h2>
          <div class="fp-buttons">
              
              <a class="btn" href="/collections/vetements-femme-sport">Femme</a>
            
            
              <a class="btn" href="/collections/vetements-homme-sport">Homme</a>
            
            
              <a class="btn" href="/collections/vetements-fille-sport">Fille</a>
            
            
              <a class="btn" href="/collections/vetements-garcon-sport">Garçon</a>
            
            
            
          </div>
        </div>

      </div>
      
      
      
        <div class="bloc-img">
          <img class="slider-desktop-n" src="//kiabi.tn/cdn/shop/files/Gemini_Generated_Image_14rkrr14rkrr14rk.jpg?v=1789652544" alt="Back to Sport">
          <img class="slider-mobile-n" src="//kiabi.tn/cdn/shop/files/Gemini_Generated_Image_14rkrr14rkrr14rk_ae9b8206-78d3-4f59-a8f0-d4d92f5da71b.jpg?v=1789652420" alt="Back to Sport">
        </div>
      
    </article>
    
  </div>

  <!-- dots -->
  
  <div class="fp-dots" id="fp-dots" data-count="4" role="tablist" aria-label="Navigation du slider"></div>
  
</section>






  </div><div id="shopify-section-template--27477420998995__cat_bento_ztznCC" class="shopify-section"><link href="//kiabi.tn/cdn/shop/t/17/assets/cat-bento-min.css?v=16506310704394970651777280394" rel="stylesheet" type="text/css" media="all" />   
        
<div class="categ-bento">

    <div class="categ-bento-in">

        
          <div class="trio-bento">
            <div class="first-col">
              <a class="categ-bento-link" href="/pages/collection-femme">
                  <h5 class="categ-bento-text">Femme</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/GAC77_3_ZC1.png?v=1789994461" alt="Femme" title="Femme">
              </a>
              <a class="categ-bento-link" href="/pages/collection-homme">
                  <h5 class="categ-bento-text">Homme</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/CLU48_20_ZC1.jpg?v=1785383357" alt="Homme" title="Homme">
              </a>
            </div>
            <div class="last-col">
              <a class="categ-bento-link" href="/pages/collection-fille">
                  <h5 class="categ-bento-text">Fille</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/GJK42_1_ZC1.png?v=1789994972" alt="Fille" title="Fille">
              </a>
            </div>
          </div>
        
          <div class="trio-bento">
            <div class="first-col">
              <a class="categ-bento-link" href="/pages/collection-garcon">
                  <h5 class="categ-bento-text">Garçon</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/FLA21_1_ZC5.jpg?v=1772776898" alt="Garçon" title="Garçon">
              </a>
              <a class="categ-bento-link" href="/pages/collection-bebe">
                  <h5 class="categ-bento-text">Bébé</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/SHP-MAIN-DESKTOP_e3c05cba-b0a5-4fff-a0de-ed8386f7cd68_1.jpg?v=1790244046" alt="Bébé" title="Bébé">
              </a>
            </div>
            <div class="last-col">
              <a class="categ-bento-link" href="/collections/chaussures-chaussons">
                  <h5 class="categ-bento-text">Chaussures</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/BENTO-chaussure.jpg?v=1764068661" alt="Chaussures" title="Chaussures">
              </a>
            </div>
          </div>
        
          <div class="trio-bento">
            <div class="first-col">
              <a class="categ-bento-link" href="/collections/fam4000311-accessoires">
                  <h5 class="categ-bento-text">Accessoires</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/FOS32_2_ZC3.jpg?v=1777511467" alt="Accessoires" title="Accessoires">
              </a>
              <a class="categ-bento-link" href="/collections/home-maison-loisirs">
                  <h5 class="categ-bento-text">Home</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/cgw37_13_20_f2a0641f-0506-4678-b374-12a0003a8d7f.jpg?v=1783934402" alt="Home" title="Home">
              </a>
            </div>
            <div class="last-col">
              <a class="categ-bento-link" href="/collections/caps-full-sport">
                  <h5 class="categ-bento-text">Sport</h5>
                  <img class="categ-bento-image" src="//kiabi.tn/cdn/shop/files/Gemini_Generated_Image_14rkrr14rkrr14rk.jpg?v=1789652544" alt="Sport" title="Sport">
              </a>
            </div>
          </div>
        

    </div>

</div> 
</div><div id="shopify-section-template--27477420998995__16581337140347e869" class="shopify-section"><link href="//kiabi.tn/cdn/shop/t/17/assets/section-image-with-link-min.css?v=77906503425156560901787644567" rel="stylesheet" type="text/css" media="all" />

<div class="image-with-link image-with-link--2">
  
    
      <div class="image-with-link__item">
        <div class="image-with-link__content">
           
            
            <aside class="price-card-opesec white" aria-hidden="false" 
            style="background: url('//kiabi.tn/cdn/shop/t/17/assets/mkr-price-white.svg?v=159010388760026104821764066669') no-repeat center;">
              <div class="price-product-opesec">
                <span>Le lot à partir de</span>
                
              </div>
              
              <div class="price-current-opesec">25<span> DT </span></div>
              
            </aside>
          
          <div class="image-with-link__text-content">
            <h2 class="image-with-link__title">Bien dans mes dessous</h2>
            <p class="image-with-link__text"> Confort, liberté, confiance</p>
          </div>
          <div class="image-with-link__button">
            <a href="/collections/essentiels-rdc" class="image-with-link__button__content">
              Je fonce
            </a>
          </div>
        </div>
        <a class="ope-sec-link" href="/collections/essentiels-rdc">
          
          
          
            <div class="bloc-img">
              
              
              <img class="mobile-n" src="//kiabi.tn/cdn/shop/files/magnific_rajoute-la-chaussette-img_y6scfh4pw9.jpg?v=1788105563" alt="Bien dans mes dessous">
              <img class="desktop-n" src="//kiabi.tn/cdn/shop/files/magnific_rajoute-la-chaussette-img_y6scfh4pw9.jpg?v=1788105563" alt="Bien dans mes dessous">
            </div>
            
        </a>  
      </div>
    
  
    
      <div class="image-with-link__item">
        <div class="image-with-link__content">
           
            
            <aside class="price-card-opesec" aria-hidden="false" 
            style="background: url('//kiabi.tn/cdn/shop/t/17/assets/mkr-price-blue.svg?v=82340960567119642211764066668') no-repeat center;">
              <div class="price-product-opesec">
                <span>Le t-shirt</span>
                bébé
              </div>
              
              <div class="price-current-opesec">9<span> DT </span></div>
              
            </aside>
          
          <div class="image-with-link__text-content">
            <h2 class="image-with-link__title">Prêt pour la crèche !</h2>
            <p class="image-with-link__text">Aujourd’hui je grandis</p>
          </div>
          <div class="image-with-link__button">
            <a href="/collections/back-to-creche" class="image-with-link__button__content">
              Je découvre
            </a>
          </div>
        </div>
        <a class="ope-sec-link" href="/collections/back-to-creche">
          
          
          
            <div class="bloc-img">
              
              
              <img class="mobile-n" src="//kiabi.tn/cdn/shop/files/3616035078005_3.png?v=1788106520" alt="Prêt pour la crèche !">
              <img class="desktop-n" src="//kiabi.tn/cdn/shop/files/3616035078005_3.png?v=1788106520" alt="Prêt pour la crèche !">
            </div>
            
        </a>  
      </div>
    
  

</div>






</div><div id="shopify-section-template--27477420998995__image_with_link_g9wFzR" class="shopify-section"><link href="//kiabi.tn/cdn/shop/t/17/assets/section-image-with-link-min.css?v=77906503425156560901787644567" rel="stylesheet" type="text/css" media="all" />

<div class="image-with-link image-with-link--1">
  
    
      <div class="image-with-link__item">
        <div class="image-with-link__content">
          
          <div class="image-with-link__text-content">
            <h2 class="image-with-link__title">Les belles affaires à ne pas manquer</h2>
            <p class="image-with-link__text">Profitez des dernières opportunités de la saison</p>
          </div>
          <div class="image-with-link__button">
            <a href="/collections/soldes" class="image-with-link__button__content">
              je fonce
            </a>
          </div>
        </div>
        <a class="ope-sec-link" href="/collections/soldes">
          
          
          
            <div class="bloc-img">
              
              
              <img class="mobile-n" src="//kiabi.tn/cdn/shop/files/banniere_web_mobile.ai_4.png?v=1789478634" alt="Les belles affaires à ne pas manquer">
              <img class="desktop-n" src="//kiabi.tn/cdn/shop/files/Design_sans_titre_10.png?v=1789473541" alt="Les belles affaires à ne pas manquer">
            </div>
            
        </a>  
      </div>
    
  

</div>






</div><div id="shopify-section-template--27477420998995__banner_3_card_cnnV8U" class="shopify-section"><link href="//kiabi.tn/cdn/shop/t/17/assets/banner3cards-min.css?v=177319956788744963891777280389" rel="stylesheet" type="text/css" media="all" />

<div class="banner3cards">
  <div class="banner3cards--card--top">
    <h2>Partenaire de votre pouvoir d’achat</h2>
    <p>Depuis toujours, notre mission c'est de rendre la mode accessible à toutes les familles</p>
  </div>
  <div class="banner3cards-slider">
    <!-- Slider wrapper -->
    <div class="slider-wrapper">
      <div class="slider-track">
        <!-- Exemple de cartes -->
        
          

<a href="/collections/best-seller-e25" class="banner3cards--card">
    <img class="banner3cards--card--image" src="//kiabi.tn/cdn/shop/files/Best_seller_1.jpg?v=1751637973" alt="">
    <img class="banner3cards--card--image--logo" src="//kiabi.tn/cdn/shop/files/Fichier_1.png?v=1751639198" alt="">
    <p class="banner3cards--card--button" href="/collections/best-seller-e25" style="background-color: ; color: ;">Homme</p>
</a>

        
          

<a href="/collections/best-seller-e25-femme" class="banner3cards--card">
    <img class="banner3cards--card--image" src="//kiabi.tn/cdn/shop/files/Best_seller_2.jpg?v=1751638239" alt="">
    <img class="banner3cards--card--image--logo" src="//kiabi.tn/cdn/shop/files/Fichier_1.png?v=1751639198" alt="">
    <p class="banner3cards--card--button" href="/collections/best-seller-e25-femme" style="background-color: ; color: ;">Femme</p>
</a>

        
          

<a href="/collections/best-seller-e25-fille" class="banner3cards--card">
    <img class="banner3cards--card--image" src="//kiabi.tn/cdn/shop/files/Best_seller_3_6ce1e314-4208-4fb7-84b3-e1fdac7c6810.jpg?v=1751638513" alt="">
    <img class="banner3cards--card--image--logo" src="//kiabi.tn/cdn/shop/files/Fichier_1.png?v=1751639198" alt="">
    <p class="banner3cards--card--button" href="/collections/best-seller-e25-fille" style="background-color: ; color: ;">Fille</p>
</a>

        
          

<a href="/collections/best-seller-e25-garcon" class="banner3cards--card">
    <img class="banner3cards--card--image" src="//kiabi.tn/cdn/shop/files/Best_seller_4.jpg?v=1751638682" alt="">
    <img class="banner3cards--card--image--logo" src="//kiabi.tn/cdn/shop/files/Fichier_1.png?v=1751639198" alt="">
    <p class="banner3cards--card--button" href="/collections/best-seller-e25-garcon" style="background-color: ; color: ;">Garçon</p>
</a>

        
          

<a href="/collections/best-seller-e25-bebe" class="banner3cards--card">
    <img class="banner3cards--card--image" src="//kiabi.tn/cdn/shop/files/kiabi_bebe_0502256000_1.jpg?v=1753707075" alt="">
    <img class="banner3cards--card--image--logo" src="//kiabi.tn/cdn/shop/files/Fichier_1.png?v=1751639198" alt="">
    <p class="banner3cards--card--button" href="/collections/best-seller-e25-bebe" style="background-color: ; color: ;">Bébé</p>
</a>

        
      </div>
    </div>
    <div class="arrow-content">
      <!-- Flèche gauche -->
      <button class="slider-btn prev">
    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewbox="0 0 8 14" fill="none">
      <path d="M6.75 0.75L0.75 6.75M6.75 12.75L2.75 8.75" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

  </button>
      <!-- Flèche droite -->
      <button class="slider-btn next">
      <svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewbox="0 0 8 14" fill="none">
        <path d="M0.75 0.75L4.75 4.75M6.75 6.75L0.75 12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

    </button>
    </div>
  </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", () => {
  const slider = document.querySelector(".banner3cards-slider");
  const wrapper = slider.querySelector(".slider-wrapper");
  const nextBtn = slider.querySelector(".next");
  const prevBtn = slider.querySelector(".prev");

  // Défilement fluide via flèches
  nextBtn.addEventListener("click", () => {
    wrapper.scrollBy({ left: wrapper.offsetWidth / 2, behavior: "smooth" });
  });
  prevBtn.addEventListener("click", () => {
    wrapper.scrollBy({ left: -wrapper.offsetWidth / 2, behavior: "smooth" });
  });

  // Swipe mobile avec blocage du scroll vertical
  let startX = 0;
  let startY = 0;
  let scrollStart = 0;

  wrapper.addEventListener("touchstart", (e) => {
    startX = e.touches[0].clientX;
    startY = e.touches[0].clientY;
    scrollStart = wrapper.scrollLeft;
  }, { passive: true });

  wrapper.addEventListener("touchmove", (e) => {
    const deltaX = e.touches[0].clientX - startX;
    const deltaY = e.touches[0].clientY - startY;

    // Si le mouvement est principalement horizontal
    if (Math.abs(deltaX) > Math.abs(deltaY)) {
      e.preventDefault();        // bloque le scroll vertical de la page
      wrapper.scrollLeft = scrollStart - deltaX;
    }
    // Sinon, laisse défiler verticalement normalement
  }, { passive: false });
});
</script>





</div><div id="shopify-section-template--27477420998995__banner_cdc_eFUCkb" class="shopify-section"><section class="custom-banner">
    

  <h2>nos essentiels</h2>



  <p>Avec « Nos Essentiels », retrouvez des pièces modernes et intemporelles conçues pour s’adapter à votre quotidien. Faciles à assortir, elles deviendront vite vos incontournables. Nos experts collection ont pensé chaque détail pour vous simplifier la vie avec style.

</p>


<div class="custom-banner-buttons">
  
    
      <a href="/collections/essentiel-e26-copie">
        Femme
      </a>
    
  
    
      <a href="/collections/essentiel-e26-femme-copie">
        Homme
      </a>
    
  
    
      <a href="/collections/essentiel-e26-homme-copie">
        Fille
      </a>
    
  
    
      <a href="/collections/essentiel-e26-fille-copie">
        Garçon
      </a>
    
  
    
      <a href="/collections/essentiel-e26-garcon-copie">
        Bébé
      </a>
    
  
</div>

</section>

<style>
    .custom-banner {
      width: 100%;
      height: 345px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      color: #fff;
      padding: 20px;
      overflow: hidden;
      box-sizing: border-box;
      background-size: cover;
      background-position: center;
      background-position: 55% 100%;
      background-image: url(//kiabi.tn/cdn/shop/files/plp-habillage-desk.webp?v=1782896773&width=2000);
    }
    
    .custom-banner h2 {
      font-size: 48px;
      margin-bottom: 10px;
      color:#040037;
      max-width:520px;
      font-weight: bold;
      padding-left: 90px;
    }
    
    .custom-banner p {
      font-size: 16px;
      margin-bottom: 20px;
      color:#040037;
      max-width:520px;
      padding-left: 90px;
    }
    
    .custom-banner-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-start;
      max-width:100%;
      padding-left: 90px;
    }
    
    .custom-banner-buttons a {
      border-radius: 2em;
      padding: 8px 16px;
      background: #170a34;
      padding-block: 12px;
      padding-inline: 22px;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none;
      color: #fff;
      white-space: nowrap;
      transition: .3s ease-in-out;
      border: 2px solid #040037;
    }
    
    .custom-banner-buttons a:hover {
      background: #36335f;
      border:2px solid #36335f;
      color: #fff;
      transition: .3s ease-in-out;
    }
    
    /* ✅ Mobile */
    @media (max-width: 1024px) {

    .custom-banner {
      background-position: 10% 100%;
      }
    .custom-banner h2, .custom-banner p, .custom-banner-buttons {
      padding-left: 45px;
    }
  }
    @media (max-width: 550px) {
      .custom-banner {
        padding: 40px 20px;
        height: 450px;
        background-image: url(//kiabi.tn/cdn/shop/files/plp-habillage-mob.webp?v=1782896772&width=1000);
        background-position: bottom;
        justify-content: flex-start;
      }
    
      .custom-banner h2 {
        font-size: 36px;
      }
      .custom-banner h2, .custom-banner p, .custom-banner-buttons {
        padding-left: 20px;
      }
      .custom-banner p {
        font-size: 14px;
      }    
      .custom-banner-buttons a {
        width: 100%;
      }
      .custom-banner-buttons{
        flex-wrap: nowrap;
        overflow-x: auto;
      }
    }
    </style>
    

    

    

</div><section id="shopify-section-template--27477420998995__custom_liquid_xejyAV" class="shopify-section section"><style data-shopify>.section-template--27477420998995__custom_liquid_xejyAV-padding {
  padding-top: calc(40px * 0.75);
  padding-bottom: calc(52px  * 0.75);
}

@media screen and (min-width: 750px) {
  .section-template--27477420998995__custom_liquid_xejyAV-padding {
    padding-top: 40px;
    padding-bottom: 52px;
  }
}</style><div class="color-background-1 gradient">
  <div class="section-template--27477420998995__custom_liquid_xejyAV-padding">
    <style>

.adl-wdgt-overlay{
display : block !important;
z-index: 999
}
  .header_header__RKPvK {
    z-index: 1003; /*header au dessus du widget*/
  }
  :root {
    --kAdalong-primary-100: #040037;
    --kAdalong-primary-hover: #36335f;
    --kAdalong-linear-gradient-100: linear-gradient(
      90deg,
      #36335f 0%,
      #040037 100%
    );
    --kAdalong-light-100: #ffffff;
    --kAdalong-light-200: #f7f7f8;

    --kAdalong-max-width: 1920px;
    --kAdalong-padding-desktop: 60px;
    --kAdalong-padding-mobile: 20px;
    --kAdalong-section-padding: 40px 0 10px 0;
    --kAdalong-cta-padding: 20px 30px;

    --kAdalong-gap-desktop: 20px;
    --kAdalong-gap-mobile: 20px;

    --kAdalong-font-size-title: 24px;
    --kAdalong-font-size-text: 16px;
    --kAdalong-font-size-cta: 15px;
    --kAdalong-line-height: 24px;

    --kAdalong-font-weight-bold: 700;
    --kAdalong-font-weight-regular: 400;

    --kAdalong-border-radius-square: 8px;
    --kAdalong-border-radius-circle: 50px;

    --kAdalong-box-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.2);
  }

  .adalong-container {
    width: 100%;
    max-width: var(--kAdalong-max-width);
    height: auto;
    margin: auto;
    padding: var(--kAdalong-section-padding);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--kAdalong-gap-desktop);
    color: var(--kAdalong-primary-100);
    background-color: var(--kAdalong-light-200);
  }

  .adalong-title {
    width: 100%;
    padding: 0 var(--kAdalong-padding-desktop);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--kAdalong-gap-mobile);
    max-width: 1024px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .adalong-container h2,
  .adalong-container p {
    color: inherit;
  }

  .adalong-container h2,
  .adalong-container p {
    text-align: start;
    line-height: var(--kAdalong-line-height);
  }

  .adalong-container h2 {
    font-size: var(--kAdalong-font-size-title);
    font-weight: var(--kAdalong-font-weight-bold);
  }

  .adalong-container p {
    font-size: var(--kAdalong-font-size-text);
    font-weight: var(--kAdalong-font-weight-regular);
  }

  #adalong-widget {
    width: 100%;
    margin-top: -20px;
  }

  .adl-wdgt-productlist.f1wnru4z {
    width: 40%;
  }

/*   .adl-wdgt-arrow {
    position: absolute;
    bottom: 80px;
  } */

/*   .adl-wdgt-arrow, */
/*   .adl-wdgt-postviewer-details-product div:nth-of-type(3) {
    margin-inline: 8px;
    border: 1px solid var(--kAdalong-primary-hover);
    border-radius: var(--kAdalong-border-radius-circle);
    background-color: var(--kAdalong-primary-100);
    background-image: var(--kAdalong-linear-gradient-100);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--kAdalong-light-100);
    fill: currentColor;
    padding: 0 !important;
    box-shadow: var(--kAdalong-box-shadow-md);
    width: 42px !important;
    height: 42px !important;
    z-index: 999;
    display: flex !important;
    cursor: pointer;
    place-items: center;
  } */

 /*  .adl-wdgt-arrow:hover, */
/*   .adl-wdgt-postviewer-details-product div:nth-of-type(3):hover {
    background-image: none;
  } */

/*   .adl-wdgt-arrow-left {
    left: 0;
  }

  .adl-wdgt-arrow-right {
    right: 0;
  } */

/*   .adl-wdgt-arrow svg circle, */
  /* .adl-wdgt-postviewer-details-product div:nth-of-type(3) svg circle {
    display: none;
  } */

  /* .adl-wdgt-arrow svg circle, */
/*   .adl-wdgt-arrow svg path,
  .adl-wdgt-postviewer-details-product div:nth-of-type(3) svg circle,
  .adl-wdgt-postviewer-details-product div:nth-of-type(3) svg path {
    fill: currentColor;
  }

  .adl-wdgt-productlist-action-buttons div:nth-of-type(1),
  .adl-wdgt-productlist-action-buttons div:nth-of-type(2) {
    display: none !important;
  } */

  .adalong-cta {
    background-image: var(--kAdalong-linear-gradient-100);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    font-size: var(--kAdalong-font-size-text) !important;
    color: transparent !important;
    font-weight: var(--kAdalong-font-weight-bold) !important;
    text-align: start;
    text-decoration: underline !important;
    cursor: pointer;
  }
  .adl-wdgt-mobile-player > div{
    display: block !important;
  }
  .adalong-cta:hover {
    color: var(--kAdalong-primary-100) !important;
  }

  @media screen and (min-width: 1921px) {
    .adalong-container {
      border-radius: 12px;
      box-shadow: 0 1px 8px #00000026;
    }
  }

  @media screen and (max-width: 768px) {
    :root {
      --kAdalong-section-padding: 20px 0;
    }

    .adalong-container {
      gap: var(--kAdalong-gap-mobile);
      overflow-y: visible;
    }

    .adalong-title {
      padding: 0;
      padding-left: var(--kAdalong-padding-mobile);
    }

    #adalong-widget {
      margin: auto;
    }
  }
</style>

<div class="adalong-container">
  <div class="adalong-title">
    <h2>Kiabi & Vous</h2>
    <p>
      Rejoignez la communauté Kiabi en postant vos looks favoris
      <a
        class="adalong-cta"
        href="https://www.instagram.com/kiabi_tunisie/"
        target="_blank"
        rel="noopener noreferrer"
        title="@kiabi_tunisie"
        >@kiabi_tunisie</a
>
    </p>
    <a
      class="adalong-cta"
      href="/pages/kiabi-x-me"
      target="_self"
      rel="noopener"
      title="Je m'inspire ›"
      >Je m'inspire&nbsp;›</a
>
  </div>
  <div id="adalong-widget"></div>
</div>

<script
  defer
 src="https://cdn.jsdelivr.net/npm/@adalong/widget@7/dist/adalongWidget.min.js"
></script>

<script>
  window.addEventListener("load", async () => {
    if (
      !window.AdalongWidget ||
      typeof window.AdalongWidget.initializeAdalongWidget !== "function"
    ) {
      return;
    }

    const { initializeAdalongWidget } = window.AdalongWidget;

    try {
      const widget = await initializeAdalongWidget({
        token:
          "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjY2ZmQ0YTljNTU2ZmFjYzRjNWQ0OGJhYiJ9.NDeGR7o9ei4usmffxMYFS7baSnZmnf-nCg75rOUBHGo",
        config: {
          id: "adalongHomepageTun",
        },
      }); 

      await widget.load('#adalong-widget', { localization: 'TUN' });
    } catch (error) {
      console.error(error);
    }
  });
</script>
  </div>
</div>


</section><div id="shopify-section-template--27477420998995__165813381370e28311" class="shopify-section"><link href="//kiabi.tn/cdn/shop/t/17/assets/section-cards-min.css?v=68801272730864111291777280428" rel="stylesheet" type="text/css" media="all" />

<div class="cards">
  <h2 class="cards__title">Nos services</h2>
  <div class="cards__items">
    
      <a href="" class="cards__card">
        <img class="cards__card-icon" src="//kiabi.tn/cdn/shop/files/loyalty.svg?v=1764067525" alt="">
        <h2 class="cards__card-title">Carte de fidélité</h2>
        <p class="cards__card-text"><p>Gratuite et valable à vie ! <br/>Demandez-la en magasin.</p></p>
      </a>
    
      <a href="" class="cards__card">
        <img class="cards__card-icon" src="//kiabi.tn/cdn/shop/files/exchange.svg?v=1764067524" alt="">
        <h2 class="cards__card-title">Échange et remboursement</h2>
        <p class="cards__card-text"><p>Achetez en ligne et échangez en magasin</p></p>
      </a>
    
      <a href="" class="cards__card">
        <img class="cards__card-icon" src="//kiabi.tn/cdn/shop/files/package.svg?v=1764067524" alt="">
        <h2 class="cards__card-title">Carte cadeau</h2>
        <p class="cards__card-text"><p>Soyez certain de faire plaisir en offrant une carte cadeau !</p></p>
      </a>
    
  </div>  
</div>

</div>
  </main>

  <div id="shopify-section-footer" class="shopify-section"><link href="//kiabi.tn/cdn/shop/t/17/assets/section-footer-min.css?v=165804251411025720091777280429" rel="stylesheet" type="text/css" media="all" />
<link href="//kiabi.tn/cdn/shop/t/17/assets/section-cards-min.css?v=68801272730864111291777280428" rel="stylesheet" type="text/css" media="all" />


<div class="newsletter-box">
  <div class="newsletter-box_center">
    <div class="text_news">
      <h2>Des nouvelles de la famille Kiabi ? C’est ici !</h2>
      <p><p>Dernières tendances, actu, promo.</p></p>
    </div>  
    <div class="button_news">
      <a class="button_news btn" href="/pages/newsletter">
        
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 26 26" fill="none">
    <path d="M23.8327 10.2917V9.75C23.8327 8.35547 23.8327 7.65821 23.6945 7.08277C23.2556 5.25453 21.8282 3.82707 19.9999 3.38815C19.4245 3.25 18.7272 3.25 17.3327 3.25H10.166C7.36575 3.25 5.96562 3.25 4.89606 3.79497C3.95525 4.27433 3.19035 5.03924 2.71098 5.98005C2.16602 7.04961 2.16602 8.44974 2.16602 11.25V14.75C2.16602 17.5503 2.16602 18.9504 2.71098 20.02C3.19035 20.9608 3.95525 21.7257 4.89606 22.205C5.96562 22.75 7.36575 22.75 10.166 22.75H17.3327C18.7272 22.75 19.4245 22.75 19.9999 22.6118C21.8282 22.1729 23.2556 20.7455 23.6945 18.9172C23.8327 18.3418 23.8327 17.6445 23.8327 16.25V15.7083M19.4993 8.66667L18.416 9.38889L17.4369 10.0416C15.8332 11.1108 15.0313 11.6454 14.1645 11.8531C13.3986 12.0366 12.6001 12.0366 11.8342 11.8531C10.9674 11.6454 10.1655 11.1108 8.56175 10.0416L7.58268 9.38889L6.49935 8.66667" stroke="#040037" stroke-width="1.5" stroke-linecap="round"/>
  </svg>


        <span class="button_news txt">Inscrivez-vous ! ›</span>
        
      <svg class="arrow-right-blue" xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewbox="0 0 8 14" fill="none">
        <path d="M0.75 0.75L4.75 4.75M6.75 6.75L0.75 12.75" stroke="#040037" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>

  
      </a>
    </div>
  </div>
</div>

<footer>
  <div class="footer">

    <div class="footer__content">
          
      
        <div class="footer__link-list-container">
          <ul class="footer__link-list-items">
            
              <li class="footer__link-list-item">
                <a href="#" title="">Besoin D’aide ? </a>
                
    <svg class="arrow-right" xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewbox="0 0 7 11">
      <g id="check_right" data-name="check right" transform="translate(0)">
        <path id="check_right-2" data-name="check right" d="M9.717,7,5.5,2.649,1.283,7,0,5.676,5.5,0,11,5.676Z" transform="translate(7 0) rotate(90)" fill="#FFFFFF"/>
      </g>
    </svg>

  

                
                <ul class="footer__link-list-subitems">
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/contact">Contactez-nous</a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="https://kiabi.tn/account/login">Suivi de commande </a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/livraison">Tarifs et délai de livraison </a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/faq">FAQ</a>
                    </li>
                  
                </ul>
                
                
              </li>
            
              <li class="footer__link-list-item">
                <a href="#" title="">Services</a>
                
    <svg class="arrow-right" xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewbox="0 0 7 11">
      <g id="check_right" data-name="check right" transform="translate(0)">
        <path id="check_right-2" data-name="check right" d="M9.717,7,5.5,2.649,1.283,7,0,5.676,5.5,0,11,5.676Z" transform="translate(7 0) rotate(90)" fill="#FFFFFF"/>
      </g>
    </svg>

  

                
                <ul class="footer__link-list-subitems">
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/nos-services">Tous nos services</a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/programme-fidelite">Programme de fidélité</a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/size-guide-women">Guide des tailles</a>
                    </li>
                  
                </ul>
                
                
              </li>
            
              <li class="footer__link-list-item">
                <a href="#" title="">Société</a>
                
    <svg class="arrow-right" xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewbox="0 0 7 11">
      <g id="check_right" data-name="check right" transform="translate(0)">
        <path id="check_right-2" data-name="check right" d="M9.717,7,5.5,2.649,1.283,7,0,5.676,5.5,0,11,5.676Z" transform="translate(7 0) rotate(90)" fill="#FFFFFF"/>
      </g>
    </svg>

  

                
                <ul class="footer__link-list-subitems">
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/nos-magasins">Nos magasins</a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/qui-sommes-nous">Qui sommes-nous</a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/acts-for-a-better-world">Nos engagements</a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/recrutement">Recrutement</a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/newsletter">Newsletter</a>
                    </li>
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="/pages/mentions-legales">Données personnelles </a>
                    </li>
                  
                </ul>
                
                
              </li>
            
              <li class="footer__link-list-item">
                <a href="#" title="">Partenaire</a>
                
    <svg class="arrow-right" xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewbox="0 0 7 11">
      <g id="check_right" data-name="check right" transform="translate(0)">
        <path id="check_right-2" data-name="check right" d="M9.717,7,5.5,2.649,1.283,7,0,5.676,5.5,0,11,5.676Z" transform="translate(7 0) rotate(90)" fill="#FFFFFF"/>
      </g>
    </svg>

  

                
                <ul class="footer__link-list-subitems">
                  
                    <li class="footer__link-list-subitem">
                      <a class="footer__link-list-subitem-url" href="#">Textile Retail Company, « TRC », filiale du groupe HBG Holding, est le franchisé de l'enseigne KIABI en Tunisie. HBG Holding est présent dans le secteur de la distribution automobile, l'immobilier, l'agriculture, et les services financiers.</a>
                    </li>
                  
                </ul>
                
                
              </li>
            
          </ul>
        </div>
      
    </div>

      <div class="footer-subdiv">
         <div class="goodays-footer">
              <h3>
                Votre avis compte pour nous !
              </h3>
              <a class="goodays-widget" href="https://app.goodays.co/widgets/kiabi-kiabi/M0W/" data-type="store_button:fact" data-params='{"on_click":{"type":"cz:open:send_feedback:M0W","params":{"mode":"quiz","tag":"post-visite-site-kid"}},"cta_text":"Je donne mon avis"}'>
                Je donne mon avis
              </a>
            </div><div class="footer__follow-us">
          
            <h3>FOLLOW US !</h3>
            <div class="footer__follow-us-items">
            
              <a target="_blank" class="footer__follow-us-item" href="https://www.facebook.com/kiabi.tunisie">
                <img class="footer__follow-us-image" src="//kiabi.tn/cdn/shop/files/facebook_a3249214-081c-49d7-b67c-dcfe8205d05d.png?v=1675776311&width=24" alt="">
                </a>
            
              <a target="_blank" class="footer__follow-us-item" href="https://www.instagram.com/kiabi_tunisie/">
                <img class="footer__follow-us-image" src="//kiabi.tn/cdn/shop/files/instagram.png?v=1675776334&width=24" alt="">
                </a>
            
            </div>
              
          </div> 
      </div>
    </div>
    
    
    <div class="legals-footer">
        <div class="footer__link-list-container-legals">
          <ul class="footer__link-list-items-legals">
            
              <li class="footer__link-list-item-legals">
                <a href="/CGV" title="">CGV</a>                
              </li>
            
              <li class="footer__link-list-item-legals">
                <a href="/CGU" title="">CGU</a>                
              </li>
            
          </ul>
        </div>
        </div>
      


      <div class="footer__legals">
        <div class="footer__legals-text"><p>Kiabi Tunisie - Actualités des magasins kiabi en Tunisie. Mode, vêtements et chaussures pour femme, homme, enfant et bébé. Toutes les infos sur les horaires des magasins Kiabi. La nouvelle collection tendance Kiabi à Kiabi Tunisie . Une offre mode pour toute la famille disponible dans les magasins Kiabi Tunisie au Bardo, La soukra, Tunis City, Azur City Ben Arous et ElManar Kiabi vous propose des collections riches et variées, des boutiques spécialisées (grande taille, maternité...), des vêtements, des chaussures, de la lingerie, des accessoires, de la mode pour femme, homme, enfant, bébé.. Votre dressing est un peu triste ? Un vent de fraîcheur lui ferait le plus grand bien ? Vêtement femme casual ou chic, vêtement homme décontracté ou habillé, vêtement pour bébé et enfant, petit ou grand, vêtements grande taille, vêtements de grossesse... Robe tendance, robe longue, robe bustier, robe unie ou robe imprimée…), jupes courtes ou jupes longues, blouses, tuniques, blazers et vestes femme, pantalons et jeans femme, T-shirts, polos et débardeurs, pulls et gilets, blousons, vestes femme et manteaux d’hiver... Prenez des couleurs chez Kiabi et redonnez un coup de fraîcheur à votre dressing en vous rendant en magasins. Kiabi vous propose aussi des Doudoune femme - Combinaison femme - T-shirts - Pulls - Gilets - Blousons - Manteaux d’hiver - Chemise Homme - Pantalon Homme - T-shirt Femme - Manteau Femme - Legging Fille - Robe de grossesse - Robe grande taille - Ensemble Fille - Pull Fille - Manteau Fille - Jean Garçon - Jean Bébé Qui dit renouvellement de dressing dit aussi de chaussures ! Chaussures femme, homme, enfant, chaussures bébé … Baskets femme, sandales, mocassins, derbies, bottes, boots, escarpins, ballerines. Faites défiler les collections de chaussures et trouvez chaussure à vos pieds ! Une soirée chic en vue ? Vite un coup d'œil dans la collection de chaussures femme et voici une sublime chaussure à talon parfaite pour prendre de la hauteur en un clin d'œil... Une escapade en vue ? Un changement de saison ou d'humeur ? Visitez nos magasins et trouvez les chaussures parfaitement adaptées aux différentes activités sans oublier les chaussures de sports et baskets mode. Les dessous prennent le dessus chez Kiabi ! Que ce soit côté lingerie femme ou sous-vêtements homme, enfant, bébé, les dessous se montrent au grand jour chez Kiabi ! Lingerie fine ou sous-vêtements de coton, soutien gorge et sous-vêtements adaptés pour le sport, boxer, caleçon, slips, pour homme ou garçon, lingerie en dentelle (ensembles lingerie, soutien-gorge push-up ou corbeille...), sous-vêtements basiques, colorés, raffinés ou drôles, vendus par lot, pour bébé...</p></div> <br>
        <p class="footer__legals-copyright">© 2026 Kiabi</p>
      </div>
</footer>
<script src="//kiabi.tn/cdn/shop/t/17/assets/footer.js?v=164863950020836491341777280415" defer="defer"></script>
</div>

  <script>
    window.shopUrl = 'https://kiabi.tn';
    window.routes = {
      cart_add_url: '/cart/add',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest'
    };

    window.cartStrings = {
      error: `Une erreur est survenue lors de l’actualisation de votre panier. Veuillez réessayer.`,
      quantityError: `Vous ne pouvez pas ajouter plus de [quantity] de ce produit à votre panier.`
    }

    window.variantStrings = {
      addToCart: `Ajouter au panier`,
      soldOut: `Épuisé`,
      unavailable: `Non disponible`
    }

    window.accessibilityStrings = {
      imageAvailable: `L&#39;image [index] est maintenant disponible dans la galerie`,
      shareSuccess: `Lien copié dans le presse-papiers`,
      pauseSlideshow: `Interrompre le diaporama`,
      playSlideshow: `Lire le diaporama`
    }

    function encryptEmailbase64() {
      var url = document.getElementById("myForm").action;
      var langueInput = document.getElementById("langue").value;
      var paysInput = document.getElementById("pays").value;
      var IDInput = document.getElementById("ID").value;

      var emailInput = document.getElementById("email").value;
      if (emailInput == "" || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailInput) == true) {
        var encryptedEmail = window.btoa(emailInput);
        window.location.href = url + "?email=" + encryptedEmail + "&langue=" + langueInput + "&pays=" + paysInput + "&ID=" + IDInput;
      }
      return false;
    }
  </script><script src="//kiabi.tn/cdn/shop/t/17/assets/predictive-search.js?v=152576341994468522451782896609" defer="defer"></script><script type="text/javascript">
        (function(i,s,o,g,r,a,m) {i[r]=i[r],a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://cdn.goodays.co/sdk/2d4cf5961e9e1a9a189062ffaf02cfa7.js','cz');
      </script>
      <script type="text/javascript">
      GoodaysSDK={};
      GoodaysSDK.config={
          "lang": "fr"
      };
  </script><div id="shopify-block-AdDRwVHp0N1J4OFFja__13070091535480640111" class="shopify-block shopify-app-block"><input type="hidden" class="aph_bars_app_embed"  value="[]" />
<input type="hidden" class="aph_shop_plan"  value="" />

<input type="hidden" class="aph_product_collection"  value="" />

</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body></html>