/** Shopify CDN: Minification failed

Line 39:0 All "@import" rules must come first

**/
/* =============================================================
   DIORAMAX 2.0 — CSS global + Parallax + Style titres
   ============================================================= */

:root {
  --dmx-op1: 0.10;
  --dmx-blue: #0B5A8F;
  --dmx-orange: #E25D0F;
  --dmx-pattern-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Crect x='30' y='25' width='8' height='8' rx='1' fill='%230B5A8F' opacity='0.14'/%3E%3Crect x='40' y='25' width='8' height='8' rx='1' fill='%230B5A8F' opacity='0.10'/%3E%3Crect x='110' y='60' width='8' height='8' rx='1' fill='%23E25D0F' opacity='0.12'/%3E%3Crect x='120' y='60' width='8' height='8' rx='1' fill='%23E25D0F' opacity='0.08'/%3E%3Crect x='110' y='70' width='8' height='8' rx='1' fill='%23E25D0F' opacity='0.08'/%3E%3Crect x='200' y='30' width='8' height='8' rx='1' fill='%230B5A8F' opacity='0.12'/%3E%3Crect x='210' y='30' width='8' height='8' rx='1' fill='%230B5A8F' opacity='0.12'/%3E%3Crect x='210' y='40' width='8' height='8' rx='1' fill='%230B5A8F' opacity='0.08'/%3E%3Crect x='280' y='50' width='8' height='8' rx='1' fill='%23E25D0F' opacity='0.14'/%3E%3Crect x='280' y='60' width='8' height='8' rx='1' fill='%23E25D0F' opacity='0.10'/%3E%3Crect x='290' y='60' width='8' height='8' rx='1' fill='%23E25D0F' opacity='0.06'/%3E%3C/svg%3E");
}

/* PARALLAX */
.dmx-layer-1, .dmx-layer-2 { position: fixed; inset: 0; pointer-events: none; z-index: -1; background-repeat: repeat; will-change: transform; }
.dmx-layer-1 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Crect x='14' y='20' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='14' y='35' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='29' y='35' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='95' y='70' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='68' y='85' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='200' y='18' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='215' y='18' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='320' y='15' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='320' y='30' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='430' y='40' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='445' y='40' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='50' y='160' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='50' y='175' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='170' y='140' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='185' y='140' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='360' y='150' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='375' y='150' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='20' y='270' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='35' y='270' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='240' y='260' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='255' y='260' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='420' y='250' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='435' y='250' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='100' y='370' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='100' y='385' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='300' y='360' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='315' y='360' width='13' height='13' rx='2' fill='%230B5A8F' opacity='1'/%3E%3Crect x='450' y='400' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3Crect x='465' y='400' width='13' height='13' rx='2' fill='%23E25D0F' opacity='1'/%3E%3C/svg%3E"); background-size: 500px 500px; background-position: top left; opacity: var(--dmx-op1); }
.dmx-layer-2 { background-image: var(--dmx-pattern-2); background-size: 320px 320px; background-position: 80px 60px; opacity: 1; }

