/** Shopify CDN: Minification failed

Line 8:1 Unexpected bad string token
Line 8:46 Unterminated string token
Line 9:221 Unterminated string token

**/
C'est parfait merci tout marche super bien :) 
Maintenant j'aimerais ajouter un peut de volume à mon coeur de favoris sur mes vignettes là le rond est trop petit par rapport à la vignette et le logo du coeur  dans son cercle qui le contient je le trouve trop petit.
Aide moi à faire cela je vais te montrer mon custom css il me semble que j'ai fais ça dans ce fichier du coup aide moi à l'améliorer : 

Custom css : 
/* =========================================================
   BONHEUR GRAVÉ — CUSTOM CSS NETTOYÉ
   (1/3) Variables, bases, produit, header desktop
   ========================================================= */

/* ---------- VARIABLES GLOBALES ---------- */
:root{
  /* Couleurs & tokens */
  --bg-warm:#fff8ee;
  --hairline:rgba(0,0,0,.06);
  --placeholder:rgba(0,0,0,.45);
  --brand:#163c68;

  /* Recherche (desktop) */
  --search-h:42px;
  --search-r:999px;
  --search-pad-l:44px;
  --search-pad-r:46px;
  --search-bg:#fff8ee;
  --search-border:rgba(0,0,0,.08);

  /* Header (espaces latéraux gérés plus bas) */
  --menu-gap-icons:18px;

  /* Annonce + header mobile (vraies hauteurs) */
  --ann-bar-h:36px;
  --mbl-header-h:46px;

  /* Search mobile (par défaut, ajusté par MQ) */
  --mb-sheet-max:680px;
  --mb-search-h:56px;
  --mb-search-pad-x:14px;
  --mb-search-radius:14px;

  /* Bouton partage */
  --share-icon-url:url('/cdn/shop/files/partagez.png?v=1756036768');
  --share-fs:15px; --share-text:#504139; --share-bg:#fff; --share-bd:#e4e2de; --share-accent:#163c68;
  --share-icon-size:18px; --share-gap:6px;

  /* Pills titre produit */
  --pill-size:34px; --pill-gap:8px; --pill-bd:#e4e2de; --pill-bg:#fff; --pill-accent:#163c68; --pill-icon:18px;

  /* ======= Header : padding & espacement entre lignes ======= */
  /* Mobiles (≤989px) */
  --header-padT-m: 0px;     /* padding top header mobile */
  --header-padB-m: 0px;     /* padding bottom header mobile */
  --header-rowgap-m: 0px;   /* espace entre ligne 1 et ligne 2 si le header wrap */

  /* Desktop (≥990px) */
  --header-padT-d: 9px;    /* padding top header desktop */
  --header-padB-d: 4px;    /* padding bottom header desktop */
  --header-rowgap-d: -10px;  /* espace ENTRE logo/icônes (L1) et menu (L2) */
}

/* =========================================================
   BASE HEADER (desktop ≥990) — grille 2 lignes propre
   ========================================================= */
@media (min-width:990px){
  .section-header .header{
    display:grid !important;
    grid-template-columns: 1fr auto 1fr !important; /* burger | logo | icônes */
    grid-template-rows: auto auto !important;       /* L1 = logo/icônes, L2 = menu */
    align-items:center !important;
    column-gap:18px !important;
    padding-top: var(--header-padT-d) !important;
    padding-bottom: var(--header-padB-d) !important;
    row-gap: var(--header-rowgap-d) !important;     /* ← espace entre lignes */
  }

  /* Placement explicite des zones */
  .section-header header-drawer,
  .section-header .header__icon--menu{ grid-column:1; grid-row:1; margin-left:0 !important; padding-left:2px !important; }

  .section-header .header__heading{
    grid-column:2; grid-row:1;
    justify-self:center !important;
    position: static !important; left:auto !important; transform:none !important; margin:0 !important;
  }
  .section-header .header__heading-link{ padding:0 !important; }
  .section-header .header__heading-logo-wrapper{ max-width:160px !important; }

  .section-header .header__icons{
    grid-column:3; grid-row:1;
    justify-self:end !important; display:flex !important; align-items:center !important;
    gap:18px !important; flex-wrap:nowrap !important;
  }

  /* Le menu est en LIGNE 2 au centre */
  .section-header .header__inline-menu{
    grid-column:2; grid-row:2;
    justify-self:center !important;
    margin:0 !important;
  }

  .header__icons .svg-wrapper, .header__icons svg{width:22px !important; height:22px !important; stroke-width:1.8 !important;}
  .header .header__icon--cart svg{transform:scale(1.12); transform-origin:center; stroke-width:1.8 !important;}

  .header__icon .cart-count-bubble{
    top:-2px !important; right:-2px !important;
    min-width:16px !important; height:16px !important; line-height:16px !important;
    font-size:11px !important; font-weight:600 !important;
    background:#163c68 !important; color:#fff !important;
  }
}

/* Sous-menus sans soulignement */
.header__submenu a:hover,
.header__submenu .link:hover,
.mega-menu__content .link:hover,
.mega-menu__link:hover{
  text-decoration:none !important;
  box-shadow:none !important;
  border-bottom:0 !important;
}

/* L1 seulement, soulignement discret */
@media (min-width:990px){
  .header__inline-menu > .list-menu > .list-menu__item > a.header__menu-item:hover span{
    text-decoration:none !important;
    padding-bottom:6px;
    box-shadow:inset 0 -2px 0 0 currentColor;
  }
  .header__inline-menu .list-menu .list-menu a.header__menu-item:hover span{
    box-shadow:none !important;
    padding-bottom:0 !important;
  }
}

/* Mega menu au survol/focus */
@media (min-width:990px){
  header-menu details{position:static;}
  header-menu .mega-menu__content{
    opacity:0; visibility:hidden; pointer-events:none;
    transform:translateY(-.2rem);
    transition:opacity .2s, transform .2s, visibility .2s;
    z-index:50;
  }
  header-menu details[open] > .mega-menu__content,
  header-menu details:hover > .mega-menu__content,
  header-menu details:focus-within > .mega-menu__content{
    opacity:1; visibility:visible; pointer-events:auto; transform:none;
  }
  .shopify-section-header, header.header, .header__inline-menu{overflow:visible !important;}
  header-menu details[open] > summary .icon-caret,
  header-menu details:hover > summary .icon-caret{transform:rotate(180deg);}
}

/* Accessibilité header */
.header a:focus-visible{
  outline:0;
  box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 22%, transparent);
  border-radius:8px;
}
.header__icons .svg-wrapper svg{shape-rendering:geometricPrecision; vector-effect:non-scaling-stroke;}

/* =========================================================
   PRODUIT — styles
   ========================================================= */
.template-product .price .price-item,
.template-product .price .price-item--regular,
.template-product .price .price-item--sale{
  color:#163c68 !important;
}

