/** Shopify CDN: Minification failed

Line 11:0 Unexpected "{"

**/
/* Use this file to add custom css to the theme. */
.slick-next .slick-prev{
  color:#fff;
}

{
  --x-default-color-text:#fff!important;
}


/*
  ==================================================================
  KANAFLOW - Fond Fixe v17 (Le Hack "::before" pour mobile)
  ==================================================================
  NOTE: TU DOIS SUPPRIMER LE SCRIPT DE PARALLAXE DE THEME.LIQUID !
  Ce code est 100% CSS.
*/

/*
  ÉTAPE 1 : LE FOND D'ÉCRAN FIXE (MOBILE FIRST)
  ======================================================
  On utilise un pseudo-élément "::before" pour le fond.
*/

/* On rend le VRAI conteneur transparent et on le met "devant" */
div.page {
  background: none !important;
  position: relative; /* Nécessaire pour le z-index */
  z-index: 1;         /* Le contenu doit être "devant" */
}

/* On crée le FAUX fond */
div.page::before {
  content: "";
  
  /* On le fixe à l'écran */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  
  /* On le met DERRIÈRE le contenu */
  z-index: -1; 
  
  /* --- Propriétés du fond (Mobile par défaut) --- */
  
  /* !! COLLE ICI L'URL DE TA NOUVELLE IMAGE (PIVOTÉE DE 90°) !! */
  /* J'ai remis l'URL de ton CSS précédent, mais n'oublie pas de la changer pour l'image pivotée */
  background-image: url('/cdn/shop/files/fond_KF_tel_2_29789103-902f-413c-811b-06474f996448.png?v=1762869785') !important;
  
  background-repeat: repeat-y !important;
  background-position: center !important;
  background-color: #421560 !important; /* Couleur de secours */
  
  /* TAILLE MOBILE PAR DÉFAUT (prise de ton code) */
  background-size: 120% auto !important; 
}

/*
  AJUSTEMENT DESKTOP
  =====================================
  Quand l'écran est PLUS GRAND que 768px...
*/
@media (min-width: 769px) {
  /* On change le fond du "faux" élément */
  div.page::before {
    /* On remet l'image NORMALE (NON-PIVOTÉE) */
    background-image: url('/cdn/shop/files/fond_BF_ok3.png?v=1762522729') !important;
    
    /* On met la taille DESKTOP */
    background-size: 100% auto !important;
  }
}


/*
  ÉTAPE 2 : RENDRE TOUTES LES SECTIONS TRANSPARENTES
  =================================================
  (Cette partie est cruciale, on la garde)
*/
main#main,
.shopify-section,
.collection-section,
.section--contrast,
.section--small,
.spaced-section,
.blog-posts,
.section__inner,
.blog-posts__grid,
.blog-posts__item,
.blog-posts__item-footer,
footer.footer__parent,
.footer__inner,
.product__bottom
{
  background-color: transparent !important;
  background: none !important;
}

/*
  ÉTAPE 3 : Tuer les pseudo-éléments des sections
  =================================================
  (On garde, par sécurité)
*/
.blog-posts__item::before,
.blog-posts__item::after,
.blog-posts__item-footer::before,
.blog-posts__item-footer::after,
.section__inner::before,
.section__inner::after
{
  background-color: transparent !important;
  background: none !important;
  display: none !important;
}

/*
  ÉTAPE 4 : FIX MENTIONS LÉGALES
  =================================================
  (On garde, c'est ce qui a tout corrigé)
*/
main#main div.page.page--narrow,
main#main .page--narrow {
    background-color: transparent !important;
    background: none !important;
}