/** Shopify CDN: Minification failed

Line 98:2 Expected identifier but found "linear-gradient("
Line 275:2 Comments in CSS use "/* ... */" instead of "//"
Line 771:0 Unexpected "}"

**/
/*=================

      UTILS

===================*/
.hidden {
  display: none;
}

/*=================

      ICONS

===================*/
.header__icons {
  padding-right: calc(var(--gutter) / 2);
  margin-bottom: 0;
}

.header__icon {
  height: initial;
  padding: 0;
}

.header__icon .icon--user {
  width: 24px;
  height: 24px;
}

.header__icon svg {
    width: 23px;
    height: 23px;
}

@media (min-width: 600px) {

  .header__icons .text-current {
    margin-right: 20px;
  }

  .header__icons a:last-child {
    margin-right: 25px;
  }
  
  .header__icons a:first-child {
    margin-right: initial;
  }
  
  .header__icons a:last-child {
    margin-right: initial;
  }
}

/*=================

  TEXT ALIGN

==================*/
.text-start {
  text-align:center;
}

@media (min-width: 600px) {
  .text-start {
    text-align: initial;
  }
}

/*=================

  HEADER

===================*/

.header {  
  border-bottom: solid 1px rgb(237,230,224);
  padding: 0;
}

.header__grid {
  border-top: solid 1px rgb(237,230,224);
}

.nav--extra ul {
  list-style: none;
  padding: 0;
  display: flex;
}

.nav--extra li:not(:nth-child(2)) {
  linear-gradient(0, rgba(255,255,255, .5), rgba(255,255,255, .8));
  box-shadow: 0 0 0 1px rgba(0,0,0,.1),
              0 0 10px 0 rgba(0,0,0, .1);
}

.nav--extra li {
  color: rgb(219 210 205);
  position: relative;
  display: inline-block;  
  border-radius: 4px;
  color: #2a2b2a;
}

.nav--extra li:hover:not(li:nth-child(2)) {
  cursor: pointer;
  background: linear-gradient(0, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.8));
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.nav--extra li:first-child {
  padding: 10px 20px;
}

.nav--extra li:last-child {
  padding: 10px 20px;
}

.nav--extra li:nth-child(2) {
  position: relative;
  width: 20px;
}

.nav--extra li:nth-child(2) svg {
  position: absolute;
  top: 21px;
  right: 0px;
  display: block;
  width: 20px;
  height: 20px;
  fill: rgba(219, 210, 205, .5);
  transform: translateY(-50%);
}

.main-nav__item--toggle .icon {
  width: 16px;
  height: 16px;
}

.header__logo {
  width: 50%;
}

.header__logo .container {
   display: flex;
   padding: 0;
}

.header__logo .container a {
  width: 40%;
}

.header__logo:not(a) {
  display: flex;
  position: relative;
  margin: 0;
  padding-left: 0;
}

a[href="/collections/shop-by-length"],
a[href="/collections/shop-by-length-om"]{
  font-family: Poppins, sans-serif;
  font-size: 0.77em;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 10px;
}

ul.main-nav__grandchild li:nth-child(3) a[href="/collections/cartes-cadeaux-gift-cards"],
ul.main-nav__grandchild li:nth-child(3) a[href="/fr/collections/cartes-cadeaux-gift-cards"]{
  font-weight: bold;
  margin-top: 20px;
}


@media (min-width: 600px) {
  .header__logo .container {
    padding: 0 var(--gutter);
  }

  .header__logo .container a {
    width: initial;
    padding: 17px;
    border-left: solid 1px rgb(237,230,224);
    padding-top: 13px;
  }
}

#line {
  stroke-dasharray: 340;
  stroke-dashoffset: 340;
  animation: dash 1s ease-in-out forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

#chapeau {
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  animation: dash2 1s ease-in-out forwards;
}

@keyframes dash2 {
  to {
    stroke-dashoffset: 0;
  }
}

button.o-marche--btn {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}


/*
@media (min-width: 900px){
  .header__logo:not(a)  {
    padding-left: var(--gutter);
  }
}
*/

.logo .logo__link {
  display: flex;
  justify-content: center;
}

.logo__h1 {  
  padding: 16px;
}

.logo__h1:hover {
  cursor: pointer;
}

.logo__h1 svg {
  width: 99%;
  height: 28px;
}

.logo__link.border__top {
  border-top: solid 3px #96d5d3;
}

.title--o-marche {
  font-family: Oswald, sans-serif;
  font-weight: 600;
  font-size: calc(var(--h1-font-size) + 3px);
  line-height: 1.25;
}

.o-marche--link.border__top {
  border-top: solid 3px #000;
}

.o-marche--link {
  border-right: solid 1px rgb(237,230,224);
}

