/** Shopify CDN: Minification failed

Line 78:22 The "+" operator only works if there is whitespace on both sides
Line 86:21 The "+" operator only works if there is whitespace on both sides
Line 106:26 The "+" operator only works if there is whitespace on both sides
Line 109:25 The "+" operator only works if there is whitespace on both sides

**/
.layout-place-algolia-autocomplete {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  &.skeleton { /* NOTICE THIS*/
		min-height: 28px;
		border-radius: 4px;
	}
}
.language-selector-header.about_link_header{
  display:none;
}
.aa-MainContainer {
  min-width: min-content !important;
}
.aa-Form {
  border: 1px solid #DFDFDF !important;
  width: 100% !important;
  height: 40px !important;
  border-radius: 8px !important;
}
.aa-Form .aa-InputWrapper input::placeholder {
  color: #BDBDBD;
}
.ais-sort-orders-container.justify-end{
  justify-content: flex-end;
}
svg.aa-SubmitIcon{
  color: #929090;
  margin-left:4px;
}
.aa-Panel {
  color: black;
  box-shadow: none;
  margin: 0;
  border: none !important;
  z-index: 10;
  position: absolute !important;
  top: 60px !important; /* Par défaut pour desktop */
}
.aa-Form:focus-within{
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
}
.aa-ItemContent {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: calc((16* 1* 1px) / 2);
    gap: calc(calc(16* 1* 1px) / 2);
    grid-gap: calc((16* 1* 1px) / 2);
    grid-gap: calc(calc(16* 1* 1px) / 2);
    grid-gap: var(--aa-spacing-half);
    gap: var(--aa-spacing-half);
    grid-auto-flow: column;
    line-height: 1.25em;
    overflow: hidden;
}
/* Style de sélection déplacé plus bas avec le hover */
.aa-ImgIcon {
    align-items: center;
    background: transparent !important;
    border-radius: 3px;
    box-shadow: none !important;
    color: rgba(119, 119, 163, 1);
    color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
    display: flex;
    flex-shrink: 0;
    font-size: .7em;
    height: calc(20px +((16* 1* 1px) / 2));
    height: calc(20px + calc(calc(16* 1* 1px) / 2));
    height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
    justify-content: center;
    overflow: hidden;
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    text-align: center;
    width: calc(20px +((16* 1* 1px) / 2));
    width: calc(20px + calc(calc(16* 1* 1px) / 2));
    width: calc(var(--aa-icon-size) + var(--aa-spacing-half));
}
.aa-ItemIcon--picture {
    height: 60px;
    width: 60px;
    border: none;
    box-shadow: none;
    padding: 0px;
    border-radius : 0px;
}
.aa-ItemIcon--picture img {
    max-height: 100%;
    max-width: 100%;
    padding:0;
}
 
.aa-ItemIcon img {
    height: auto;
    max-height: calc(20px +((16* 1* 1px) / 2) - 8px);
    max-height: calc(20px + calc(calc(16* 1* 1px) / 2) - 8px);
    max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
    max-width: calc(20px +((16* 1* 1px) / 2) - 8px);
    max-width: calc(20px + calc(calc(16* 1* 1px) / 2) - 8px);
    max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
    width: auto;
}
.aa-ItemContent mark {
    background: none;
    color: rgba(38, 38, 39, 1);
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-style: normal;
    font-weight: 700;
    font-weight: var(--aa-font-weight-bold);
}

.aa-ItemLink {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
}
  
.aa-ItemLink, .aa-ItemWrapper {
    align-items: center;
    color: inherit;
    display: grid;
    gap: calc(((16* 1* 1px) / 2) / 2);
    gap: calc(calc(calc(16* 1* 1px) / 2) / 2);
    grid-gap: calc(((16* 1* 1px) / 2) / 2);
    grid-gap: calc(calc(calc(16* 1* 1px) / 2) / 2);
    grid-gap: calc(var(--aa-spacing-half) / 2);
    gap: calc(var(--aa-spacing-half) / 2);
    grid-auto-flow: column;
    justify-content: space-between;
    width: 100%;
}
:root {
  --aa-primary-color-rgb: 51,51,51;
  --aa-spacing-half: 15px; /* Augmenté de 8px à 15px pour plus de padding */
}
.aa-DetachedCancelButton{
  display: none;
  visibility: hidden;
}
.aa-PanelSection--recent .aa-ItemContentTitle{
  font-size: .9em;
  font-weight: 700;
}
.aa-SourceHeader .aa-SourceHeaderTitle{
  color: #000 !important;
  font-size: .9em;
}
.aa-SourceHeader .aa-SourceHeaderLine{
  border-bottom: 1px solid #000 !important;
}
.aa-PanelSection--suggestions .aa-ItemActions{
  display: none;
}
.aa-PanelSection--recommendedItems .aa-ItemContentTitle {
  font-family: 'Proxima Nova Regular', sans-serif;
}
button[title*="Fill query"] {
   display: none;
}
.ais-custom-container-top {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  max-width: 1300px;
}
.ais-custom-container-top .filter_hide_show_container {
  padding-top : 0px;
}
.ais-sort-orders-container{
    display: grid;
    justify-content: flex-start;     
}
.sortLabel {
  font-weight: 600;
}