/* VIGNETTES (collection, recherche, sections produits) */
.template-collection .product-card-wrapper .price .price-item,
.template-search     .product-card-wrapper .price .price-item,
.section-collection  .product-card-wrapper .price .price-item{
  color:#504139 !important;
}

.product__title,
.product__title h1,
h1.product__title{
  font-size:26px !important;
  color:#163c68 !important;
  font-weight:400 !important;
  line-height:1.3; margin:0 0 1rem;
}
@media (max-width:749px){
  .product__title,.product__title h1,h1.product__title{font-size:24px !important;}
}
.product__info-container{
  --inputs-border-width:1px;
  --inputs-border-opacity:.25;
}
/* Titre des cartes produit (vignettes) */
.product-card-wrapper .card__heading,
.product-card-wrapper .card__heading a{
  color:#163c68 !important;
}

.product__info-container select option{color:#504139;}
.product__info-container .content-container{border:0 !important; box-shadow:none !important; background:transparent !important;}
.product__info-container .product-form .field input.field__input,
.product__info-container .product-form .field textarea.field__input{
  border:0 !important; box-shadow:none !important; outline:0 !important; background:transparent;
}
.product__info-container .product-form .field:before,
.product__info-container .product-form .field:after{box-shadow:none !important; border:0 !important;}
.product__info-container .product-form .field__input:focus,
.product__info-container .product-form .field__input:focus-visible{outline:0 !important; box-shadow:none !important;}
.product__info-container .product-form .field__input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px transparent inset !important;
          box-shadow:0 0 0 1000px transparent inset !important;
}
.product__info-container .field__input,
.product__info-container .select__select{height:4.2rem;}
.product__info-container .quantity{
  width:calc((0.7 * 14rem)/var(--font-body-scale) + var(--inputs-border-width)*2) !important;
  min-height:calc((var(--inputs-border-width)*2) + (0.7 * 4.5rem)) !important;
}
.product__info-container .quantity__button{width:calc((0.7 * 4.5rem)/var(--font-body-scale)) !important;}
.product__info-container .quantity__input{font-size:1.3rem; padding:0 .4rem;}
.product__info-container .product-form__quantity .form__label,
.product__info-container .product-form__quantity label{font-size:15px !important; color:#504139 !important;}
.product__info-container .quantity__input{font-size:1.5rem !important;}
.product__info-container .field__input{
  background:#fff !important; border:1px solid transparent !important; box-shadow:none !important; outline:0 !important;
}
.product__info-container .field:before,
.product__info-container .field:after{content:none !important; box-shadow:none !important; border:0 !important;}
.product__info-container .field__input:focus,
.product__info-container .field__input:focus-visible,
.product__info-container .field__input.focused{
  background:#fff !important; border-color:transparent !important; box-shadow:none !important; outline:0 !important;
}
/* Masques fiche */
.product__tax,.product__text{display:none !important;}

/* Bloc personnalisation (espacements) */
.template-product .product__info-container{
  --gap-top-toggle:16px; --gap-bottom-toggle:12px; --gap-top-box-open:10px;
}
.template-product .perso-toggle{margin-top:var(--gap-top-toggle) !important; margin-bottom:var(--gap-bottom-toggle) !important;}
.template-product .personalization-box{margin-top:var(--gap-top-box-open) !important;}
.template-product .personalization-box.is-collapsed{margin-top:0 !important;}
@media (max-width:640px){
  .template-product .perso-q{font-size:13px !important;}
  .template-product .perso-toggle{flex-direction:column; align-items:flex-start; gap:6px;}
  .template-product .perso-answers .pill{padding:6px 10px; min-height:22px; font-size:13px;}
  .template-product .product__info-container{--gap-top-toggle:14px; --gap-bottom-toggle:10px; --gap-top-box-open:15px;}
}

/* Bouton “Partager” custom */
.product__info-container .share-button__button{
  display:inline-flex; align-items:center; gap:var(--share-gap);
  padding:8px 12px; border-radius:999px; border:1px solid var(--share-bd);
  background:var(--share-bg); color:var(--share-text);
  font-size:var(--share-fs) !important; line-height:1; font-weight:500;
  cursor:pointer; transition:transform .08s, border-color .2s, box-shadow .2s;
}
.product__info-container .share-button__button .svg-wrapper,
.product__info-container .share-button__button svg{display:none !important;}
.product__info-container .share-button__button::before{
  content:""; width:var(--share-icon-size); height:var(--share-icon-size);
  background:var(--share-icon-url) center/contain no-repeat; flex:0 0 var(--share-icon-size);
}
.product__info-container .share-button__button:hover,
.product__info-container .share-button__button:focus-visible{
  border-color:var(--share-accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--share-accent) 18%, transparent);
  transform:translateY(-1px);
}

/* Pills à droite du titre */
.product-title-row{display:flex; align-items:flex-start; justify-content:space-between; gap:12px;}
.product-title-row .title-pills{display:flex; flex-direction:column; gap:var(--pill-gap);}
.product-title-row .pill--icon{
  width:var(--pill-size); height:var(--pill-size); border-radius:9999px; border:1px solid var(--pill-bd);
  background:var(--pill-bg); display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; line-height:1; padding:0;
  transition:transform .08s, border-color .2s, box-shadow .2s, background-color .2s;
}
.product-title-row .pill--icon:hover,
.product-title-row .pill--icon:focus-visible{
  border-color:var(--pill-accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-accent) 20%, transparent);
  transform:translateY(-1px); outline:0;
}
.product-title-row .pill--share::before{
  content:""; width:var(--pill-icon); height:var(--pill-icon);
  background:var(--share-icon-url) center/contain no-repeat;
}
.product-title-row .pill--fav::before{
  content:""; width:var(--pill-icon); height:var(--pill-icon);
  background:center/contain no-repeat;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z'/></svg>");
}
.product-title-row .pill--fav.is-active::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23163c68'><path d='M12.1 21.35l-1.1-1.0C5.14 15.24 2 12.39 2 8.99 2 6.24 4.24 4 6.99 4c1.73 0 3.41.81 4.46 2.09A5.77 5.77 0 0 1 15.91 4C18.66 4 20.9 6.24 20.9 8.99c0 3.4-3.14 6.25-8.01 11.36l-0.79.74z'/></svg>");
}
@media (max-width:640px){
  :root{--pill-size:32px; --pill-icon:16px;}
}

/* Anti effets WebKit sur input search génériques */
.cb-search__input{box-shadow:none !important;}
.cb-search__input::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; display:none;}

/* =========================================================
   (2/3) Header desktop finitions, mobile header & icônes
   ========================================================= */

