/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

<style>
  /* Neutralise les décorations ajoutées par le thème (tirets, puces, flèches...) */
  .hf-mm.hf-mm *::before,
  .hf-mm.hf-mm *::after {
    content: none !important;
    display: none !important;
  }
 
  .hf-mm.hf-mm {
    font-family: "Cabin", Aptos, Lato, Calibri, sans-serif !important;
    color: #272727 !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
  .hf-mm.hf-mm * { box-sizing: border-box !important; }
 
  /* Tagline */
  .hf-mm.hf-mm .hf-mm__tagline {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 0 18px !important;
    padding: 18px 24px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: radial-gradient(circle at 15% 130%, #DA3B17 0%, #FF914D 55%, #FFBC4D 115%) !important;
    text-align: center !important;
    font-family: "Josefin Sans", "Cabin", sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #ffffff !important;
  }
  .hf-mm.hf-mm .hf-mm__tagline-text {
    position: relative !important;
    z-index: 1 !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    color: #ffffff !important;
  }
  .hf-mm.hf-mm .hf-mm__tagline-highlight {
    display: inline-block !important;
    margin: 0 !important;
    padding: 2px 10px 0 !important;
    border-radius: 8px !important;
    background: #FFBC4D !important;
    color: #272727 !important;
  }
 
  /* Cercles HoliCIRCLE décoratifs du bandeau */
  .hf-mm.hf-mm .hf-mm__pulse {
    position: absolute !important;
    z-index: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255, 255, 255, .35) !important;
    background: none !important;
    pointer-events: none !important;
  }
  .hf-mm.hf-mm .hf-mm__pulse--r1 { width: 120px !important; height: 120px !important; right: -30px !important; top: -40px !important; }
  .hf-mm.hf-mm .hf-mm__pulse--r2 { width: 200px !important; height: 200px !important; right: -70px !important; top: -80px !important; border-color: rgba(255, 255, 255, .2) !important; }
  .hf-mm.hf-mm .hf-mm__pulse--r3 { width: 280px !important; height: 280px !important; right: -110px !important; top: -120px !important; border-color: rgba(255, 255, 255, .1) !important; }
  .hf-mm.hf-mm .hf-mm__pulse--l1 { width: 90px !important; height: 90px !important; left: -30px !important; bottom: -40px !important; }
  .hf-mm.hf-mm .hf-mm__pulse--l2 { width: 160px !important; height: 160px !important; left: -65px !important; bottom: -75px !important; border-color: rgba(255, 255, 255, .18) !important; }
 
  /* Mise en page générale : Plateforme 2/3 - Capteurs 1/3 */
  .hf-mm.hf-mm .hf-mm__layout {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    column-gap: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
 
  .hf-mm.hf-mm .hf-mm__col { margin: 0 !important; padding: 0 !important; min-width: 0 !important; }
  .hf-mm.hf-mm .hf-mm__col--sensors {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 32px !important;
    border-left: 1px solid #eeeeee !important;
  }
 
  .hf-mm.hf-mm .hf-mm__title {
    display: block !important;
    font-family: "Josefin Sans", "Cabin", sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #272727 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }
 
  /* Plateforme */
  .hf-mm.hf-mm .hf-mm__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
 
  .hf-mm.hf-mm .hf-mm__group { margin: 0 !important; padding: 0 !important; }
  .hf-mm.hf-mm .hf-mm__group + .hf-mm__group { margin-top: 12px !important; }
 
  .hf-mm.hf-mm .hf-mm__group-label {
    display: block !important;
    font-family: "Cabin", Aptos, Lato, Calibri, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #737373 !important;
    margin: 0 0 2px !important;
    padding: 0 0 0 10px !important;
    border: 0 !important;
    background: none !important;
  }
 
  .hf-mm.hf-mm a.hf-mm__link {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #272727 !important;
    box-shadow: none !important;
    transition: background-color .15s ease !important;
  }
  .hf-mm.hf-mm a.hf-mm__link:hover,
  .hf-mm.hf-mm a.hf-mm__link:focus-visible {
    background: #fff7f1 !important;
    outline: none !important;
  }
 
  .hf-mm.hf-mm .hf-mm__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
  }
  .hf-mm.hf-mm .hf-mm__icon--blue { background: #4DADDF !important; }
  .hf-mm.hf-mm .hf-mm__icon--red { background: #DA3B17 !important; }
  .hf-mm.hf-mm .hf-mm__icon--yellow { background: #FFBC4D !important; }
  .hf-mm.hf-mm .hf-mm__icon--green { background: #007f47 !important; }
 
  .hf-mm.hf-mm .hf-mm__icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  .hf-mm.hf-mm .hf-mm__icon svg * {
    fill: none !important;
    stroke: #ffffff !important;
  }
 
  .hf-mm.hf-mm .hf-mm__text {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
 
  .hf-mm.hf-mm .hf-mm__name {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    font-family: "Cabin", Aptos, Lato, Calibri, sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    color: #272727 !important;
    text-transform: none !important;
    transition: color .15s ease !important;
  }
  .hf-mm.hf-mm a.hf-mm__link:hover .hf-mm__name,
  .hf-mm.hf-mm a.hf-mm__link:focus-visible .hf-mm__name,
  .hf-mm.hf-mm a.hf-mm__sensor-card:hover .hf-mm__name,
  .hf-mm.hf-mm a.hf-mm__sensor-card:focus-visible .hf-mm__name { color: #4DADDF !important; }
 
  .hf-mm.hf-mm .hf-mm__desc {
    display: block !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    background: none !important;
    font-family: "Cabin", Aptos, Lato, Calibri, sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #737373 !important;
    text-transform: none !important;
  }
 
  /* Capteurs */
  .hf-mm.hf-mm a.hf-mm__sensor-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff7f1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    color: #272727 !important;
    box-shadow: none !important;
    transition: box-shadow .15s ease !important;
  }
  .hf-mm.hf-mm a.hf-mm__sensor-card:hover,
  .hf-mm.hf-mm a.hf-mm__sensor-card:focus-visible {
    box-shadow: 0 4px 16px rgba(39, 39, 39, .08) !important;
    outline: none !important;
  }
 
  .hf-mm.hf-mm .hf-mm__sensor-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 140px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: none !important;
  }
  .hf-mm.hf-mm .hf-mm__sensor-visual img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    border: 0 !important;
    box-shadow: none !important;
  }
 
  .hf-mm.hf-mm .hf-mm__sensor-cta {
    display: block !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #4DADDF !important;
    background: none !important;
  }
  .hf-mm.hf-mm a.hf-mm__sensor-card:hover .hf-mm__sensor-cta { text-decoration: underline !important; }
 
  /* Pied du méga menu (toute la largeur) */
  .hf-mm.hf-mm .hf-mm__footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 10px 0 0 !important;
    padding: 10px 10px 0 !important;
    border: 0 !important;
    border-top: 1px solid #eeeeee !important;
    font-size: 14px !important;
    color: #737373 !important;
  }
  .hf-mm.hf-mm a.hf-mm__cta {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    font-weight: 700 !important;
    color: #4DADDF !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }
  .hf-mm.hf-mm a.hf-mm__cta:hover,
  .hf-mm.hf-mm a.hf-mm__cta:focus-visible { text-decoration: underline !important; }
</style>