/* BODY */
body { background-color: #ffffff !important; background-image: none !important; }
main.content-for-layout { background-color: transparent !important; position: relative; }
main.content-for-layout::before { display: none !important; }
main .shopify-section .section-background, main .section-background { background-color: transparent !important; background-image: none !important; }
main .color-scheme-5 .section-background { background-color: #000000 !important; background-image: none !important; }

/* FOOTER */
footer { background-color: #000000 !important; background-image: none !important; isolation: isolate; position: relative; z-index: 1; }
footer .section-background, footer .shopify-section { background-color: #000000 !important; background-image: none !important; }

/* ANNONCE */
aside.announcement-bar { position: relative; z-index: 0; }
aside.announcement-bar::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #00bcd4 0%, #ff7a00 100%); z-index: -1; }
.shopify-section:has(aside.announcement-bar) .section-background { background: transparent !important; background-image: none !important; }
aside.announcement-bar, aside.announcement-bar * { color: #ffffff !important; }

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* =============================================================
   TITRES H2 — sections video + LED (selectors ID section)
   ============================================================= */
#shopify-section-section_Mr6dKP h2,
#shopify-section-section_Mr6dKP h2 *,
#shopify-section-177383302628e342dc h2,
#shopify-section-177383302628e342dc h2 * {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#shopify-section-section_Mr6dKP h2,
#shopify-section-177383302628e342dc h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  background: linear-gradient(90deg, #0B5A8F 0%, #E25D0F 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  display: block !important;
  text-align: center !important;
  position: relative !important;
  padding-bottom: 14px !important;
  margin-bottom: 4px !important;
}
#shopify-section-section_Mr6dKP h2::after,
#shopify-section-177383302628e342dc h2::after {
  content: '' !important;
  display: block !important;
  width: 220px !important;
  height: 2px !important;
  margin: 6px auto 0 !important;
  background: linear-gradient(90deg, #0B5A8F 0%, #E25D0F 100%) !important;
  border-radius: 2px !important;
}
@media (max-width: 600px) {
  #shopify-section-section_Mr6dKP h2,
  #shopify-section-177383302628e342dc h2 { font-size: 1.6rem !important; white-space: normal !important; }
}

/* =============================================================
   SECTION COMPARAISON — blocs text_mecYVp (titre) + text_qwiERg (texte)
   ============================================================= */
.text-block--text_mecYVp h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  font-style: normal !important;
  text-transform: none !important;
  white-space: nowrap;
  margin: 0 !important;
  background: linear-gradient(90deg, #0B5A8F 0%, #E25D0F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  display: block !important;
  text-align: center !important;
  position: relative !important;
  padding-bottom: 12px !important;
}
.text-block--text_mecYVp h2 * {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.text-block--text_mecYVp h2::after {
  content: '' !important;
  display: block !important;
  width: 220px !important;
  height: 2px !important;
  margin: 8px auto 0 !important;
  background: linear-gradient(90deg, #0B5A8F 0%, #E25D0F 100%) !important;
  border-radius: 2px !important;
}
.text-block--text_qwiERg {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
}
.text-block--text_qwiERg p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.95rem !important;
  color: #444 !important;
  -webkit-text-fill-color: #444 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}
.text-block--text_qwiERg strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
@media (max-width: 600px) {
  .text-block--text_mecYVp h2 { white-space: normal !important; font-size: 1.6rem !important; }
  .text-block--text_qwiERg { font-size: 0.85rem !important; }
}

/* =============================================================
   ETOILES JUDGE.ME — couleur jaune dorée
   ============================================================= */
.jdgm-star,
.jdgm-prev-badge__stars .jdgm-star,
.jdgm-widget .jdgm-star,
.jdgm-rev__rating .jdgm-star,
.jdgm-histogram__bar-star .jdgm-star,
.jdgm-all-reviews-text .jdgm-star,
[class*="jdgm"] .jdgm-star {
  color: #F5A623 !important;
  fill: #F5A623 !important;
  -webkit-text-fill-color: #F5A623 !important;
}
.jdgm-star svg, .jdgm-star svg path, .jdgm-star svg polygon, .jdgm-star svg use {
  fill: #F5A623 !important;
  color: #F5A623 !important;
}
.jdgm-star.jdgm-star--empty,
.jdgm-star.jdgm-star--empty svg path,
.jdgm-star.jdgm-star--empty svg polygon {
  fill: #D1D5DB !important;
  color: #D1D5DB !important;
  -webkit-text-fill-color: #D1D5DB !important;
}
.jdgm-star.jdgm-star--half svg path:first-child,
.jdgm-star.jdgm-star--half svg polygon:first-child { fill: #F5A623 !important; }
.jdgm-star.jdgm-star--half svg path:last-child,
.jdgm-star.jdgm-star--half svg polygon:last-child  { fill: #D1D5DB !important; }
.jdgm-prev-badge,
.jdgm-prev-badge__stars,
.jdgm-prev-badge__text {
  color: #F5A623 !important;
  -webkit-text-fill-color: #F5A623 !important;
}
.jdgm-prev-badge__count,
.jdgm-prev-badge__text {
  color: #555 !important;
  -webkit-text-fill-color: #555 !important;
}

/* =============================================================
   PAGE VIDÉO — Charte Dioramax sur carrousel ai_gen_block_91e7ca7
   Boutons play + nav : bleu principal au repos, orange au hover
   Fond carrousel : transparent (laisse apparaitre le fond du site)
   ============================================================= */

/* Fond du bloc carrousel — transparent */
#shopify-section-dmx_video_player {
  background: transparent !important;
}
#shopify-section-dmx_video_player .section-background,
#shopify-section-dmx_video_player .color-scheme-1,
#shopify-section-dmx_video_player [class*="color-"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Bouton Play — fond bleu, icône blanche */
#shopify-section-dmx_video_player [class*="play-btn"],
#shopify-section-dmx_video_player [class*="play_btn"],
#shopify-section-dmx_video_player button[class*="play"],
#shopify-section-dmx_video_player .play-button {
  background: #0B5A8F !important;
  border-color: #0B5A8F !important;
  box-shadow: 0 4px 16px rgba(11,90,143,0.35) !important;
  transition: background 0.22s ease, transform 0.18s ease, box-shadow 0.22s ease !important;
}
#shopify-section-dmx_video_player [class*="play-btn"]:hover,
#shopify-section-dmx_video_player [class*="play_btn"]:hover,
#shopify-section-dmx_video_player button[class*="play"]:hover,
#shopify-section-dmx_video_player .play-button:hover {
  background: #E25D0F !important;
  border-color: #E25D0F !important;
  box-shadow: 0 6px 22px rgba(226,93,15,0.42) !important;
  transform: scale(1.06) !important;
}

/* Boutons navigation prev/next */
#shopify-section-dmx_video_player [class*="nav-btn"],
#shopify-section-dmx_video_player [class*="nav_btn"],
#shopify-section-dmx_video_player [class*="prev"],
#shopify-section-dmx_video_player [class*="next"],
#shopify-section-dmx_video_player button[class*="arrow"] {
  background: #0B5A8F !important;
  border-color: #0B5A8F !important;
  box-shadow: 0 3px 12px rgba(11,90,143,0.28) !important;
  transition: background 0.22s ease, transform 0.18s ease !important;
}
#shopify-section-dmx_video_player [class*="nav-btn"]:hover,
#shopify-section-dmx_video_player [class*="nav_btn"]:hover,
#shopify-section-dmx_video_player [class*="prev"]:hover,
#shopify-section-dmx_video_player [class*="next"]:hover,
#shopify-section-dmx_video_player button[class*="arrow"]:hover {
  background: #E25D0F !important;
  border-color: #E25D0F !important;
  box-shadow: 0 5px 18px rgba(226,93,15,0.36) !important;
  transform: scale(1.08) !important;
}

/* Icônes SVG dans les boutons : toujours blanches */
#shopify-section-dmx_video_player [class*="play"] svg,
#shopify-section-dmx_video_player [class*="nav"] svg,
#shopify-section-dmx_video_player [class*="prev"] svg,
#shopify-section-dmx_video_player [class*="next"] svg,
#shopify-section-dmx_video_player [class*="arrow"] svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* Liseré gradient en bas de la section vidéo */
#shopify-section-dmx_video_player {
  position: relative;
}
#shopify-section-dmx_video_player::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, #0B5A8F 0%, #5ba3d0 35%, #E25D0F 65%, #0B5A8F 100%);
  pointer-events: none;
  z-index: 2;
}