/* Icônes desktop groupées et finitions génériques */
@media (min-width:990px){
  .header__icons{display:flex !important; align-items:center !important; gap:var(--menu-gap-icons); flex-wrap:nowrap;}
  .header__icons > *{flex:0 0 auto;}
  .desktop-localization-wrapper{display:flex !important; align-items:center !important; gap:12px; flex-wrap:nowrap;}
  .large-up-hide{display:none !important;}
  .header__icon:not(.large-up-hide),
  .header__icons a:not(.large-up-hide),
  .header__icons .link:not(.large-up-hide){
    display:inline-flex !important; align-items:center; justify-content:center;
  }
}

/* ====== HEADER MOBILE & TABLETTE ====== */
@media (max-width:989px){
  /* grille 3 colonnes : burger / logo / icônes */
  .section-header .header{
    display:grid !important;
    grid-template-columns:40px 1fr auto !important;
    grid-auto-rows:min-content !important;
    align-items:center !important;
    column-gap:10px !important;
    padding:0 10px !important;
    height:var(--mbl-header-h) !important;

    padding-top: var(--header-padT-m) !important;
    padding-bottom: var(--header-padB-m) !important;
    row-gap: var(--header-rowgap-m) !important;
  }
  header-drawer{display:block !important;}
  summary.header__icon--menu{
    display:inline-flex !important; align-items:center; justify-content:center;
    width:40px !important; height:40px !important; padding:0 !important;
    position:relative; z-index:2;
  }

  .header__heading{justify-self:start !important;}
  .header__heading-link{transform:none !important; margin-left:2px !important; position:relative; z-index:1; max-width:150px !important;}
  .header__heading-logo-wrapper{max-width:150px !important; width:auto !important;}
  .header__heading-logo{max-width:100% !important; height:auto !important;}

  /* icônes à droite */
  .section-header .header__icons{
    justify-self:end !important; display:flex !important; align-items:center !important; gap:14px !important;
    margin-right:-8px !important;
  }
  :root{--mbl-icon-size:20px; --mbl-badge-size:14px;}
  .section-header .header__icon .svg-wrapper, .section-header .header__icon svg{
    width:var(--mbl-icon-size) !important; height:var(--mbl-icon-size) !important; stroke-width:1.8 !important;
  }
  .section-header .header__icon{
    display:inline-flex !important; align-items:center; justify-content:center;
    transition:opacity .15s, transform .12s, box-shadow .15s; border-radius:8px;
  }
  .section-header .header__icon:hover{opacity:.75;}
  .section-header .header__icon:active{transform:translateY(1px);}
  .section-header .header__icon:focus-visible{outline:0; box-shadow:0 0 0 2px rgba(22,60,104,.28);}
  .section-header .header__icon--cart svg{transform:none !important; stroke-width:1.8 !important;}

  .section-header .header__icons .cart-count-bubble,
  .section-header .header__icons .wishlist-badge{
    top:-4px !important; right:-6px !important;
    min-width:var(--mbl-badge-size) !important; height:var(--mbl-badge-size) !important; line-height:var(--mbl-badge-size) !important;
    font-size:10px !important; font-weight:600 !important; border-radius:999px !important; background:#163c68 !important; color:#fff !important;
  }
}

/* Burger un peu plus à gauche (petit réglage) */
@media (max-width:989px){
  :root{ --burger-col:39px; --burger-shift:-2px; }
  .section-header .header{ grid-template-columns:var(--burger-col) 1fr auto !important; }
  header-drawer{ margin-left:var(--burger-shift) !important; }
  .menu-drawer-container > summary.header__icon--menu{
    padding-left:0 !important; margin-left:var(--burger-shift) !important; width:36px !important; height:36px !important;
  }
}

/* Desktop “plein écran” — panier plus gros + pastille centrée */
@media (min-width:990px){
  :root{
    --cart-scale:1.80; --cart-shift-y:1px;
    --cart-badge:16px; --cart-badge-top:2px; --cart-badge-right:1px; --cart-badge-fs:11px;
  }
  .section-header .header__icon--cart{position:relative !important;}
  .section-header .header__icon--cart svg{
    transform:translateY(var(--cart-shift-y)) scale(var(--cart-scale)) !important;
    transform-origin:center center !important; stroke-width:1.8 !important;
  }
  .section-header .header__icon--cart .cart-count-bubble{
    position:absolute !important; top:var(--cart-badge-top) !important; right:var(--cart-badge-right) !important;
    width:var(--cart-badge) !important; min-width:var(--cart-badge) !important; height:var(--cart-badge) !important;
    line-height:1 !important; padding:0 !important; text-align:center !important; box-sizing:border-box !important;
    font-size:var(--cart-badge-fs) !important; border-radius:999px !important; background:#163c68 !important; color:#fff !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
  }
}

/* =========================================================
   (3/3) Recherche desktop & mobile — version consolidée
   ========================================================= */

/* Icônes “X/clear/close” jamais visibles (mobile + desktop) */
.cb-search__clear, .mb-search__clear, .mb-search__close{display:none !important;}

/* ---------- Desktop plein écran (≥1440px) ---------- */
@media (min-width:1440px){
  .header__inline-menu{display:block !important;}
  header-drawer, summary.header__icon--menu{display:none !important;}
  #mb-search-toggle, .mb-search{display:none !important;}
  .cb-search{display:flex !important; align-items:center !important; position:relative;}
  .cb-search__btn{
    background:transparent !important; border:0 !important; padding:6px 8px !important;
    display:inline-flex; align-items:center; justify-content:center;
    transition:opacity .2s, transform .12s;
  }
  .cb-search__btn .svg-wrapper, .cb-search__btn svg{width:20px; height:20px;}
  .cb-search__btn:hover{opacity:.7; transform:translateY(-1px);}

  .cb-search__form{
    display:flex !important; align-items:center !important;
    height:var(--search-h);
    min-width:320px; max-width:420px; width:360px;
    background:var(--search-bg) !important; border:1px solid var(--search-border) !important;
    border-radius:var(--search-r); padding:0 var(--search-pad-r) 0 var(--search-pad-l);
    box-shadow:none !important;
  }
  .cb-search__icon{position:absolute; left:16px; top:50%; transform:translateY(-50%);}
  .cb-search__icon .svg-wrapper, .cb-search__icon svg{width:16px; height:16px;}
  .cb-search__input{font-size:15px; border:0; outline:0; background:transparent; width:100%; height:100%;}
  .cb-search__input::placeholder{color:var(--placeholder);}
}

/* ---------- Zone “mobile-like” (990–1439px) ---------- */
@media (min-width:990px) and (max-width:1439px){
  .header__inline-menu, header-menu{display:none !important;}
  header-drawer, summary.header__icon--menu{display:inline-flex !important;}
  .cb-search, .cb-search__form, .search-modal, .search-modal__toggle,
  .header__icon--search{display:none !important;}
  #mb-search-toggle{display:inline-flex !important;}
}