.logo__text, .logo__o-marche {
  /*font-family: "Abril Fatface", serif;*/
  font-size: calc(var(--logo_font-size) - 8px);
  letter-spacing: .29em;
  //border-left: solid 1px rgb(237, 230, 224);
}

.header__search .search__submit {
  top: 0;
  padding: 0;
  padding-left: 12px;
}

.block--predictive-search {
  display: inline-block;  
}

.search {
  height: 100%;
  margin: 0;  
}

.search__input {
  width: initial;
  background-color: #fefaf4;
  border: solid 1px rgb(237, 230, 224);
}

.search__input:focus {
  border: solid 1px rgb(237, 230, 224);
}

.block--predictive-search,
.block--predictive-search .input {
  width: 100%;
  margin-bottom: 10px;
}

@media (min-width: 600px) {
  .header__search {
      display: initial;
      text-align: right;
    }
  
  .block--predictive-search,
  .block--predictive-search .input {
    width: initial;
    margin-bottom: initial;
  }
}

.logo__o-marche {  
  display: inline-flex;
  padding: 15px;
}

.logo__o-marche:hover {
  color: initial;
  cursor: pointer;
}

.logo__o-marche svg {
  width: 99%;
  height: 28px;
}

.main-menu__toggle {
  height: 45px;
  margin-inline-start: 0;
}

.header__search {
  padding-left: calc(var(--gutter) / 2);
  padding-right: calc(var(--gutter) / 2);
}

@media (min-width: 600px) {  
  .header__search {
    padding-left: initial;
    padding-right: initial;
  }

  .logo__h1 {  
    height: 77%;
  }
  
  .logo__h1, .logo__o-marche {
    padding: 0;
  }
  
  .logo__o-marche svg {
    width: auto;
  }

  .logo__h1 svg {
    width: auto;
  }
}

/* LANGUAGE + CURRENCY */
.custom-select__btn span {
  font-weight: initial;
}

/* ADDED */

.header__logo--top {
  margin-bottom: 0 !important;
}

.header__logo a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-nav__item {
  font-family: Poppins, sans-serif;
  font-size: 0.77em;
}

.main-nav__item--primary {
  margin-top: 10px;
  margin-bottom: 10px;
}

.main-nav__item--primary.is-active,
.main-nav__item--primary:hover {
  box-shadow: none;
}

.announcement__localization button span,
.announcement--default .announcement__text {
  font-size: 14px;
}

.announcement__col--align-center .rte p {
  font-size: 14px;
}

/* 
.search--mobile {
  display: initial;
  width:100%;
  height: 50px;
}

.search--mobile  .search__input {
  font-family: var(--body-font-family);
  font-size: 16px;
}

.search--mobile .block--predictive-search {
  width: 100%;
  height: 100%;
}

.search--mobile .search__form {
  display: initial;
  top: 9px;
  right: 0;
  float: right;
  width: 80%;
}

.header__icon--search {
  display: none;
}

.header__search--collapsible-mob {
  display: none;
} */

@media (min-width: 600px) {
  /* .search--mobile {
    display: none;
  }

  .header__icon--search {
    display: initial;
  } */

  .announcement__localization button span,
  .announcement--default .announcement__text {
    font-size: 12px;
  }

  /* .header__search--collapsible-mob {
    display: initial;
  }

  .search--mobile .search__form {
    top: initial;
  } */
}

.custom-select__listbox li span {
  font-size: 12px;
}

.klaviyo_form_trigger p {
  text-decoration: underline;
  cursor: pointer;
}

.lang--mobile {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
}

@media (min-width: 600px) {
  .lang--mobile {
    display: none;
  }
}

/*=================

  SUB MENU WITH IMG

===================*/
@media (min-width: 1024px) {
    .mega-nav--promos-right .child-nav:not(:last-child) {
        flex: initial;
    }
}

/* MOBILE MENU */
.boost-sd__filter-tree-vertical--right,
.boost-sd__filter-tree-vertical-mobile-toolbar {
  background: #FEFAF4 !important;
}

/*=================

  CUSTON SCROLLING

===================*/
.scrolling-banner--custom .flex {
  justify-content: space-between;
}

.scrolling-banner--custom .flex span {
  text-decoration: underline;
  cursor: pointer;
}

/*=================

     HEADER 11

===================*/

.header__11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}

.header__11 .logo {
  flex: 1;
  text-align: center;
}

.header__11 .logo svg {
  max-width: 150px;
}

@media (min-width: 900px) {  
  .header__11 {
    padding-top: 20px;
  }

  .header__11 .logo svg {
    max-width: 160px;
  }
}

.header__11 .icons {
  display: flex;
  align-items: center;
}

.icon--flower-11 {
  max-width: 100px;
  max-height: 100px;
  fill: #a5d7ce;
}

