/** Shopify CDN: Minification failed

Line 9:4 Unexpected "<"
Line 299:0 "@import" is only valid at the top level
Line 866:0 Expected "}" to go with "{"

**/

    <div class="m-header__search m-header-catalog-search m:flex m:items-center">
    <form
      action=""
      method="get"
      role="search"
      class="m-header-catalog-search__form"
    >
      <input type="hidden" name="type" value="product">
  <label class="visually-hidden" for="HeaderCatalogSearch">
    Recherche de produits
  </label>

  <input
    id="HeaderCatalogSearch"
    class="m-header-catalog-search__input"
    type="search"
    name="q"
    value=""
    placeholder="Rechercher un produit, une marque, une catégorie..."
    autocomplete="off"
  >

  <button
    type="submit"
    class="m-header-catalog-search__button"
    aria-label="Recherche"
  >
    <svg
      class="m-svg-icon--medium-small"
      fill="currentColor"
      stroke="currentColor"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 512 512"
      aria-hidden="true"
    >
      <path d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"/>
    </svg>
  </button>
</form>  </div>


/* Recherche catalogue — header */
.m-header-catalog-search {
width: min(100%, 680px);
margin: 0 auto;
}

.m-header-catalog-search__form {
display: flex;
align-items: center;
width: 100%;
min-height: 46px;
overflow: hidden;
border: 1px solid #d9d9d9;
border-radius: 4px;
background: #fff;
transition: border-color .2s ease, box-shadow .2s ease;
}

.m-header-catalog-search__form:focus-within {
border-color: #233250;
box-shadow: 0 0 0 3px rgba(0, 0, 0, .08);
}

.m-header-catalog-search__input {
width: 100%;
min-width: 0;
height: 46px;
padding: 0 16px;
border: 0;
outline: 0;
background: transparent;
color: #233250;
font-size: 14px;
}

.m-header-catalog-search__input::placeholder {
color: #777;
opacity: 1;
}

.m-header-catalog-search__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 52px;
width: 52px;
height: 46px;
border: 0;
cursor: pointer;
background: #233250;
color: #fff;
transition: opacity .2s ease;
}

.m-header-catalog-search__button:hover {
opacity: .85;
}

.m-header-catalog-search__button svg {
width: 18px;
height: 18px;
}

