/* ==========================================================================
   RESPONSIVE — Surcouche mobile/tablette pour le layout Muse

   APPROCHE CHIRURGICALE : pas de blanket overrides sur .grpelem/.colelem
   car ça casse la structure Muse. On cible les éléments un par un.
   ========================================================================== */

/* === DÉBLOCAGE VIEWPORT (obligatoire — Muse met body min-width:1080px) === */
@media screen and (max-width: 1120px) {
  html {
    min-width: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }
  body {
    min-width: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }
  #page {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}


/* ======================================================================
   MOBILE  (<768px)
   ====================================================================== */
@media screen and (max-width: 768px) {

  /* Fond sombre global (le contenu Muse est prévu sur fond noir) */
  #page {
    background: #1D1D1F !important;
  }

  /* --- #ptarifs : ancres invisibles, ne doit pas occuper d'espace --- */
  #ptarifs {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* --- Conteneur principal --- */
  #ppu350 {
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  /* Neutraliser les margin-top Muse sur les colelem/grpelem */
  #ppu350 > .colelem,
  #ppu350 > .grpelem {
    margin-top: 16px !important;
  }

  /* La première colonne (pu350) ne doit pas avoir de marge top */
  #pu350 {
    margin-top: 0 !important;
  }

  /* Les colelem dans le conteneur principal aussi */
  #pu350 > .colelem {
    margin-top: 16px !important;
  }

  /* Forcer aussi le pu350 > clearfix groups */
  #pu350 > .clearfix.colelem {
    margin-top: 16px !important;
  }

  /* --- browser_width : conteneurs pleine largeur Muse --- */
  .browser_width {
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    position: relative !important;
  }

  .browser_width > * {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Tous les _align_to_page Muse ont left:-40px qu'il faut neutraliser */
  [id$="_align_to_page"] {
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  /* Nav déplacée par JS en premier enfant de body → fixer en haut */
  body > #u280-bw-mobile {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 1px 8px rgba(0,0,0,0.1) !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: auto !important;
  }

  /* Cacher la nav originale (déplacée par JS) */
  #u280-bw.nav-moved {
    display: none !important;
  }

  /* Espace pour compenser la nav fixe */
  #page {
    padding-top: 130px !important;
  }

  /* --- Align-to-page wrappers --- */
  #u280_align_to_page,
  #u94_align_to_page,
  #u269_align_to_page,
  #u1550_align_to_page {
    width: 100% !important;
    left: auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  /* Masquer le spacer Muse */
  .verticalspacer {
    display: none !important;
  }


  /* ================================================================
     NAVIGATION — fixée en haut (dans le HTML Muse, la nav est APRÈS
     la vidéo dans le source, donc on la fixe)
     ================================================================ */
  #u280-bw {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    min-height: auto !important;
    z-index: 9999 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    padding: 10px 0 !important;
    box-shadow: 0 1px 8px rgba(0,0,0,0.1) !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #u280 {
    position: relative !important;
    height: auto !important;
    min-height: auto !important;
    background: transparent !important;
    padding: 0 !important;
  }

  /* Compenser la hauteur de la nav fixe */
  #pu350 {
    padding-top: 0 !important;
  }

  #u280_align_to_page {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  #u1787 {
    position: relative !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 0 8px 0 !important;
    left: auto !important;
    top: auto !important;
  }

  #u1787_img {
    width: 200px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  #u342-4, #u1162-4, #u336-4, #u332-4 {
    position: relative !important;
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    margin: 3px !important;
    min-width: auto !important;
    font-size: 11px !important;
    padding: 5px 10px !important;
  }

  #u306, #u287 {
    position: relative !important;
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    margin: 3px !important;
  }


  /* ================================================================
     HERO VIDÉO
     ================================================================ */
  #pu350 {
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    position: relative !important;
  }

  #u350-bw {
    height: 65vh !important;
    min-height: 350px !important;
    max-height: 500px !important;
    overflow: hidden !important;
  }

  #u350 {
    height: 65vh !important;
    min-height: 350px !important;
    max-height: 500px !important;
    overflow: hidden !important;
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100vw !important;
  }

  /* Le wrapper <div> autour du <video> + le video lui-même */
  #u350 > div {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }

  #u350 video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }

  /* Titre hero — centré sur la zone vidéo */
  #u515 {
    position: absolute !important;
    top: 200px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: 85% !important;
    text-align: center !important;
    z-index: 20 !important; /* au-dessus de #u350 qui a z-index:12 */
  }

  #u404-8 {
    position: relative !important;
    left: auto !important;
    margin: 0 !important;
    width: 100% !important;
  }

  #u404-8 p {
    font-size: 32px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  #u404-6 {
    font-size: 38px !important;
  }

  /* Prix hero */
  #u1876-10 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    padding: 20px 16px !important;
    margin: 0 !important;
    background: #1D1D1F !important;
  }

  #u1876-8 {
    font-size: 32px !important;
  }

  /* Zone gradient sous hero — réduire l'espace mort */
  #u269-bw { min-height: 0 !important; height: 0 !important; overflow: hidden !important; }
  #u269 { min-height: 0 !important; height: 0 !important; overflow: hidden !important; }


  /* ================================================================
     LISTE SERVICES (MUSCULATION, CARDIO, etc.)
     ================================================================ */
  #u728, #u740, #u682, #u694, #u647, #u627, #u560 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    position: relative !important;
    left: auto !important;
  }

  #u728 .gradient-text,
  #u740 .gradient-text,
  #u682 .gradient-text,
  #u694 .gradient-text,
  #u647 .gradient-text,
  #u627 .gradient-text,
  #u560 .gradient-text {
    font-size: 24px !important;
  }

  /* Séparateurs — réduire leur hauteur Muse (160px → 2px) */
  #u1234, #u1237, #u1246 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: calc(100% - 32px) !important;
    margin: 16px 16px !important;
    left: auto !important;
    position: relative !important;
    height: 2px !important;
    min-height: 2px !important;
  }


  /* ================================================================
     TARIFS
     ================================================================ */
  #u1265 {
    float: none !important;
    display: block !important;
    clear: both !important;
    text-align: center !important;
    padding: 0 16px !important;
    position: relative !important;
    left: auto !important;
    width: 100% !important;
  }

  #u1265 .gradient-text { font-size: 28px !important; }

  #ppu1306 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    height: auto !important;
    min-height: auto !important;
  }

  /* Enfants de #ppu1306 — neutraliser le positionnement Muse */
  #ppu1306 > * {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    margin-top: 16px !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  /* Card gradient décorative — masquer */
  #u1797 { display: none !important; }

  /* Card abonnement — fond sombre car le gradient est masqué sur mobile */
  #u1750-26 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
    background: linear-gradient(135deg, #9DD800 0%, #006935 100%) !important;
    border-radius: 20px !important;
    color: #fff !important;
  }

  #u1750-26 p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  /* Card options */
  #pu1306 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
  }

  #u1306 { width: 100% !important; }

  #u1287-3 {
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: auto !important;
    min-height: auto !important;
    background: #1D1D1F !important;
    border-radius: 20px !important;
  }

  #u1290-20 p, #u1296-16 p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  #u1290-20, #u1296-16 {
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    display: block !important;
    padding: 16px 20px !important;
    margin: 0 !important;
  }

  #u1302 { display: none !important; }

  #u1282-8 {
    float: none !important;
    display: block !important;
    clear: both !important;
    text-align: center !important;
    padding: 12px 16px !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
  }

  #u1282-8 p { font-size: 11px !important; }


  /* ================================================================
     AVANTAGES (3 cards + image background)
     ================================================================ */
  #pu837 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    height: auto !important;
    min-height: auto !important;
  }

  /* Enfants de #pu837 — neutraliser les top/margin-top Muse */
  #pu837 > * {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }

  #u837-bw {
    height: 200px !important;
    min-height: 200px !important;
  }

  #u837 {
    height: 200px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  #u838-bw { min-height: 0 !important; height: auto !important; }
  #u838 { min-height: 0 !important; height: auto !important; }

  #u1784, #u1243 { display: none !important; }

  /* 3 cards avantages */
  #u429-9, #u478-9, #u484-7 {
    width: calc(100% - 32px) !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    margin: 12px 16px !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
  }

  #u429-9 p, #u478-9 p, #u484-7 p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* Icônes avantages */
  #u397, #u372, #u386 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    margin: 16px auto 0 !important;
    text-align: center !important;
    width: 60px !important;
  }

  /* CTA Services */
  #u1050-4 {
    width: calc(100% - 32px) !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    margin: 24px 16px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }


  /* ================================================================
     AVIS CLIENTS
     ================================================================ */
  #u505 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
  }


  /* ================================================================
     CONTACT + INSTAGRAM
     ================================================================ */
  #ppu929 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    height: auto !important;
    min-height: auto !important;
  }

  /* Enfants de #ppu929 */
  #ppu929 > * {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    margin-top: 16px !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  #pu929 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
  }

  /* Forcer tous les enfants du contact à se repositionner */
  #pu929 > * {
    position: relative !important;
    left: 0 !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #u929 {
    float: none !important;
    display: block !important;
    clear: both !important;
    text-align: center !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #u929 .gradient-text { font-size: 28px !important; }

  #u893, #u892 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 16px 0 !important;
  }

  #u891-3 { display: none !important; }

  /* Forcer les grpelem dans le conteneur contact */
  #ppu929 > .grpelem {
    position: relative !important;
    left: 0 !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Google Reviews */
  #u1743 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }


  /* ================================================================
     FOOTER
     ================================================================ */
  #u94-bw, #u94 {
    min-height: auto !important;
    height: auto !important;
    padding: 32px 16px !important;
  }

  #u94_align_to_page {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
    width: 100% !important;
  }

  #pu355 {
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
  }

  /* TOUS les descendants du footer — reset agressif du positionnement Muse */
  #u94_align_to_page *:not(p):not(span):not(a):not(img):not(script) {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    float: none !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
  }

  #u94_align_to_page a {
    display: inline-block !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
  }

  #u355 {
    float: none !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
  }

  #u355_img { width: 160px !important; height: auto !important; }

  #u95-7, #u96-4 {
    float: none !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    text-align: center !important;
    margin: 4px 0 !important;
    width: auto !important;
  }

  #u95-7 p, #u96-4 p { font-size: 13px !important; }

  #u97, #u98 {
    float: none !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: inline-block !important;
    margin: 4px 8px !important;
    width: auto !important;
  }

  #u104 {
    float: none !important;
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 8px !important;
    margin-left: 0 !important;
  }

  .ame-copyright-text { font-size: 11px !important; }

  #u365 {
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
  }

  #u101, #u103-4 {
    float: none !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    display: inline-block !important;
    margin: 0 !important;
    width: auto !important;
  }


  /* ====================================================================
     PAGE SERVICES — Éléments spécifiques
     ==================================================================== */

  #ppu1321 {
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  /* Hero image */
  #u1329-bw {
    height: 45vh !important;
    min-height: 250px !important;
    max-height: 400px !important;
  }

  #u1329 {
    height: 45vh !important;
    min-height: 250px !important;
    max-height: 400px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  #u1321 { display: none !important; }

  /* Section title */
  #u1322 {
    float: none !important;
    display: block !important;
    clear: both !important;
    text-align: center !important;
    padding: 0 16px !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
  }

  #u1322 .gradient-text { font-size: 24px !important; }

  /* Intro text */
  #u1346-4 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
  }

  #u1346-4 p { font-size: 13px !important; line-height: 1.6 !important; }

  /* Séparateurs services — réduire hauteur */
  #u1343, #u1373, #u1396, #u1555, #u1536, #u1767, #u1522 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: calc(100% - 32px) !important;
    margin: 12px 16px !important;
    position: relative !important;
    left: auto !important;
    height: 2px !important;
    min-height: 2px !important;
  }

  /* Equipment cards */
  #pu1364-7, #pu1437-3, #pu1440-9 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
  }

  #u1364-7, #u1408-7, #u1434-9,
  #u1440-9, #u1425-13 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 10px 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
  }

  #u1364-7 p, #u1408-7 p, #u1434-9 p,
  #u1440-9 p, #u1425-13 p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* Image cards services */
  #u1376-3, #u1437-3, #u1470-3, #u1479-3, #u1476-3 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 10px 0 !important;
  }

  #u1464 { display: none !important; }

  /* Cours collectifs */
  #pu1549 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
  }

  #u1549-bw { height: 200px !important; min-height: 200px !important; }
  #u1549 { background-size: cover !important; background-position: center !important; }

  #u1525 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    text-align: center !important;
    width: 100% !important;
    padding: 0 16px !important;
  }

  #u1525 .gradient-text { font-size: 24px !important; }

  #u1530-4 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
  }

  #u1530-4 p { font-size: 13px !important; }

  /* Cours list — 1 colonne */
  #pu1615-21 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
  }

  #u1615-21, #u1627-16 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    margin: 0 0 16px 0 !important;
  }

  #u1615-21 p, #u1627-16 p { font-size: 13px !important; line-height: 1.6 !important; }

  /* Planning — scrollable horizontalement */
  #u1723 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
  }

  #u1719 { min-width: 600px !important; width: auto !important; height: auto !important; }

  /* App section */
  #pu1656 {
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
  }

  #u1656 {
    float: none !important;
    display: block !important;
    width: 220px !important;
    margin: 0 auto 24px !important;
    position: relative !important;
    left: auto !important;
  }

  #u1656_img { width: 100% !important; height: auto !important; }

  #pu1635 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    position: relative !important;
    left: auto !important;
  }

  #u1635, #u1651 { text-align: center !important; }
  #u1635 .gradient-text, #u1651 .gradient-text { font-size: 28px !important; }

  #pu1754 {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    position: relative !important;
    left: auto !important;
  }

  #u1754, #u1713 {
    float: none !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
  }

  #u1688-9 {
    float: none !important;
    display: block !important;
    clear: both !important;
    text-align: center !important;
    position: relative !important;
    left: auto !important;
    width: 100% !important;
  }

  #u1688-9 p { font-size: 13px !important; }

  #pu1670 {
    float: none !important;
    display: flex !important;
    clear: both !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    position: relative !important;
    left: auto !important;
    width: 100% !important;
  }

  #u1670, #u1681 {
    float: none !important;
    position: relative !important;
    left: auto !important;
    display: inline-block !important;
    margin: 0 !important;
    width: auto !important;
  }
}


/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}