/* ---------- Cache la recherche native Dawn jusqu’à 1439px ---------- */
@media (max-width:1439px){
  .section-header .header__search,
  .section-header .header__search form,
  .section-header form[action="/search"]:not(.mb-search__form),
  .section-header predictive-search,
  .section-header .search__input-wrapper{
    display:none !important;
  }
}

/* ---------- Barre mobile (vrai mobile ≤989px et “mobile-like” ≤1439px) ---------- */
@media (max-width:989px), (min-width:990px) and (max-width:1439px){
  .shopify-section-header{position:relative; z-index:300 !important;}

  .section-header .mb-search:not(.is-open){display:none !important;}
  .section-header .mb-search.large-up-hide.is-open{display:block !important;}

  .section-header .mb-search.is-open{
    position:fixed !important; left:0; right:0;
    top:calc(var(--ann-bar-h) + var(--mbl-header-h)) !important;
    z-index:260 !important;
    padding:4px 14px 0 !important;
  }
  .section-header .mb-search.is-open::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    top:0; width:100vw; height:64px; background:#fff; z-index:0;
  }

  .section-header .mb-search.is-open .mb-search__form{
    position:relative !important; z-index:2;
    display:flex !important; align-items:center !important;
    height:var(--mb-search-h) !important;
    max-width:var(--mb-sheet-max) !important; width:min(92vw, var(--mb-sheet-max)) !important;
    margin:0 auto !important; padding:0 var(--mb-search-pad-x) !important;
    border-radius:var(--mb-search-radius) !important;
    background:var(--search-bg) !important; border:1px solid var(--search-border) !important;
    box-shadow:none !important;
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
  }

  .section-header .mb-search.is-open .mb-search__input,
  .section-header .mb-search.is-open form[action="/search"] input[type="search"]{
    flex:1 1 auto !important; min-width:0 !important;
    width:100% !important; height:100% !important;
    padding:0 !important; margin:0 !important;
    background:transparent !important; border:0 !important; outline:0 !important; box-shadow:none !important;
    -webkit-appearance:none !important; appearance:none !important;
    font-size:16px !important; color:#504139 !important; caret-color:#163c68 !important;
  }
  .section-header .mb-search__icon,
  .section-header .mb-search__clear{display:none !important;}
  .section-header .mb-search.is-open [hidden]{display:none !important;}
}

/* ---------- Tablette large (750–989px) ---------- */
@media (min-width:750px) and (max-width:989px){
  :root{ --mb-search-h:42px; --mb-sheet-max:460px; }
}

/* ---------- Mobile étroit (<750px) ---------- */
@media (max-width:749px){
  :root{ --mb-search-h:40px; --mb-sheet-max:380px; }
}

/* ---------- Desktop fenêtré : micro-ajustements d’icônes ---------- */
@media (min-width:990px) and (max-width:1440px){
  .section-header .header__icons{ gap:12px !important; margin-right:6px !important; }
}

/* ---------- Sécurité : pas de débordements sous 1440px ---------- */
@media (max-width:1439px){
  .shopify-section-header .header{overflow:hidden !important;}
}

/* =========================
   PATCH FINAL — RECHERCHE + PANIER
   (à coller TOUT EN BAS du fichier)
   ========================= */

/* --- Tokens de secours (si non définis plus haut) --- */
:root{
  --ann-bar-h: 36px;
  --mbl-header-h: 46px;

  --search-bg:rgb(245, 245, 245);
  --search-border: rgba(0,0,0,.08);

  --mb-sheet-max: 560px;
  --mb-search-h: 44px;
  --mb-search-pad-x: 14px;
  --mb-search-radius: 12px;
}

/* 0) Tuer TOUTE loupe/cherche native du thème (sinon double icône) */
.search-modal,
.search-modal__toggle,
.header__icon--search{
  display:none !important;
}

/* 1) ----- DESKTOP PLEIN ÉCRAN (≥1440px) : loupe + box au clic ----- */
@media (min-width:1440px){
  .cb-search{ display:flex !important; align-items:center !important; }
  .mb-search{ display:none !important; }

  .cb-search__btn{ display:inline-flex !important; }
  .cb-search__form{
    display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important;
    height:44px !important;
    background:var(--search-bg) !important; border:1px solid var(--search-border) !important; border-radius:999px !important;
    padding:0 46px 0 44px !important;
    min-width:320px !important; width:360px !important; max-width:420px !important;
  }
  .cb-search.is-open .cb-search__btn{ display:none !important; }
  .cb-search.is-open .cb-search__form{
    display:flex !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
    align-items:center !important;
  }
  .cb-search__icon{
    position:absolute !important; left:16px !important; top:57% !important; transform:translateY(-50%) !important;
    pointer-events:none !important;
  }
  .cb-search__icon .svg-wrapper, .cb-search__icon svg{ width:16px !important; height:16px !important; }
  .cb-search__input{
    flex:1 1 auto !important; width:100% !important; height:100% !important; min-width:0 !important;
    padding:0 !important; background:transparent !important; border:0 !important; outline:0 !important; box-shadow:none !important;
    font-size:15px !important; color:#504139 !important; caret-color:#163c68 !important;
  }
  .cb-search__clear{ display:none !important; }
}

/* 2) ----- DESKTOP FENÊTRÉ (990–1439px) : mode “mobile-like” propre ----- */
@media (min-width:990px) and (max-width:1439px){
  .cb-search, .cb-search__form{ display:none !important; }
  .section-header .mb-search:not(.is-open){ display:none !important; }

  .section-header .mb-search.is-open{
    position:fixed !important; left:0; right:0;
    top:calc(var(--ann-bar-h) + var(--mbl-header-h)) !important;
    z-index:260 !important; padding:4px 14px 0 !important; display:block !important;
  }
  .section-header .mb-search.is-open::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    top:30px; width:100vw; height:64px; background:#fff; z-index:0;
  }

  .section-header .mb-search.is-open .mb-search__form{
    position:relative !important; z-index:1 !important;
    display:flex !important; align-items:center !important;
    height:var(--mb-search-h) !important;top:30px;
    max-width:var(--mb-sheet-max) !important; width:min(92vw,var(--mb-sheet-max)) !important;
    margin:0 auto !important; padding:0 var(--mb-search-pad-x) !important; border-radius:var(--mb-search-radius) !important;
    background:var(--search-bg) !important; border:1px solid var(--search-border) !important; box-shadow:none !important;
  }
  .section-header .mb-search__icon,
  .section-header .mb-search__clear,
  .section-header .mb-search__close{ display:none !important; }
  .section-header .mb-search__input{
    flex:1 1 auto !important; min-width:0 !important;
    width:100% !important; height:100% !important; padding:0 !important; margin:0 !important;
    background:transparent !important; border:0 !important; outline:0 !important; box-shadow:none !important;
    -webkit-appearance:none !important; appearance:none !important;
    font-size:16px !important; color:#504139 !important; caret-color:#163c68 !important;
  }
}