.header__11 .icons svg {
  /* Styles pour les icônes SVG dans la section des icônes */
  margin-right: 10px; /* Espace entre les icônes */
  fill: #333; /* Couleur de remplissage des icônes SVG */
}

/*=================

  HEADER

===================*/
.announcement {
  padding: 15px;
}

.announcement__text .rte p {
  text-transform: initial;
}

@media (min-width: 900px) {
  .announcement {
    padding: initial;
  }
}

/*=================

    SEO BOTTOM

===================*/
.section--seo-bottom {
  font-size: 14px;
  padding-top: 0;
}

.section--seo-bottom p {  
  text-align: center;
}

/*=================

  COLLECTION CARD

===================*/
/* Styles for the caption box */
.caption-box {  
  width: 100%;  
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
  padding: 20px;
  color: #000;
}

.caption-box h2 {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
}

.caption-box p {
  font-size: 14px;
}

.swatches-box {
  float: left;
  width: 50%;
}

.quickview-box {
  float: right;
  width: 50%;
}

/* Styles for the quickview icon (adjust as needed) */
.quickview-box .quickview-icon {
  /* Vos styles pour l'icône Quickview */
}
/* LABEL O-MARKET */
.boost-sd__product-label--circle .boost-sd__product-label-text {
  font-family: Oswald, sans-serif;
  font-size: 30px;
  font-weight: 900;
  margin-top: 10px;
  margin-right: -10px;
}

.boost-sd__product-label--circle .boost-sd__product-label-text::before {
  content: "^";
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 900;
  display: inline-block;
  margin-right: 0;
  position: absolute;
  top: 6px;
}

.boost-sd__sorting-label,
.boost-sd__filter-tree-toggle-button-title {
  font-size: 16px !important;
}

.boost-sd__sorting-label {
  text-transform: initial !important;
}


@media only screen and (max-width: 767px) {
    .boost-sd__sorting-label {
        display: initial !important;
    }

  .boost-sd__sorting-label,
  .boost-sd__filter-tree-toggle-button-title {
    font-size: 13px !important;
  }

  .boost-sd__sorting-value {
    display: none !important;  
  }
}

/*=================

     PRODUCT PAGE

===================*/

.product-details__block .disclosure--row {
  border-bottom: 0;
}

.option-selector__btns .btn {
  font-weight: initial;
}

h1.o-marche {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

/*==== DETAILS ====*/
.disclosure__content h3 {
  display: inline-block;
  font-size: var(--h5-font-size);
  text-align: center;
}

.disclosure__content table {  
  margin-top: 15px;
}

@media (min-width: 600px) {
  .disclosure__content h3 {
    font-size: var(--h5-font-size);
    text-align: initial;
  }
}

/*=================

     SLIDER

===================*/

.slider {
  scrollbar-width: none;
}

.text-overlay__buttons .btn {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 600px){
  .text-overlay__buttons .btn {
    width: initial;
    max-width: initial;
  }
}


/*=================

     TEXT - IMAGE
      HOME PAGE

===================*/

/*=================

    CARD MEDIA

===================*/

.card__title a {
  font-size: 14px;
  color: #111;
  font-weight: 400;
}


@media (min-width: 769px)
  .card--product span.price__current {
      font-size: 12px;
  }
}

/*=================

    COLLECTION BC

===================*/
.boost-sd__filter-tree-vertical-sticky-body .boost-sd__filter-tree-vertical-content {
  background-color: rgba(254, 250, 244, 1) !important;  
}

::-webkit-scrollbar,
.boost-sd__filter-option-content-inner {
  width: 10px;
  background-color: rgba(254, 250, 244, 1) !important;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(200, 195, 185, 1) !important;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(254, 250, 244, 1) !important;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(240, 235, 225, 1) !important;
}

/* .collection--o-marche-2 .text-overlay {
  background-color: transparent;
}

.collection--o-marche-2 h2 {
  font-family: Oswald, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
}

.collection--o-marche-2 .subheading {
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: bold;
}

.collection--o-marche-2 .image-banner {
  min-height: 200px;
}

@media (min-width: 1024px) {
  .collection--o-marche-2 .text-overlay {
    padding: 0;
  }
} */

/*================

  POP-UP COOKIES

=================*/

.modal--cookies .modal__content .h5 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;  
}

.modal--cookies .modal__content .h5 span {
  font-family: var(--body-font-family);
  font-weight: bold;
  font-size: 16px;
}

.modal--cookies .btn {
  width: 100%;
}

.modal--cookies .modal__content {
  text-align: left;
}

.modal--cookies ul li {
  display: flex;  
}

.modal--cookies ul {
  width: 100%; 
  margin: 0;
  margin-bottom: 20px;
  padding-inline-start: 0;
}