.header__logo.top-menu-links{
    max-width: max-content;
    justify-content: flex-end;
    justify-self: end;
    align-items: center;
    gap: var(--spacing-3) var(--header-part-gap);
    flex-wrap: wrap;
    grid-area: logo;
    display: flex;
    font-weight: 400;
    font-size: 0.77rem;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: #111;
}
.header__secondary-nav.icons-one{
    justify-content: flex-end;
    justify-self: end;
    align-items: center;
    gap: var(--spacing-3) var(--header-part-gap);
    flex-wrap: wrap;
    grid-area: secondary-nav;
    display: flex;
}

.layout-place-algolia-autocomplete {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  &.skeleton { /* NOTICE THIS*/
		min-height: 28px;
		border-radius: 4px;
	}
}
@media screen and (min-width: 1400px) {
  .search-box-mobile {
     display: none;
  }
   .header__main-nav.search-box{
     width: 33%;
  }
}
@media screen and (max-width: 1400px) {
  .search-box-mobile {
    display: none;
  }
  .header__main-nav.search-box{
    width: 36%;
  }
}
@media screen and (max-width:   1027px) {
  .header__logo.top-menu-links{
    /* width: 80%; */
  }
  .header__main-nav.search-box{
    width: 70%;
  }
}
@media screen and (max-width:   1027px) {
   .ais-custom-container-top{
     /* grid-template-columns: auto auto; */
     column-gap: 20px;     
   }
  .ais-sort-orders-container{
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #333; */
  }
  /* .collectio_filters_jtpl .text-with-icon.justify-center{
    height: 40px;
  } */
  .ais-sort-orders-container select.customSortBySelect{

  appearance: none; /* Remove default arrow for cross-browser consistency */
  -webkit-appearance: none; /* Safari/Chrome */
  -moz-appearance: none; /* Firefox */
    text-align: center;
    text-align-last: center;
    font-weight: 600;
    /* Fix Safari iOS gray background */
    background-color: #ffffff !important;
    background: #ffffff !important;
  }
  .sortLabel{
    display: none;
  }
  .search_filters{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .header__logo.top-menu-links{
    display: none;
  }
  .header__main-nav{
    width: 104px;
  }
  .header__logo {
    grid-area: main-nav;
  }
  .ais-Stats.section {
    padding-top: 5px;
    padding-block-start: 0px;
    padding-block-end: 0px;
    padding-bottom: 5px;
    text-transform: uppercase;    
  }
  .ais-Stats.section h2.h2{
    font-size: 0.8rem;
  }
   .search-box {
     display: none;
   }
  .search-box-mobile {
     display: block;
   }
  .search-box-mobile .aa-Autocomplete, 
  .search-box-mobile .aa-DetachedFormContainer,
  .search-box-mobile .aa-Panel {
    padding: 0px 20px 5px 20px;
  }
  .aa-Form{
    border: 1px solid #DFDFDF !important;
    width: 100% !important;
    height: 40px !important;
    border-radius: 8px !important;
  }
svg.aa-SubmitIcon {
    margin-left: 8px!important;
}
  .ais-facets .ais-RangeSlider .input-group{
    
  }
  
  /* Position du panel sur mobile */
  .aa-Panel {
    top: 86px !important;
  }
}

/* Forcer la suppression de tout cadre/background sur toutes les images du dropdown */
.aa-Panel .aa-ImgIcon,
.aa-Panel .aa-ItemIcon,
.aa-Panel .aa-ItemIcon--picture,
.aa-PanelSection--recommendedItems .aa-ImgIcon,
.aa-PanelSection--recent .aa-ImgIcon,
.aa-PanelSection--suggestions .aa-ImgIcon {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* S'assurer que les images n'ont pas de cadre blanc */
.aa-ImgIcon img,
.aa-ItemIcon img,
.aa-ItemIcon--picture img {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Supprimer tout arrière-plan blanc sur les conteneurs d'images */
.aa-Item .aa-ImgIcon,
.aa-Item .aa-ItemIcon {
  background-color: transparent !important;
  background: transparent !important;
}

/* Mettre les SVG en noir pour Label et LoadingIndicator */
.aa-Label svg,
.aa-LoadingIndicator svg {
  color: #000 !important;
  fill: #000 !important;
}

/* Couleur de hover gris clair/beige pour les r\u00e9sultats */
.aa-Item:hover {
  background-color: #f5f2ed !important; /* Gris clair tirant sur le beige */
}

/* Ajuster la couleur de s\u00e9lection pour \u00eatre coh\u00e9rent */
.aa-Item[aria-selected=true] {
  background-color: #f5f2ed !important;
}

/* Forcer object-fit: cover pour les images dans la section recommended */
.aa-PanelSection--recommendedItems .aa-ImgIcon {
  width: 85px !important;
  height: 85px !important;
  overflow: hidden !important;
}

.aa-PanelSection--recommendedItems .aa-ImgIcon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Réduire la taille du logo entre 700px et 1024px */
@media only screen and (min-width: 700px) and (max-width: 1027px) {
    .header__logo-image {
        width: calc(var(--header-logo-width) * 0.5) !important;
        height: calc(var(--header-logo-height) * 0.5) !important;
    }
}