/** Shopify CDN: Minification failed

Line 126:13 Expected identifier but found whitespace
Line 126:14 Unexpected "12px"

**/
/* Fond gris uniforme sur tout le site */
body,
html,
.section,
.shopify-section,
.main-content,
.template-collection,
.template-product,
.template-index {
  background-color: #f5f5f5 !important; /* gris clair */
}
/* ===== Styles cartes produit My Medical ===== */
:root{--mm-blue:#007C92} /* Bleu My Medical */

/* Carte : cadre bleu + arrondi + fond blanc */
.card,.card-product,.product-card,.product-item,.grid-product{
  border:1.5px solid var(--mm-blue);
  border-radius:16px;
  background:#fff;
  padding:0;
  overflow:hidden;
  transition:box-shadow .2s ease,transform .1s ease;
}
.card:hover,.product-card:hover,.product-item:hover{
  box-shadow:0 6px 20px rgba(0,124,146,.12);
  transform:translateY(-2px);
}

/* Image : prend toute la largeur, coins supérieurs adoucis */
.card .media,.product-card .media,.product-item .media,
.card .media img,.product-card .media img,.product-item .media img{
  display:block;width:100%;
  border-radius:12px 12px 0 0;
  overflow:hidden;
}

/* Bloc infos (sous l’image) : trait séparateur pointillé bien visible */
.card .card__content,
.card .card__information,
.product-card .product-card__info,
.product-item .product-item__info{
  border-top:2px dashed var(--mm-blue); /* ← ton pointillé “medical/tech” */
  padding:12px;
}

/* SKU (si affiché) en petite pastille bleutée */
.mm-card__sku{
  display:inline-block;margin-bottom:6px;
  font-size:.8rem;font-weight:500;line-height:1;
  color:#0a3d4d;background:#e6f4f7;
  border-radius:9999px;padding:3px 10px;
}

/* Titre & prix (visu propre) */
.card__heading,.product-card__title,.product-item__title{font-size:1rem;font-weight:600;margin:6px 0;color:#111}
.price,.product-price{font-weight:600;color:var(--mm-blue);font-size:1rem}

/* Bouton (ajout / options) : même bleu que le cadre */
.mm-card__btn{
  display:block;width:100%;
  margin-top:12px;padding:10px 14px;
  text-align:center;font-weight:600;font-size:.95rem;
  color:#fff;background-color:var(--mm-blue);
  border:0;border-radius:9999px;cursor:pointer;
  transition:background-color .2s ease,transform .1s ease;
}
.mm-card__btn:hover{background-color:#005f70;transform:translateY(-1px)}
.mm-card__btn[disabled],.mm-card__btn.is-disabled{opacity:.55;cursor:not-allowed}
.mm-card__form{margin-top:12px}
/* Conteneur infos : permet un centrage propre des éléments internes */
.card .card__information,
.product-card .product-card__info { 
  display: flex; 
  flex-direction: column; 
  align-items: center;      /* centre tout horizontalement */
}
/* Masquer le bouton overlay du thème sur l'image */
.card .quick-add,
.product-card .quick-add,
.product-item .quick-add,
.card__overlay,
.card__badge--bottom-left,
.card__badge--bottom-right,
.card__image-with-overlay,
.product-card__overlay,
.card__inner .card__content-overlay {
  display: none !important;
}

/* S'assurer que notre bouton est dans la zone infos, pas en overlay */
.card .card__information .mm-card__form,
.card .card__information .mm-card__btn,
.product-card .product-card__info .mm-card__form,
.product-card .product-card__info .mm-card__btn {
  position: static !important;
  display: block !important;
  margin-top: 12px;
}

/* Bouton pill centré, plus lisible */
.mm-card__btn{
  display:inline-block;     /* pour se centrer sur sa largeur */
  max-width: 80%;           /* joli alignement dans la carte */
  padding: 12px 18px;       /* un peu plus grand */
  margin: 12px auto 0;      /* centré */
  text-align:center;
  font-weight:700;
  font-size: 1.05rem;       /* texte plus grand */
  line-height: 1.1;
  color:#fff; 
  background-color: var(--mm-blue);
  border:0;
  border-radius: 9999px;
  cursor:pointer;
  transition: background-color .2s ease, transform .1s ease;
}
.mm-card__btn:hover{ background-color:#005f70; transform: translateY(-1px); }
.mm-card__btn[disabled]{ opacity:.55; cursor:not-allowed; }

  margin-top: 12px;
}
/* Bouton Ajouter au panier / Voir les options */
.mm-card__btn {
  display: block;
  width: 80%;              /* toute la largeur de la carte */
  max-width: 80%;          /* enlève la limite 92% */
  margin: 16px auto 0;
  padding: 14px 20px;       /* plus haut + plus large */
  text-align: center;
  font-weight: 700;
  font-size: 1.15rem;       /* texte plus gros */
  line-height: 1.2;
  color: #fff;
  background-color: var(--mm-blue);
  border: 0;
  border-radius: 9999px;    /* pill arrondi */
  cursor: pointer;
  transition: background-color .2s ease, transform .1s ease;
}
.mm-card__btn:hover {
  background-color: #005f70;
  transform: translateY(-1px);
}
/* Bouton : plein largeur, pas de troncature */
.mm-card__btn{
  display:block;
  width:80%;
  max-width:80%;
  margin:16px auto 0;
  padding:14px 22px;
  font-size:1.1rem;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  text-transform:none;      /* évite de rallonger en MAJUSCULES */
  letter-spacing:0;         /* pas d’espacement qui casse la ligne */
  white-space:normal;       /* autorise le retour à la ligne si besoin */
  overflow:visible;         /* pas de coupe */
  text-overflow:clip;
  color:#fff;
  background:var(--mm-blue);
  border:0;border-radius:9999px;
  cursor:pointer;
  transition:background-color .2s, transform .1s;
}
.mm-card__btn:hover{background:#005f70;transform:translateY(-1px)}
/* Chaque item de grille devient un conteneur flex */
.grid__item{display:flex}

/* La carte remplit l’item et s’empile verticalement */
.grid__item > .card,
.grid__item > .product-card,
.grid__item > .product-item{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
}

/* L’image en haut, le bloc infos en bas : alignement parfait des lignes */
.card .card__information,
.product-card .product-card__info,
.product-item .product-item__info{
  margin-top:auto;           /* pousse le bloc infos en bas de la carte */
}

/* (on garde ton trait pointillé sous l’image) */
.card .card__content,
.card .card__information,
.product-card .product-card__info,
.product-item .product-item__info{
  border-top:2px dashed var(--mm-blue);
  padding:12px;
}
/* 1) Les items de grille deviennent flex pour que la carte remplisse toute la hauteur */
.grid__item{display:flex}
.grid__item > .card,
.grid__item > .product-card,
.grid__item > .product-item{display:flex;flex-direction:column;width:100%;height:100%}

/* 2) Le bloc infos est poussé en bas de la carte */
.card .card__information,
.product-card .product-card__info,
.product-item .product-item__info{margin-top:auto}

/* 3) Hauteur UNIFORME des cartes (ajuste si besoin) */
@media (min-width: 1200px){
  .grid__item > .card,
  .grid__item > .product-card,
  .grid__item > .product-item{min-height: 560px}
}
@media (min-width: 750px) and (max-width: 1199px){
  .grid__item > .card,
  .grid__item > .product-card,
  .grid__item > .product-item{min-height: 520px}
}
@media (max-width: 749px){
  .grid__item > .card,
  .grid__item > .product-card,
  .grid__item > .product-item{min-height: 480px}
}

/* 4) Optionnel : garantir une zone image cohérente */
.card .media,.product-card .media,.product-item .media{
  min-height: 220px;               /* ajuste si tes photos sont plus hautes */
  display:flex;align-items:center;justify-content:center
}
.card .media img,.product-card .media img,.product-item .media img{
  max-width:100%;max-height:100%;object-fit:contain
}
#shopify-section-template--25120549306687__featured_collection_RWUfH9 {
  background:#f5f5f5;padding:40px 0;margin:40px 0
}
#shopify-section-template--25120549306687__featured_collection_RWUfH9 .page-width {
  box-shadow:0 0 0 10px #36a9e1;
  border-radius:50px;
  padding:40px 20px;
  background:#fff
}
/* ===== Cartes taille unique (global) ===== */
:root{
  --mm-card-h:700px;   /* HAUTEUR TOTALE CARTE (augmente si besoin) */
  --mm-img-h:300px;    /* HAUTEUR ZONE IMAGE */
  --mm-title-lines:3;  /* nb lignes max du titre (2 ou 3) */
}

/* La carte prend TOUJOURS la même hauteur */
.grid__item{display:flex}
.grid__item>.card,
.grid__item>.product-card,
.grid__item>.product-item{
  display:flex!important;flex-direction:column!important;width:100%!important;
  height:var(--mm-card-h) !important;overflow:hidden!important;
}

/* IMAGE : hauteur FIXE, contenu centré */
.card .media,.product-card .media,.product-item .media{
  flex:0 0 var(--mm-img-h) !important;
  height:var(--mm-img-h) !important;min-height:var(--mm-img-h) !important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;border-radius:12px 12px 0 0!important;
}
.card .media img,.product-card .media img,.product-item .media img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;
}

/* BLOC INFOS : colonne, espace normalisé, bouton poussé en bas */
.card .card__information,
.product-card .product-card__info,
.product-item .product-item__info{
  flex:1 1 auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;gap:8px!important;
  border-top:2px dashed var(--mm-blue,#007C92)!important;padding:12px!important;
  text-align:left!important;align-items:stretch!important;
}

/* Réserves de hauteur (stabilise les variations) */
.card__vendor,.product-card__vendor{min-height:18px!important;display:flex!important;align-items:center!important}
.mm-card__sku-wrap{min-height:26px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.card__heading,.product-card__title,.product-item__title{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;
  -webkit-line-clamp:var(--mm-title-lines)!important;overflow:hidden!important;
  line-height:1.35!important;min-height:calc(1.35em * var(--mm-title-lines))!important;margin:0!important;
}
.price,.product-price{min-height:1.8em!important;display:flex!important;align-items:center!important;margin:0!important}

/* Bouton collé au BAS de la carte, pleine largeur */
.mm-card__btn{
  margin-top:auto!important;display:block!important;width:100%!important;max-width:100%!important;
  padding:14px 22px!important;font-size:1.1rem!important;font-weight:700!important;line-height:1.2!important;
  text-align:center!important;white-space:normal!important;overflow:visible!important;
  color:#fff!important;background:var(--mm-blue,#007C92)!important;border:0!important;border-radius:9999px!important;
  transition:background-color .2s,transform .1s!important;
}
/* Prix vert (montant) */
.card .price .price-item--sale,
.card .price .price-item--regular,
.card .price .price__current,
.product-card .price .price-item--sale,
.product-card .price .price-item--regular,
.product-card .price .price__current,
.price .text-critical{color:#1a7f37!important;font-weight:700}

/* Prix barré en gris */
.card .price .price-item--compare,
.product-card .price .price-item--compare,
.price del,.price .price__compare{color:#9ca3af!important;text-decoration:line-through!important}

/* Enlever "À partir de" */
.price__from,.price__badge--from,.price .from,.price__label{display:none!important}

/* Forcer les prix promo en vert */
.price .price-item--sale,
.price .price__current,
.price .text-critical,
.price span[style*="color"]{
  color:#1a7f37!important;
  font-weight:700!important;
}
/* Masquer le bloc prix natif */
.card .price,.product-card .price{display:none!important}

/* Nouveau prix vert + barré gris */
.mm-price-row{display:flex;gap:.5rem;align-items:baseline;margin:0 0 10px}
.mm-price{font-weight:800;color:#1a7f37}
.mm-compare{color:#9ca3af;text-decoration:line-through;font-weight:500}

.mm-card__btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 16px;border:0;border-radius:9999px;font-weight:700;font-size:1.05rem;line-height:1;text-decoration:none;color:#fff!important;background:#007C92;box-sizing:border-box}
.mm-card__btn:hover{background:#005f70}
.mm-card__btn[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:749px){.mm-card__btn{height:48px;font-size:1rem;padding:0 16px}}
/* Le bloc infos réserve une zone pour le bouton */
.card .card__information,
.product-card .product-card__info{
  position:relative;
  padding-bottom:84px; /* = hauteur bouton (54) + marges */
}
.mm-sku{
  font-size:1rem;
  color:#374151;   /* gris foncé */
  font-weight:400;
  margin:2px 0 4px;
}
button.product-form__submit,
button.product-form__submit:hover,
button.product-form__submit:focus {
  background-color: #36a9e2 !important;
  color: #ffffff !important;
  border: none !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* Effet brillant */
button.product-form__submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%);
  transform: skewX(-20deg);
  transition: left 0.6s ease;
}

button.product-form__submit:hover::before {
  left: 100%;
}