.modal--cookies-checkbox {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.modal--cookies ul li::before {
  margin-top: 8px;
}

.modal--cookies .rte--2 ul li {
  padding-inline-start: .8em;
}

.modal--cookies .rte--2 ul li::before {
  width: 0;
  height: 0;
}

.modal--cookies

label.label--checkbox1 {
  background-color: #f1f1f1 !important;
}

label.label--checkbox1::before {
  border: 1px solid #f1f1f1 !important;
}

.modal--cookies-toggle {
    display: none;
}

.modal--cookies-toggle + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 15px;
    background-color: #d0f3ee;
    border-radius: 12px;
    transition: background-color 0.3s ease;
}

.modal--cookies-toggle:checked + label {
    background-color: #96d5d3;
}

.modal--cookies-toggle + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    background-color: #FEFAF4;
    border: 1px solid #96d5d3;
    border-radius: 50%;
    transform: translateX(0);
    transition: transform 0.3s ease;
}

.modal--cookies-toggle:checked + label::before {
    transform: translateX(16px);
}

@media (min-width: 600px) {
  .modal--cookies .btn {
    width: initial;
  }
}

.ly-switcher-wrapper {
  display: none !important;
}

/*=========================

    NEW KAVIO FORM FOOTER

==========================*/
.needsclick {
  min-height: auto !important;
}

/*=========================

    CUSTOM CSS
    NEW SECTION

==========================*/

/* 
  * This CSS does not follow good semantic selector naming practices 
  * because the client wants to be responsible for adding sections themselves 
  * in the frontend, but they will have the possibility to add selectors for each section.
*/

.section--fabrics-summer {
  margin-top: 15px;
}

.section--fabrics-summer .section__header {
  margin-bottom: 25px;
}

.section--free-mug, .section--make-entrance {
    margin-top: 0;
}

.section--free-mug {  
    margin-bottom:0;
}

.section--featured-collection {
  margin-bottom: 0;
}

@media (max-width: 600px) {

  .section--fabrics-summer {
    margin-top: 0;
  }

  .announcement {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section--fabrics-summer h2,
  .section--free-cup h2,
  .section--free-mug h2,
  .section--unmatched-style h2 ,
  .section--make-entrance h2,
  .Vtl-InstagramFeedWidget__Title h2 {
    font-size: 20px;    
  }
  
  .section--fabrics-summer p,
  .section--free-cup p,
  .section--free-mug p,
  .section--unmatched-style p ,
  .section--make-entrance p {
    font-size: 13px;    
  }

  .section--fabrics-summer {
    margin-bottom: 0;
  }

  .section--fabrics-summer .carousel .card__info {
    padding-bottom: 0;
    padding-left: 0;
  }
}

/*=================

    UPDATE MOBILE

===================*/
.tabs__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tabs__nav a {
  flex: 1;
  text-align: center;
  border-bottom: solid 1px rgb(237, 230, 224);
}

.tabs__nav svg {
  max-width: 60%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.tabs__nav a {
  padding: 15px;
}

.tabs--onze a  {
  border-right: solid 1px rgb(237, 230, 224);
  border-bottom: 0;
}

.tabs--om a {
  border-left: solid 1px rgb(237, 230, 224);
  border-bottom: 0;
}

.tabs__nav--mobile {
  display: none;  
}

.tabs__nav--desktop {
  display: flex;  
  margin-bottom: -1px;
}

.tabs__nav--desktop a {  
  position: relative;
}

.tabs__nav--desktop a:last-child:not(.tabs__nav--desktop:last-child) {  
  border-right: solid 1px rgb(237, 230, 224);
}

.tabs__nav--desktop a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  display: inline-block;
  border-bottom: solid 1px rgb(237, 230, 224);
  height: 1px;
}

.tabs__nav--desktop a.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  display: inline-block;
  border: solid 2px #FEFAF4;
  height: 1px;
} 

.main-menu {
  display: flex;
  padding-left: 50px;
  border-top: solid 1px rgb(237,230,224);
}

/* SWATCHES AN PRODUCT ITEM */
.card__info-inner {
  height: 100%;
}
.card__info-inner .card-link {
  display: block;
  height: 50px;
}

.localization__selector .input {
  padding: var(--input-padding-y, 11px) 15px;
}

@media (max-width: 600px) {
  .main-menu {
    display: flex;
    margin-right: 20px;
    padding-left: initial;
    border-top: 0;
  }
  .announcement--default {
    display: none;
  }
  
  .tabs__nav--desktop {
    display: none;  
  }

  .tabs__nav--mobile {
    display: flex;  
  }
  
  .header__grid {
    border-top: 0;
  }
}

@media (min-width: 800px) and (max-width: 900px) {
    .header__icons {
        padding-bottom: 10px;
    }
}

/*======================

   WHOLESALE SAMI APP

=======================*/
.samitaWS-registrationForm-app {
  background-color: none !important;
}

/*=================

      COLLECTION 
      WHOLESALE

===================*/