@media screen and (max-width: 767px) {
.m-header-catalog-search {
width: 100%;
}

.m-header-catalog-search__form,
.m-header-catalog-search__input,
.m-header-catalog-search__button {
height: 42px;
}

.m-header-catalog-search__button {
flex-basis: 46px;
width: 46px;
}
/* Header catalogue : recherche visible et large sur mobile */
@media screen and (max-width: 767px) {
  .m-header__search,
  .m-header-catalog-search {
    display: block !important;
    order: 10 !important;
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
    margin: 14px 0 12px !important;
    padding: 0 16px !important;
  }

  .m-header-catalog-search__form {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
  }

  .m-header-catalog-search__input {
    display: block !important;
    height: 48px !important;
    min-width: 0 !important;
    padding: 0 14px !important;
    font-size: 15px !important;
  }

  .m-header-catalog-search__button {
    display: inline-flex !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    height: 48px !important;
  }

  /* Le conteneur parent doit pouvoir passer sur deux lignes */
  .m-header__inner,
  .m-header__wrapper,
  .m-header__container,
  .m-header__content {
    flex-wrap: wrap !important;
  }
}
/* ===== Recherche pleine largeur sous le header mobile ===== */
@media screen and (max-width: 1023px) {
  /* Le header mobile doit pouvoir wrapper sur 2 lignes */
  .m-header__mobile {
    flex-wrap: wrap !important;
  }

  /* La rangée de recherche prend toute la largeur */
  .m-header__mobile-search {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 10;
    margin: 10px 0 4px;
  }

  .m-header__mobile-search .m-header__search,
  .m-header__mobile-search .m-header-catalog-search {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .m-header__mobile-search .m-header-catalog-search__form {
    display: flex !important;
    width: 100% !important;
  }
}
/* ===== Barre de recherche mobile : plus petite et arrondie ===== */
@media screen and (max-width: 1023px) {
  .m-header__mobile-search {
    margin: 8px 0 6px;
    padding: 0 12px !important;
  }

  .m-header__mobile-search .m-header-catalog-search {
    width: 92% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
  }

  /* Forme pilule + la bordure claire */
  .m-header__mobile-search .m-header-catalog-search__form {
    min-height: 42px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 50px !important;
    overflow: hidden !important;
  }

  .m-header__mobile-search .m-header-catalog-search__input {
    height: 42px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
  }

  /* Bouton : PAS d'arrondi propre (le form s'en charge), et il remplit toute la hauteur */
  .m-header__mobile-search .m-header-catalog-search__button {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: auto !important;
    align-self: stretch !important;   /* remplit la hauteur, bordure incluse */
    margin: -1px -1px -1px 0 !important; /* déborde sur la bordure du form pour éviter le sliver */
    border-radius: 0 !important;
  }

  .m-header__mobile-search .m-header-catalog-search__button svg {
    width: 18px !important;
    height: 18px !important;
  }
}
/* ===== Menu mobile façon BUT ===== */
.m-menu-drawer .m-menu-mobile {
  padding: 4px 0 0;
}

.m-menu-drawer .m-menu-mobile__item {
  border-bottom: 1px solid #f0f0f2;
}

.m-menu-drawer .m-menu-mobile__link {
  display: flex !important;
  align-items: center;
  gap: 14px;
  padding: 15px 18px !important;
  color: #1e2a44;
  font-size: 16px;
  font-weight: 500;
}

/* Le texte pousse le chevron tout à droite */
.m-menu-mobile__text {
  flex: 1 1 auto;
}

/* Chevron à droite — uniquement sur les liens simples (sans sous-menu) */
.m-menu-drawer .m-menu-mobile__item:not(:has(.m-menu-mobile__toggle-button)) > .m-menu-mobile__link::after {
  content: "";
  flex: 0 0 auto;
  margin-left: auto;
  width: 8px;
  height: 8px;
  border-top: 2px solid #b0b6c2;
  border-right: 2px solid #b0b6c2;
  transform: rotate(45deg);
}
.m-menu-mobile__icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  background: #f4f5f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.m-menu-mobile__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ============================================
   PAGE COLLECTION — CHARTE OPTIMEA
   ============================================ */

/* Import de la typo (retire si Outfit est déjà chargée par le thème) */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

.facest-filters-section {
  --op-navy: #1e2a44;
  --op-navy-soft: #233250;
  --op-yellow: #f5b301;
  --op-orange: #e97c3c;
  --op-grey: #f4f5f7;
  --op-border: #eceef2;
  --op-radius: 14px;
  font-family: "Outfit", sans-serif;
}

/* ---- Titres / typo générale de la section ---- */
.facest-filters-section .m-product-card__name,
.facest-filters-section .m-product-card__title a {
  font-family: "Outfit", sans-serif;
  color: var(--op-navy);
  font-weight: 500;
}

/* ============ CARTES PRODUIT ============ */
.facest-filters-section .m-product-card {
  background: #fff;
  border: 1px solid var(--op-border);
  border-radius: var(--op-radius);
  overflow: hidden;
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}

.facest-filters-section .m-product-card:hover {
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 10px 28px rgba(30, 42, 68, .12);
}

/* Image : coins arrondis en haut, léger zoom au survol */
.facest-filters-section .m-product-card__media {
  border-radius: var(--op-radius) var(--op-radius) 0 0;
  overflow: hidden;
  background: var(--op-grey);
}

.facest-filters-section .m-product-card__media img {
  transition: transform .5s ease;
}
.facest-filters-section .m-product-card:hover .m-product-card__media img {
  transform: scale(1.05);
}

/* Contenu de la carte */
.facest-filters-section .m-product-card__content {
  padding: 14px 14px 16px;
}

/* ---- Prix ---- */
.facest-filters-section .m-price-item--regular {
  color: var(--op-navy);
  font-weight: 600;
}
.facest-filters-section .m-price--on-sale .m-price-item--sale,
.facest-filters-section .m-price-item--sale {
  color: var(--op-orange);
  font-weight: 700;
}
.facest-filters-section .m-price-item--compare {
  color: #9aa0ab;
  text-decoration: line-through;
}

/* ---- Badges (promo / soldes / sold out) ---- */
.facest-filters-section .m-product-tag,
.facest-filters-section .m-product-card__badge {
  border-radius: 50px;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .3px;
  padding: 4px 10px;
}
.facest-filters-section .m-product-tag--sale,
.facest-filters-section .m-badge--sale {
  background: var(--op-orange);
  color: #fff;
}
.facest-filters-section .m-product-tag--new {
  background: var(--op-yellow);
  color: var(--op-navy);
}

/* ============ BOUTONS (Ajouter au panier, Charger plus) ============ */
.facest-filters-section .m-button--primary,
.facest-filters-section .m-product-card__atc-button,
.facest-filters-section [data-load-more] {
  background: var(--op-navy) !important;
  border-color: var(--op-navy) !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  transition: background .2s ease, transform .15s ease;
}
.facest-filters-section .m-button--primary:hover,
.facest-filters-section .m-product-card__atc-button:hover,
.facest-filters-section [data-load-more]:hover {
  background: var(--op-navy-soft) !important;
  transform: translateY(-1px);
}

/* ============ BARRE D'OUTILS (tri, colonnes, nb de résultats) ============ */
.facest-filters-section .m-collection-toolbar,
.facest-filters-section .m-collection-page-toolbar {
  border: 1px solid var(--op-border);
  border-radius: var(--op-radius);
  background: #fff;
  padding: 10px 14px;
  margin-bottom: 18px;
}

/* Sélecteur de tri arrondi */
.facest-filters-section select {
  border-radius: 50px !important;
  border: 1px solid var(--op-border) !important;
  color: var(--op-navy);
  font-family: "Outfit", sans-serif;
}

/* ============ PAGINATION ============ */
.facest-filters-section .m-pagination__item {
  border-radius: 10px;
  font-family: "Outfit", sans-serif;
  color: var(--op-navy);
}
.facest-filters-section .m-pagination__item.is-active,
.facest-filters-section .m-pagination__item[aria-current="page"] {
  background: var(--op-navy);
  color: #fff;
}

/* ============ FILTRES (barre latérale) ============ */
.facest-filters-section .m-collection-sidebar,
.facest-filters-section .m-filter-group {
  font-family: "Outfit", sans-serif;
}
.facest-filters-section .m-filter-group__title {
  color: var(--op-navy);
  font-weight: 600;
}

/* ============ MOBILE ============ */
@media screen and (max-width: 767px) {
  .facest-filters-section .m-product-card__content {
    padding: 12px 10px 14px;
  }
  .facest-filters-section .m-product-card__name,
  .facest-filters-section .m-product-card__title a {
    font-size: 14px;
  }
}
/* ============================================
   PAGE PRODUIT — CHARTE OPTIMEA
   ============================================ */
.m-main-product {
  --op-navy: #1e2a44;
  --op-navy-soft: #233250;
  --op-yellow: #f5b301;
  --op-orange: #e97c3c;
  --op-green: #2fa36b;
  --op-grey: #f4f5f7;
  --op-border: #eceef2;
  --op-radius: 14px;
  font-family: "Outfit", sans-serif;
}

/* ---- Titre produit ---- */
.m-main-product .m-product-title,
.m-main-product .m-product-single__title {
  font-family: "Outfit", sans-serif;
  color: var(--op-navy);
  font-weight: 600;
  line-height: 1.25;
}

/* ---- Prix ---- */
.m-main-product .m-price-item--regular { color: var(--op-navy); font-weight: 600; }
.m-main-product .m-price-item--sale     { color: var(--op-orange); font-weight: 700; }
.m-main-product .m-price-item--compare  { color: #9aa0ab; text-decoration: line-through; }

/* Badge d'économie (Show saving) */
.m-main-product .m-price__badge-sale,
.m-main-product .m-price__badge-saving {
  background: var(--op-orange);
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
  padding: 3px 10px;
}

/* ---- Badge promo sur l'image (Custom tags) ---- */
.m-main-product .m-product-tag,
.m-main-product .m-product__badge {
  border-radius: 50px;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .3px;
  padding: 5px 12px;
}
.m-main-product .m-product-tag--sale { background: var(--op-orange); color:#fff; }
.m-main-product .m-product-tag--new  { background: var(--op-yellow); color: var(--op-navy); }
.m-main-product .m-product-tag--hot  { background: var(--op-navy); color:#fff; }

/* ---- Galerie : coins arrondis ---- */
.m-main-product .m-product-media--wrapper,
.m-main-product .m-product-media__slider,
.m-main-product .m-product-single__media {
  border-radius: var(--op-radius);
  overflow: hidden;
}

/* ---- Sélecteur de variantes (pills) ---- */
.m-main-product .m-product-option__node,
.m-main-product .m-variant-picker__option label {
  border-radius: 50px !important;
  border: 1px solid var(--op-border) !important;
  color: var(--op-navy);
  transition: border-color .15s ease, background .15s ease;
}
.m-main-product .m-product-option__node.is-selected,
.m-main-product .m-variant-picker__option input:checked + label {
  border-color: var(--op-navy) !important;
  background: var(--op-navy) !important;
  color: #fff !important;
}

/* ---- Quantité arrondie ---- */
.m-main-product .m-quantity,
.m-main-product .m-quantity-selector {
  border-radius: 50px !important;
  border: 1px solid var(--op-border) !important;
  overflow: hidden;
}

/* ---- Bouton Ajouter au panier ---- */
.m-main-product .m-product-form__submit,
.m-main-product .m-button--primary {
  background: var(--op-navy) !important;
  border-color: var(--op-navy) !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  letter-spacing: .2px;
  transition: background .2s ease, transform .15s ease;
}
.m-main-product .m-product-form__submit:hover,
.m-main-product .m-button--primary:hover {
  background: var(--op-navy-soft) !important;
  transform: translateY(-1px);
}

/* ============ BLOCS DE RÉASSURANCE ============ */

/* Bloc livraison */
.m-main-product .m-product-shipping,
.m-main-product .m-product__shipping {
  background: var(--op-grey);
  border-radius: var(--op-radius);
  padding: 14px 16px;
  color: var(--op-navy);
  font-size: 14px;
}

/* Barre de stock (Inventory status) */
.m-main-product .m-product-inventory__bar,
.m-main-product .m-inventory-bar {
  border-radius: 50px;
  overflow: hidden;
  background: #e7e9ee;
}
.m-main-product .m-product-inventory__bar-value,
.m-main-product .m-inventory-bar__progress {
  background: linear-gradient(90deg, var(--op-orange), var(--op-yellow));
}
.m-main-product .m-product-inventory__text,
.m-main-product .m-inventory-status {
  color: var(--op-orange);
  font-weight: 600;
  font-family: "Outfit", sans-serif;
}

/* Trust badges */
.m-main-product .m-product-trust-badge,
.m-main-product .m-trust-badge {
  border: 1px solid var(--op-border);
  border-radius: var(--op-radius);
  padding: 14px 16px;
  text-align: center;
}
.m-main-product .m-product-trust-badge__heading {
  color: var(--op-navy);
  font-weight: 600;
}

/* Compteur de visiteurs / urgence */
.m-main-product .m-product-visitors,
.m-main-product .m-visitors-counter {
  color: var(--op-navy);
  font-family: "Outfit", sans-serif;
}

/* ============ MOBILE ============ */
@media screen and (max-width: 767px) {
  .m-main-product .m-product-title { font-size: 20px; }
  .m-main-product .m-product-shipping,
  .m-main-product .m-trust-badge { padding: 12px 14px; }
}

/* Mar Css 2*/
.sub_info {
  padding-top: 10px;
}
.sub_info p {
  font-size: 10px;
}
.mar-cart-heading h3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.inr-crt-flx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 0;
}
.txt-col {
  width: 70%;
}
.right-box {
  width: 25%;
}
.wd-box-ar {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1rem;
}
.par-ar p {
  font-size: 10px;
}
.wd-box-ar > div a {
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.m-cart__trust-badge {
  width: 40%;
  margin-top: 5px;
}
.free-ship-info p {
  font-size: 10px;
}
.free-ship-info a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mar-info {
  padding-top: 2rem;
  border-bottom: 1px solid #a4a4a4;
}
.mar-pad {
  padding: 1.5rem 0;
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 1rem;
}
.mar-pad-lst {
  padding-top: 1rem;
}
.m-cart-drawer__footer {
  background: white !important;
  box-shadow: unset !important;
}
.m-cart-drawer__link-to-cart {
  text-decoration: underline;
  margin-top: 8px;
  border: 1px solid #000;
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mar-pad-lst h3 {
  padding-bottom: 10px;
}
 
/* ===============================
   CART DRAWER – STRUCTURE SCROLL (TOUS ÉCRANS)
================================ */
.m-cart-drawer__inner {
  display: flex;
  flex-direction: column;
}
 
/* Le wrapper flex interne <div class="m:flex m:flex-col m:h-full"> */
.m-cart-drawer__inner > .m\:h-full {
  flex: 1;
  min-height: 0;            /* ⬅️ clé : autorise le scroll dans un flex */
}
 
.m-cart-drawer__header {
  flex-shrink: 0;
}
 
/* Zone scrollable unique : articles + footer */
.m-cart-drawer__scroll {
  flex: 1;
  min-height: 0;            /* ⬅️ indispensable, sinon pas de scroll sur desktop */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
 
.m-cart-drawer__body {
  overflow: visible !important;
  max-height: none !important;
}
 
.m-cart-drawer__footer {
  position: relative;
}
 
/* ===============================
   TITRES SECTIONS (TOUS ÉCRANS)
================================ */
.cart-section-title,
.mar-cart-heading h3 {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 1px;
}
 
/* ===============================
   DIVIDERS (TOUS ÉCRANS)
================================ */
.cart-section-divider {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 16px 0;
}
 
/* ===============================
   SUBTOTAL (TOUS ÉCRANS)
================================ */
.m-cart__subtotal--label,
.m-cart__subtotal--price {
  color: #000;
  font-weight: 500;
}
.m-cart-subtotal--compare {
  opacity: .55;
  font-weight: 400;
  margin-right: 8px;
}
 
/* ===============================
   TEXTE SECONDAIRE (TOUS ÉCRANS)
================================ */
.free-ship-info,
.m-cart__trust-badge,
.sub_info,
.mar-info {
  font-size: 12px;
  color: #6e6e73;
}
 
/* ===============================
   NEED HELP – ALIGNEMENT (TOUS ÉCRANS)
================================ */
.mar-info {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.mar-info .inr-crt-flx {
  display: flex;
  align-items: center;
  justify-content: space-between; /* ⬅️ clé */
  gap: 12px;
}
.mar-info .par-ar {
  font-size: 12px;
  color: #6e6e73;
  line-height: 1.4;
  flex: 1; /* ⬅️ prend l’espace à gauche */
}
.wd-box-ar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  white-space: nowrap; /* ⬅️ évite le retour à la ligne */
}
.wd-box-ar a {
  font-size: 12px;
  text-decoration: underline;
  color: #000;
}
 
/* ===============================
   MOBILE UNIQUEMENT – AJUSTEMENTS COMPACTS (≤768px)
================================ */
@media screen and (max-width: 768px) {
 
  /* Trust badge plus large sur petit écran */
  .m-cart__trust-badge {
    width: 70%;
    margin-top: 5px;
  }
 
  /* Masquer la ligne grise juste après "Need Help" */
  .mar-info + .cart-section-divider {
    display: none;
  }
 
  /* Marges plus compactes */
  .cart-section-divider {
    margin: 8px 0;
  }
 
  /* Need Help : moins aéré */
  .mar-info {
    gap: 4px;
    margin-bottom: 8px;
  }
 
  .mar-cart-heading h3 {
    margin-bottom: 2px;
  }
 
  /* Ligne horaires + liens plus serrée */
  .inr-crt-flx {
    gap: 8px;
  }
 
  .par-ar {
    line-height: 1.3;
  }
 
  /* Call / Mail serrés */
  .wd-box-ar {
    gap: 10px;
  }
 
  /* Titres plus proches du contenu */
  .cart-section-title {
    margin-bottom: 4px;
  }
 
  .m-cart__trust-badge,
  .free-ship-info {
    margin-top: 4px;
  }
}