/** Shopify CDN: Minification failed

Line 13:13 Expected identifier but found "{"
Line 13:14 Unexpected "{"
Line 13:23 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');

.hma{
  --hma-noir:#000000;
  --hma-fond:#f6f6f4;
  --hma-vert:{{ section.settings.accent | default: '#4FB794' }};
  --hma-texte:#1a1a1a;
  --hma-blanc:#ffffff;
  --hma-r:16px;
  font-family:'Poppins', sans-serif;
  color:var(--hma-texte);
  background:var(--hma-fond);
  line-height:1.6;
  overflow-x:hidden;
}
.hma *{margin:0;padding:0;box-sizing:border-box;}
.hma a{text-decoration:none;color:inherit;}
.hma img{max-width:100%;display:block;}

/* Barre d'annonce */
.hma-topbar{background:var(--hma-vert);color:var(--hma-blanc);text-align:center;padding:12px 15px;font-size:.95rem;font-weight:600;}

/* En-tête */
.hma-entete{background:var(--hma-blanc);padding:20px 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:99;border-bottom:1px solid #eaeaea;}
.hma-logo{font-size:1.6rem;font-weight:700;color:var(--hma-noir);letter-spacing:-.5px;}
.hma-logo em{font-style:italic;font-weight:400;}
.hma-nav-btn{background:var(--hma-blanc);color:var(--hma-noir);padding:10px 24px;border-radius:30px;font-weight:600;border:2px solid var(--hma-noir);transition:all .2s;}
.hma-nav-btn:hover{background:var(--hma-noir);color:var(--hma-blanc);}

/* Hero */
.hma-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 5% 50px;background:var(--hma-fond);}
.hma-hero-badge{background:var(--hma-noir);color:var(--hma-blanc);padding:6px 18px;border-radius:30px;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:25px;border:1px solid var(--hma-vert);}
.hma-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;color:var(--hma-noir);margin-bottom:20px;max-width:900px;letter-spacing:-1px;font-weight:700;}
.hma-hero h1 em{font-style:italic;font-weight:400;position:relative;display:inline-block;}
.hma-hero h1 em::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:35%;background:var(--hma-vert);z-index:-1;opacity:.6;transform:rotate(-1deg);}
.hma-soustitre{font-size:1.25rem;color:#444;max-width:700px;margin-bottom:40px;}
.hma-hero-img{width:100%;max-width:800px;margin-bottom:40px;border-radius:var(--hma-r);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.08);}
.hma-hero-img .ph{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#eef7f3,#dff0ea);color:#7aa898;font-size:.95rem;text-align:center;padding:20px;}
.hma-cta{background:var(--hma-vert);color:var(--hma-blanc);font-size:1.3rem;font-weight:700;padding:20px 45px;border-radius:50px;display:inline-block;margin-bottom:20px;transition:transform .3s, box-shadow .3s;border:2px solid var(--hma-noir);box-shadow:4px 4px 0px var(--hma-noir);}
.hma-cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0px var(--hma-noir);color:var(--hma-blanc);}
.hma-confiance{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:.95rem;color:#555;margin-top:10px;font-weight:600;}
.hma-confiance span{display:flex;align-items:center;gap:6px;}
.hma-etoiles{color:var(--hma-noir);font-size:1.2rem;letter-spacing:2px;}

/* Bandeau défilant */
.hma-marquee{background:var(--hma-noir);color:var(--hma-blanc);padding:18px 0;overflow:hidden;white-space:nowrap;border-top:2px solid var(--hma-vert);border-bottom:2px solid var(--hma-vert);}
.hma-marquee div{display:inline-block;animation:hma-defile 25s linear infinite;font-size:1.2rem;font-weight:600;letter-spacing:1px;}
@keyframes hma-defile{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* Médias */
.hma-medias{padding:50px 5%;text-align:center;background:var(--hma-blanc);border-bottom:1px solid #eaeaea;}
.hma-medias p{font-size:.9rem;font-weight:700;letter-spacing:3px;color:#888;margin-bottom:25px;}
.hma-medias-logos{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;font-weight:800;font-size:1.4rem;color:var(--hma-noir);opacity:.45;}

/* Titres de sections */
.hma-titre{font-size:2.5rem;color:var(--hma-noir);margin-bottom:15px;letter-spacing:-.5px;font-weight:700;}
.hma-sous{font-size:1.2rem;color:#555;margin-bottom:50px;}

/* Occasions */
.hma-occasions{padding:100px 5%;background:var(--hma-fond);text-align:center;}
.hma-grille-occ{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.hma-carte-occ{background:var(--hma-blanc);border-radius:var(--hma-r);padding:40px 25px;transition:transform .3s, box-shadow .3s;text-align:center;border:2px solid transparent;display:block;}
.hma-carte-occ:hover{transform:translateY(-8px);border-color:var(--hma-noir);box-shadow:8px 8px 0px var(--hma-vert);}
.hma-carte-occ .ico{font-size:3.5rem;margin-bottom:20px;}
.hma-carte-occ h3{font-size:1.4rem;margin-bottom:12px;color:var(--hma-noir);font-weight:700;}

/* Étapes */
.hma-etapes{padding:100px 5%;background:var(--hma-blanc);text-align:center;}
.hma-grille-etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:50px auto 0;text-align:left;}
.hma-etape{background:var(--hma-fond);padding:40px 30px;border-radius:var(--hma-r);}
.hma-etape .num{background:var(--hma-vert);color:var(--hma-blanc);width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:1.3rem;margin-bottom:20px;border:2px solid var(--hma-noir);}
.hma-etape h3{font-weight:700;margin-bottom:8px;}

/* Témoignages */
.hma-preuve{padding:100px 5%;background:var(--hma-fond);text-align:center;}
.hma-grille-temo{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1000px;margin:50px auto 0;text-align:left;}
.hma-post{background:var(--hma-blanc);border-radius:var(--hma-r);padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.04);border:1px solid #eaeaea;}
.hma-post-tete{display:flex;align-items:center;gap:15px;margin-bottom:20px;}
.hma-avatar{width:50px;height:50px;background:var(--hma-vert);color:var(--hma-blanc);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;border:2px solid var(--hma-noir);flex-shrink:0;}
.hma-post h4{font-size:1.1rem;color:var(--hma-noir);font-weight:700;}
.hma-post-tete span{font-size:.85rem;color:#777;}
.hma-post-txt{font-size:1.05rem;margin-bottom:25px;color:#333;}
.hma-post-txt strong{background:rgba(79,183,148,.2);padding:0 4px;}
.hma-post-bas{display:flex;gap:20px;font-size:.95rem;color:var(--hma-noir);border-top:1px solid #eaeaea;padding-top:15px;font-weight:600;letter-spacing:2px;}

/* Comparatif */
.hma-compare{padding:100px 5%;background:var(--hma-noir);color:var(--hma-blanc);text-align:center;}
.hma-compare .hma-titre{color:var(--hma-blanc);}
.hma-compare .hma-sous{color:#aaa;}
.hma-table{max-width:800px;margin:50px auto 0;background:#111;border-radius:var(--hma-r);padding:40px;border:1px solid #333;}
.hma-ligne{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #333;align-items:center;}
.hma-ligne:last-child{border-bottom:none;padding-bottom:0;}
.hma-ligne .t{flex:2;text-align:left;font-weight:600;font-size:1.1rem;}
.hma-ligne .hm{flex:1;color:var(--hma-vert);font-weight:700;font-size:1.1rem;}
.hma-ligne .autre{flex:1;color:#666;font-size:1rem;}

/* Garantie */
.hma-garantie{padding:100px 5%;text-align:center;background:var(--hma-vert);}
.hma-garantie-boite{max-width:700px;margin:0 auto;background:var(--hma-blanc);padding:60px 40px;border-radius:var(--hma-r);border:3px solid var(--hma-noir);box-shadow:12px 12px 0px var(--hma-noir);}
.hma-garantie-boite .sur{font-weight:800;font-size:1.2rem;margin-bottom:10px;text-transform:uppercase;}
.hma-garantie-boite h3{font-size:2rem;margin-bottom:20px;color:var(--hma-noir);letter-spacing:-.5px;font-weight:700;}
.hma-garantie-boite p{font-size:1.1rem;margin-bottom:35px;color:#444;}

/* Pied */
.hma-pied{background:var(--hma-noir);color:#888;text-align:center;padding:40px 5%;font-size:.95rem;}

@media (max-width:768px){
  .hma-confiance{flex-direction:column;align-items:center;gap:10px;}
  .hma-hero h1{font-size:2.2rem;}
  .hma-ligne{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 0;}
  .hma-ligne .hm,.hma-ligne .autre{width:100%;text-align:left;}
  .hma-garantie-boite{padding:40px 20px;box-shadow:6px 6px 0px var(--hma-noir);}
}
@media (prefers-reduced-motion: reduce){.hma *{transition:none !important;animation:none !important;}}