/* 3) ----- MOBILE (≤989px) ----- */
@media (max-width:989px){
  .cb-search, .cb-search__form{ display:none !important; }

  .section-header .mb-search:not(.is-open){ display:none !important; }
  .section-header .mb-search.is-open{
    position:fixed !important; left:0; right:0;
    top:calc(var(--ann-bar-h) + var(--mbl-header-h)) !important;
    z-index:260 !important; padding:4px 14px 0 !important; display:block !important;
  }
  .section-header .mb-search.is-open::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    top:0; width:100vw; height:64px; background:#fff; z-index:0;
  }
  .section-header .mb-search.is-open .mb-search__form{
    position:relative !important; z-index:1 !important;
    display:flex !important; align-items:center !important;
    height:42px !important; max-width:420px !important; width:min(92vw,420px) !important;
    margin:0 auto !important; padding:0 12px !important; border-radius:12px !important;
    background:var(--search-bg) !important; border:1px solid var(--search-border) !important; box-shadow:none !important;
  }
  .section-header .mb-search__icon,
  .section-header .mb-search__clear,
  .section-header .mb-search__close{ display:none !important; }
  .section-header .mb-search__input{
    flex:1 1 auto !important; min-width:0 !important;
    width:100% !important; height:100% !important; padding:0 !important; margin:0 !important;
    background:transparent !important; border:0 !important; outline:0 !important; box-shadow:none !important;
    -webkit-appearance:none !important; appearance:none !important;
    font-size:16px !important; color:#504139 !important; caret-color:#163c68 !important;
  }
}

/* 4) ----- PANIER plus grand + pastilles ----- */
.section-header .header__icons a,
.section-header .header__icon{ position:relative !important; }

@media (max-width:1439px){
  .section-header .header__icon--cart svg{
    transform:scale(1.89) !important; transform-origin:center center !important; stroke-width:1.8 !important;
  }
  .section-header .header__icon--cart{ position:relative !important; }

  .section-header .header__icon--cart .cart-count-bubble{
    position:absolute !important; top:2px !important; right:3px !important;
    min-width:14px !important; height:14px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    line-height:1 !important; font-size:10px !important; padding:0 !important; border-radius:999px !important;
    background:#163c68 !important; color:#fff !important;
  }

  .section-header .header__icons .wishlist-badge{
    position:absolute !important; top:2px !important; right:2px !important;
    min-width:15px !important; height:15px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    line-height:1 !important; font-size:10px !important; border-radius:999px !important;
    background:#163c68 !important; color:#fff !important;
  }
}

/* ==== TABLETTE (620–989px) : logo centré pile + +3px ==== */
@media (min-width: 620px) and (max-width: 989px){
  .shopify-section-header .header{ position: relative !important; }
  .shopify-section-header .header__heading{
    position: absolute !important; left: 50% !important; transform: translateX(-50%) !important;
    margin: 0 !important; z-index: 1; pointer-events: auto;
  }
  .section-header summary.header__icon--menu,
  .section-header .header__icons{ position: relative !important; z-index: 2 !important; }
}
/* === Logo plus grand entre 411px et 989px === */
@media (min-width:411px) and (max-width:989px){
  .section-header .header__heading-logo-wrapper{ max-width: 180px !important; }
  .section-header .header__heading-logo,
  .section-header .header__heading-logo.motion-reduce{ width: 100% !important; height: auto !important; }
}
/* Variante si tu veux un cran de plus sur 620–989 (ex +3px) */
@media (min-width:620px) and (max-width:989px){
  .section-header .header__heading-logo-wrapper{ max-width: 183px !important; }
}

/* =============================
   HEADER — tailles logo (desktop)
   ============================= */
:root{
  --logo-w-tablet: 210px;    /* 411–989px */
  --logo-w-desktop: 230px;   /* ≥990px */
  --logo-h-desktop: 72px;    /* hauteur max image en desktop */
}
.section-header .header__heading-link,
.section-header .header__heading-logo-wrapper{
  max-width: var(--logo-w-mobile) !important;
}
@media (min-width:411px) and (max-width:989px){
  .section-header .header__heading-link,
  .section-header .header__heading-logo-wrapper{ max-width: var(--logo-w-tablet) !important; }
}
@media (min-width:990px){
  .header__heading-logo-wrapper{ max-width: var(--logo-w-desktop) !important; }
  .shopify-section-header .header__heading img{ max-height: var(--logo-h-desktop) !important; }
}

/* HEADER pleine largeur (fond + contenu) */
:root{ --header-pad-m:16px; --header-pad-d:24px; }
.section-header .header.page-width{
  max-width:none !important; width:100% !important;
  padding-left:var(--header-pad-m) !important;
  padding-right:var(--header-pad-m) !important;
}
@media(min-width:990px){
  .section-header .header.page-width{
    padding-left:var(--header-pad-d) !important;
    padding-right:var(--header-pad-d) !important;
  }
  .section-header .header__icons{
    justify-self:end !important; gap:18px !important; flex-wrap:nowrap !important;
    padding-right:clamp(12px,2vw,32px);
  }
  .section-header .header{ overflow:visible !important; }
}

/* Optionnel : barre d'annonce pleine largeur aussi */
.announcement-bar-section .page-width{
  max-width:none !important; width:100% !important;
  padding-left:var(--header-pad-m) !important; padding-right:var(--header-pad-m) !important;
}
@media(min-width:990px){
  .announcement-bar-section .page-width{
    padding-left:var(--header-pad-d) !important; padding-right:var(--header-pad-d) !important;
  }
}

/* ======= Composants produits (entête) ======= */
.product-header{
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 1rem;
  row-gap: .25rem;
}
.product-header__titleline{
  grid-column: 1; grid-row: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
}
.product-header .price{
  grid-column: 1; grid-row: 2;
  margin: 0;
}

/* == Tailles menu desktop == */
:root{
  --menu-fs-d: 15px;    /* taille des items de 1er niveau */
  --submenu-fs-d: 14px; /* taille des sous-menus / mega-menu */
}

@media (min-width: 990px){
  /* 1er niveau (liens + items avec sous-menu) */
  .header__inline-menu .list-menu > li > a.header__menu-item,
  .header__inline-menu .list-menu > li > summary.header__menu-item{
    font-size: var(--menu-fs-d) !important;
    line-height: 1.35;
    /* optionnels :
    letter-spacing: .02em;
    text-transform: none;
    */
  }

  /* Sous-menus (dropdowns et mega-menu) */
  .header__submenu .header__menu-item,
  .mega-menu__content .mega-menu__link{
    font-size: var(--submenu-fs-d) !important;
    line-height: 1.35;
  }
}
/* mêmes tailles pour catégories et sous-catégories */
@media (max-width: 989px){
  #menu-drawer .menu-drawer__menu > li > .menu-drawer__menu-item,
  #menu-drawer .menu-drawer__submenu .menu-drawer__menu-item{
    font-size: 15px !important; /* ← ajuste ici */
  }
}

/* parents avec sous-menu vs sans sous-menu */
@media (max-width: 989px){
  #menu-drawer .menu-drawer__navigation .menu-drawer__menu > li > details > summary.menu-drawer__menu-item{
    font-size: 15px !important; /* ← ajuste ici */
  }
  #menu-drawer .menu-drawer__navigation .menu-drawer__menu > li > a.menu-drawer__menu-item{
    font-size: 16px;            /* ← et ici */
  }
}
/* Ne pas rogner les badges injectés par les apps dans le header */
.header__icons .shopify-app-block { overflow: visible !important; }

/* Classe de masquage unifiée pour nos scripts */
.wishlist-badge--hidden { display: none !important; }

/* Sécu : si plusieurs pastilles wishlist se superposent, on cache les doublons marqués */
.header__icons .is-duplicate { display: none !important; }
/* Cache le badge quand il est vide/à 0/masqué par ARIA */
#wl-badge[hidden],
#wl-badge[aria-hidden="true"],
#wl-badge[data-count="0"],
#wl-badge:empty {
  display: none !important;
}

/* Laisse la bulle s’afficher normalement quand >0 (optionnel) */
#wl-badge:not([hidden]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Évite qu’un overflow: hidden d’un bloc app rogne/force l’affichage */
.header__icons .shopify-app-block { overflow: visible !important; }

/* === Home > Collection en vedette : bandeau blanc + padding propre === */
[id*="featured_collection"] .card__information{
  /* fond blanc au lieu du gris hérité */
  --gradient-background: #fff !important;
  background: #fff !important;

  /* plus d’air en bas pour éviter l’effet “collé/bord rogné” */
  padding: 12px 16px 16px !important;
  line-height: 1.35;
}
[id*="featured_collection"] .card__information::before{
  content: none !important;           /* retire le fin séparateur/ombre */
}

/* Si un dégradé est appliqué sur la carte (class .gradient), on le force à blanc */
[id*="featured_collection"] .card.gradient,
[id*="featured_collection"] .card .gradient{
  --gradient-background: #fff !important;
  background: #fff !important;
}

/* Petites marges internes cohérentes pour le titre & le prix */
[id*="featured_collection"] .card__heading{ margin: 0 0 4px !important; }
[id*="featured_collection"] .price{ margin-top: 2px !important; }

/* Espace entre la grille et le CTA “Tout afficher” */
[id*="featured_collection"] .collection__view-all,
[id*="featured_collection"] .featured-collection__view-all{
  margin-top: clamp(16px, 3vw, 28px) !important;
}
/* === HOME > Collection en vedette — réglages MOBILE uniquement === */
@media (max-width: 749px){

  /* Bandeau titre/prix : plus d’air + textes lisibles */
  [id*="featured_collection"] .card__information{
    padding: 2px 0px 8px !important;   /* top | sides | bottom */
    line-height: 0.65;
  }

  /* Titre produit (h3.card__heading) */
  [id*="featured_collection"] .card__heading{
    font-size: clamp(14px, 4.2vw, 5px) !important;
    margin: 0 0 4px !important;
  }
  [id*="featured_collection"] .card__heading a{
    word-break: break-word;
  }

  /* Prix */
  [id*="featured_collection"] .price{ margin-top: 2px !important; }
  [id*="featured_collection"] .price .price-item{
    font-size: clamp(12px, 3.8vw, 1px) !important;
  }

  /* Espace au-dessus du CTA + CTA plus compact (mobile only) */
  [id*="featured_collection"] .collection__view-all,
  [id*="featured_collection"] .featured-collection__view-all{
    margin-top: 0px !important;
  }
  [id*="featured_collection"] .featured-collection__view-all .button{
    font-size: 11.5px !important;
    padding: 5px 10px !important;      /* ↓ plus petit */
    min-width: 0 !important;
    min-height: 0 !important;
  }
}
/* === Lightbox produit minimal === */
.eb-lightbox{
  position: fixed; inset: 0; z-index: 9999;
  display: none; align-items: center; justify-content: center;
  background: rgba(0,0,0,.82); overscroll-behavior: contain;
}
.eb-lightbox.is-open{ display:flex; }

.eb-lightbox__img{
  max-width: min(92vw, 1600px);
  max-height: 92vh;
  transform: translate(var(--tx,0px), var(--ty,0px)) scale(var(--scale,1));
  transition: transform .15s ease;
  will-change: transform;
  cursor: zoom-in; user-select: none; -webkit-user-drag: none;
  touch-action: none;
}
.eb-lightbox__close{
  position:absolute; top:12px; right:12px; width:42px; height:42px;
  display:inline-flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.12); color:#fff;
  border:0; border-radius:999px; cursor:pointer; font-size:20px;
}
.eb-lightbox__close:hover{ background: rgba(255,255,255,.18); }
.eb-lightbox__close:before{ content:"✕"; transform: translateY(-1px); }

.eb-lightbox.is-zoomed .eb-lightbox__img{ cursor: move; }

/* Empêche le scroll quand le lightbox est ouvert */
html.no-scroll{ overflow:hidden; }
/* Cache le modal image natif de Dawn (pas les vidéos) */
.product-media-modal { display: none !important; }
/* === Forcer la couleur rouge pour l'item de menu "Boule de Noël" (desktop + mobile) === */
/* Desktop : menu en ligne */
.header__inline-menu a.header__menu-item[href*="/collections/boule"],
.header__inline-menu a.header__menu-item[href*="/collections/boules"]{
  color: #b33a2f !important;               /* rouge du lien */
  text-decoration: none !important;
}

/* État actif/hover/focus/visited — on garde le même rouge */
.header__inline-menu a.header__menu-item[href*="/collections/boule"]:hover,
.header__inline-menu a.header__menu-item[href*="/collections/boule"]:focus-visible,
.header__inline-menu a.header__menu-item[href*="/collections/boule"][aria-current],
.header__inline-menu a.header__menu-item[href*="/collections/boules"]:hover,
.header__inline-menu a.header__menu-item[href*="/collections/boules"]:focus-visible,
.header__inline-menu a.header__menu-item[href*="/collections/boules"][aria-current]{
  color: #b33a2f !important;
}

/* Mobile : menu tiroir */
#menu-drawer a.menu-drawer__menu-item[href*="/collections/boule"],
#menu-drawer a.menu-drawer__menu-item[href*="/collections/boules"]{
  color: #b33a2f !important;
}

/* Si le thème applique un soulignement/ombre au survol, on le neutralise pour cet item */
.header__inline-menu a.header__menu-item[href*="/collections/boule"] span,
.header__inline-menu a.header__menu-item[href*="/collections/boules"] span{
  box-shadow: none !important;
}
.product__title{font-size:clamp(22px,2.5vw,32px);line-height:1.15;margin:0 0 .5rem}
.h1__prefix{opacity:.6;font-weight:500}
.h1__focus{font-weight:700}
@media (max-width:740px){
  .h1__prefix{font-size:.9em}
  .h1__focus{font-size:1.02em}
}
/* === Header icons & grille — compatible sticky === */
@media (max-width: 619px){
  /* groupe d'icônes rapproché + centré dans la box */
  .shopify-section-header .header__icons,
  .shopify-section-header-sticky .header__icons,
  .header-wrapper .header .header__icons{
    gap: 6px !important;
    margin-right: 0 !important;
    align-self: center !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--mbl-header-h, 46px) !important;
  }

  /* tailles hitbox + svg */
  .shopify-section-header .header__icon,
  .shopify-section-header-sticky .header__icon,
  .header-wrapper .header .header__icon,
  .shopify-section-header .header__icons a,
  .shopify-section-header-sticky .header__icons a,
  .header-wrapper .header .header__icons a,
  .shopify-section-header .header__icons .link,
  .shopify-section-header-sticky .header__icons .link,
  .header-wrapper .header .header__icons .link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important; height:28px !important; padding:0 !important; line-height:1 !important;
  }
  .shopify-section-header .header__icon .svg-wrapper,
  .shopify-section-header-sticky .header__icon .svg-wrapper,
  .header-wrapper .header .header__icon .svg-wrapper,
  .shopify-section-header .header__icon svg,
  .shopify-section-header-sticky .header__icon svg,
  .header-wrapper .header .header__icon svg{
    display:block !important;
    width:18px !important; height:18px !important; stroke-width:1.8 !important;
  }

  /* pastilles */
  .shopify-section-header .header__icon--cart,
  .shopify-section-header-sticky .header__icon--cart,
  .header-wrapper .header .header__icon--cart{ position:relative !important; }
  .shopify-section-header .header__icon--cart .cart-count-bubble,
  .shopify-section-header-sticky .header__icon--cart .cart-count-bubble,
  .header-wrapper .header .header__icon--cart .cart-count-bubble{
    position:absolute !important; top:-3px !important; right:-3px !important;
    min-width:13px !important; height:13px !important; padding:0 !important; line-height:1 !important; font-size:9px !important;
    border-radius:999px !important;
  }
}

@media (max-width: 989px){
  :root{ --burger-col: 30px; } /* fallback */

  /* grille burger | logo | icônes pour toutes les variantes */
  .shopify-section-header .header,
  .shopify-section-header-sticky .header,
  .header-wrapper .header{
    grid-template-columns: var(--burger-col) 1fr auto !important;
    column-gap: 4px !important;
  }

  header-drawer{ margin-left:-6px !important; }
  .menu-drawer-container > summary.header__icon--menu{
    width:30px !important; height:30px !important; padding:0 !important;
  }
  .section-header .header__heading-link{ margin-left:-4px !important; padding-left:0 !important; }
  .section-header .header__heading-logo-wrapper{ max-width:180px !important; }
}
/* ======= MOBILE ÉTROIT (≤ 619px) — Logo plus près du burger ======= */
@media (max-width: 619px){
  /* 1) Resserrer la grille et la colonne du burger */
  .section-header .header{
    grid-template-columns: 1px auto 1fr !important; /* burger | logo | icônes */
    column-gap: 0px !important;                      /* espace entre colonnes réduit */
    padding-left: 0px !important;                    /* un peu moins de padding global */
    padding-right: 0px !important;
  }
  .menu-drawer-container > summary.header__icon--menu{
    width: 15px !important; height: 15px !important; margin-left: -2px !important;
  }

  /* 2) Coller légèrement le logo vers la gauche et l’autoriser à grandir */
  .section-header .header__heading{ justify-self: start !important; }
  .section-header .header__heading-link{ margin-left: -10px !important; } /* rapprochement visuel */

  .section-header .header__heading-link,
  .section-header .header__heading-logo-wrapper{
    max-width: 150px !important;   /* ← monte jusqu’à 200px si tu veux encore + grand */
  }
  .section-header .header__heading-logo,
  .section-header .header__heading-logo.motion-reduce{
    width: 100% !important; height: auto !important;
  }

  /* 3) Laisser respirer côté icônes pour ne pas qu’elles mangent l’espace */
  .section-header .header__icons{
    gap: -20px !important;           /* un poil moins d’écart entre icônes */
    margin-right: 0 !important;
  }
}
/* ===== MOBILE (≤ 619px) — icônes de services plus proches ===== */
@media (max-width: 619px){

  /* 1) Espace entre icônes fortement réduit */
  .section-header .header__icons{
    gap: 6px !important;           /* était ~14px */
    margin-right: 0 !important;
  }

  /* 2) Boîtes cliquables plus compactes */
  .section-header .header__icon,
  .section-header .header__icons a,
  .section-header .header__icons .link{
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
  }

  /* 3) Taille des SVG réduite et uniforme */
  .section-header .header__icon .svg-wrapper,
  .section-header .header__icon svg{
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.8 !important;
  }

  /* 4) Pastilles (panier / wishlist) plus petites et mieux placées */
  .section-header .header__icon--cart{ position: relative !important; }
  .section-header .header__icon--cart .cart-count-bubble{
    top: -3px !important;
    right: -3px !important;
    min-width: 13px !important;
    height: 13px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    padding: 0 !important;
    border-radius: 999px !important;
  }
  .section-header .header__icons .wishlist-badge{
    top: -3px !important;
    right: -3px !important;
    min-width: 13px !important;
    height: 13px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
  }

  /* 5) Un peu plus de place au centre pour le logo */
  .section-header .header{
    grid-template-columns: 36px 1fr auto !important; /* burger | logo | icônes */
    column-gap: 6px !important;
  }
}
/* ===== MOBILE (≤ 619px) — centrer le groupe d'icônes dans la box ===== */
@media (max-width: 619px){
  /* La colonne d'icônes (à droite) : centrée verticalement et bien calée à droite */
  .section-header .header__icons{
    align-self: center !important;         /* centre la zone dans la ligne du header */
    justify-self: end !important;          /* reste à droite */
    align-items: center !important;        /* centre VERTICAL le contenu */
    justify-content: center !important;    /* centre HORIZON le contenu à l'intérieur */
    height: var(--mbl-header-h) !important;/* même hauteur que le header */
  }

  /* Chaque icône = vrai carré cliquable, contenu centré pile */
  .section-header .header__icon,
  .section-header .header__icons a,
  .section-header .header__icons .link{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  /* Empêche l'alignement “baseline” des SVG (petit décalage vers le haut) */
  .section-header .header__icon .svg-wrapper,
  .section-header .header__icon svg{
    display: block !important;
    width: 18px !important;
    height: 18px !important;
  }

  /* Pastilles : position absolue, ne “pousse” rien et ne décale plus l’icône */
  .section-header .header__icon--cart{ position: relative !important; }
  .section-header .header__icon--cart .cart-count-bubble{
    position: absolute !important;
    top: -3px !important;
    right: -3px !important;
    min-width: 13px !important;
    height: 13px !important;
    padding: 0 !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 9px !important;
  }
  .section-header .header__icons .wishlist-badge{
    position: absolute !important;
    top: -3px !important;
    right: -3px !important;
    min-width: 13px !important;
    height: 13px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    font-size: 9px !important;
  }

  /* La grille du header : un peu moins d’espace latéral pour gagner de la place */
  .section-header .header{
    grid-template-columns: 36px 1fr auto !important; /* burger | logo | icônes */
    column-gap: 6px !important;
  }
}
/* ===== MOBILE/TABLETTE — rapprocher le logo du burger ===== */
@media (max-width: 989px){
  /* 1) Colonne burger + espacement global plus compacts */
  :root{
    --burger-col: 30px;   /* largeur colonne burger (avant ~39–40px) */
  }
  .section-header .header{
    grid-template-columns: var(--burger-col) 1fr auto !important; /* burger | logo | icônes */
    column-gap: 4px !important;                                    /* moins d’air entre colonnes */
  }

  /* 2) Bouton burger un poil plus à gauche */
  header-drawer{ margin-left: -6px !important; }
  .menu-drawer-container > summary.header__icon--menu{
    width: 30px !important; height: 30px !important; padding: 0 !important;
  }

  /* 3) Logo : on le décale légèrement vers le burger */
  .section-header .header__heading-link{
    margin-left: -4px !important;   /* rapproche visuellement */
    padding-left: 0 !important;     /* retire le padding natif éventuel */
  }
  .section-header .header__heading-logo-wrapper{
    max-width: 180px !important;    /* garde ta taille souhaitée */
  }
}
/* --- Cartes produits : rapprocher le titre de l'image, aérer le prix --- */

/* 1) Espace image → bloc texte (réduit) */
.card-wrapper .card-information,
.card--standard .card-information,
.card--media .card-information,
.grid__item .card-information {
  margin-top: -10px !important;     /* passe à 4px si tu veux encore plus compact */
  padding-top: 0 !important;      /* certaines versions utilisent du padding */
}

/* 2) Titre juste sous l'image + espace Titre → Prix */
.card-information .card__heading,
.card__information .card__heading,
.card--standard .card__heading {
  margin-top: -21px !important;       /* colle le titre sous l’image */
  margin-bottom: 2px !important; /* espace Titre → Prix (mets 10px/8px si tu veux) */
  line-height: 1.25;
}

/* 3) Laisse l’écart géré par le titre, pas par le prix */
.card-information .price,
.card__information .price {
  margin-top: 0 !important;
}
/* Cache le lien "Afficher tous les détails" sur les pages produit */
.product__view_details { 
  display: none !important;
}
/* Supprimer l'espace réservé pour le header sticky Dawn */
.shopify-section-header-sticky {
  top: 0 !important;
}

.shopify-section-header-hidden {
  top: 0 !important;
}
/* ==== Wishlist pill sur les vignettes produit ==== */
.card-wrapper, .card__media { position: relative; }

.wl-pill{
  position:absolute; top:10px; right:10px; z-index:5;
  width:36px; height:36px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid #e4e2de;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
  cursor:pointer; line-height:1;
  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}
.wl-pill:hover{ transform:translateY(-1px); box-shadow:0 4px 10px rgba(0,0,0,.10); }
.wl-pill:active{ transform:translateY(0); }

.wl-pill svg{ width:18px; height:18px; stroke:#222; stroke-width:2; fill:none; }
.wl-pill.is-active{ border-color:#ffffff; background:#fff; }
.wl-pill.is-active svg{ fill:#b33a2f; stroke:#b33a2f; }

/* + petit sur mobile */
@media (max-width: 749px){
  .wl-pill{ width:32px; height:32px; top:8px; right:8px; }
  .wl-pill svg{ width:16px; height:16px; }
}

/* si un app met un badge sur les cartes, évite les collisions */
.card-wrapper .wishlist-app-badge{ right: 56px; }

/* Safety: ne gêne pas les actions "quick add" s’il y en a */
.card-wrapper .quick-add{ position:relative; z-index:4; }
/* 1) La zone image de la carte devient un "container" de référence */
.card__media{
  position: relative;            /* déjà présent chez toi, on confirme */
  container-type: inline-size;   /* clé pour utiliser les unités cqi */
}

/* 2) Pastille cœur responsive + position plus bas et plus à gauche */
.wl-pill{
  /* Taille du bouton proportionnelle à la carte :
     - min 30px, max 56px, sinon ~9% de la largeur de la carte */
  width: clamp(30px, 9cqi, 56px) !important;
  height: clamp(30px, 9cqi, 56px) !important;

  /* Position intérieure proportionnelle (un peu plus bas/à gauche) */
  top: clamp(8px, 3.2cqi, 18px) !important;
  right: clamp(8px, 3.2cqi, 18px) !important;

  z-index: 5;
}

/* Icône à l’intérieur : ~45% de la pastille */
.wl-pill svg{
  width: 45% !important;
  height: 45% !important;
}

/* 3) Fallback (navigateurs sans container queries) :
      on se rabat sur une taille vs viewport */
@supports not (width: 1cqi){
  .wl-pill{
    width: clamp(28px, 2.6vw, 50px) !important;
    height: clamp(28px, 2.6vw, 50px) !important;
    top: 12px !important;
    right: 12px !important;
  }
}
/* — Page Collection uniquement : retirer le titre dans la vignette (overlay) — */
.template-collection .card--standard > .card__content .card__heading{
  display: none !important;
}

/* Si le thème masque l'info native, on la ré-active sous l'image */
.template-collection .card__information{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* (optionnel) si un sous-titre/caption remonte aussi dans l’overlay */
.template-collection .card--standard > .card__content .card__caption{
  display: none !important;
}
/* --- Page COLLECTION : cacher le titre qui apparaît dans la vignette (overlay) --- */
.template-collection .grid .card--standard .card__content .card__information,
.template-collection .grid .card--standard .card__content .card__heading,
.template-collection .grid .card--media    .card__content .card__information,
.template-collection .grid .card--media    .card__content .card__heading{
  display: none !important;
}

/* S'assurer que le bloc d'info sous l'image reste visible */
.template-collection .grid .card__information{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}