/* Cycles Blain — pages magasins (cbvitrine 1.7.0-1.7.1, version C validée le 4 nov. 2026) :
   photo d'ambiance + carte du magasin, horaires en frise, adresse et téléphone en gros, gros boutons RDV,
   univers en photos, marques qui défilent, équipe en portraits. */
.cbm{--cbm-encre:#1d1d1f;--cbm-texte:#3a3a3c;--cbm-gris:#6e6e73;--cbm-fond:#f5f5f7;--cbm-creme:#f7f3ec;--cbm-sable:#efe7da;--cbm-cuivre:#8c6a2e;--cbm-bleu:#0b5cad;--cbm-vert:#1e7a3c;--cbm-orange:#9a5a12;--cbm-trait:#ececf0;
  background:#fff;color:var(--cbm-encre);font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55;padding-bottom:80px;text-align:left}
.cbm *,.cbm *::before,.cbm *::after{box-sizing:border-box}
.cbm p,.cbm h1,.cbm h2,.cbm h3,.cbm ul,.cbm dl,.cbm dd{margin:0;padding:0}
/* Le thème du site impose ses couleurs et graisses aux titres : on reprend la main ici. */
.cbm h1,.cbm h2,.cbm h3{font-family:Montserrat,"Helvetica Neue",Arial,sans-serif!important;text-transform:none!important;color:var(--cbm-encre)!important}
.cbm ul{list-style:none}
.cbm a{color:var(--cbm-bleu);text-decoration:none}
.cbm a:hover{color:#08427c}
.cbm .cbm-pres-txt a,.cbm .cbm-savoir-txt a,.cbm .cbm-suivre a{text-decoration:underline;text-underline-offset:2px}
.cbm-in{max-width:1180px;margin:0 auto;padding:0 24px}
.cbm-cache{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cbm .cbm-label{font-size:12px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase!important;color:var(--cbm-cuivre)!important}
.cbm .cbm-h2{font-size:clamp(26px,3.2vw,38px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.01em}
.cbm .cbm-h3{font-size:24px!important;font-weight:800!important}
.cbm-main{font-family:Caveat,cursive;font-size:28px;line-height:1.1;color:var(--cbm-cuivre)}
.cbm-voile{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,26,23,0) 40%,rgba(28,26,23,.78) 100%)}
.cbm-point{flex:none;width:8px;height:8px;border-radius:50%;background:currentColor}
.cbm-statut,.cbm-pastille{color:var(--cbm-orange)}
.cbm-statut.cbm-ouvert,.cbm-pastille.cbm-ouvert{color:var(--cbm-vert)}

/* Haut de page : photo d'ambiance, titre à gauche, carte du magasin à droite */
.cbm-hero{position:relative;height:620px;overflow:hidden;background:#2a2621}
.cbm-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cbm-hero-voile{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,26,23,.8) 0%,rgba(28,26,23,.45) 45%,rgba(28,26,23,.05) 75%)}
.cbm-hero-centre{position:absolute;inset:0;display:flex;align-items:center}
.cbm-hero-in{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.cbm-hero-txt{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:16px;color:#fff}
.cbm .cbm-ariane{font-size:13px;color:rgba(255,255,255,.8)}
.cbm .cbm-ariane a{color:rgba(255,255,255,.8)}
.cbm .cbm-ariane a:hover{color:#fff}
.cbm-sur{align-self:flex-start;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
/* 1.7.1 : plus d'air entre « Magasin de vélos » et « à Brignais » */
.cbm h1.cbm-h1{font-size:clamp(36px,5vw,60px)!important;line-height:1.14!important;font-weight:800!important;letter-spacing:-.02em!important;color:#fff!important;margin:0!important}
.cbm-retour{display:block}
.cbm-accroche{margin-top:6px!important;max-width:470px;font-size:18px;line-height:1.5;color:rgba(255,255,255,.9)}
.cbm-carte-mag{flex:0 0 360px;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.cbm-carte-photo{position:relative;height:190px;background:var(--cbm-sable)}
.cbm-carte-photo img{width:100%;height:100%;object-fit:cover}
.cbm-carte-photo .cbm-statut{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:800}
.cbm-carte-corps{display:flex;flex-direction:column;gap:12px;padding:20px 22px 22px}
.cbm-carte-adr{display:flex;flex-direction:column;gap:3px}
.cbm-carte-adr strong{font-size:17px;font-weight:800;color:var(--cbm-encre)}
.cbm-carte-adr > span{font-size:14px;color:var(--cbm-gris)}
.cbm-carte-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cbm .cbm-btn-bleu,.cbm .cbm-btn-gris{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:999px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.cbm .cbm-btn-bleu{background:var(--cbm-bleu);color:#fff}
.cbm .cbm-btn-bleu:hover{background:#08427c;color:#fff}
.cbm .cbm-btn-gris{background:var(--cbm-fond);color:var(--cbm-encre)}
.cbm .cbm-btn-gris:hover{background:var(--cbm-sable);color:var(--cbm-encre)}
.cbm-btn-bleu svg,.cbm-btn-gris svg{width:16px;height:16px}

/* Le magasin + les horaires */
.cbm-duo{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.cbm-presentation{flex:6 1 480px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:36px;border-radius:28px;background:var(--cbm-creme)}
.cbm-pres-txt{display:flex;flex-direction:column;gap:14px}
.cbm-pres-txt p{font-size:16px;line-height:1.65;color:var(--cbm-texte)}
.cbm-chiffres{display:flex;justify-content:center;gap:28px;padding:26px 8px 4px;border-top:1px solid #e6dccb}
.cbm-chiffres div{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.cbm-chiffres strong{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.02em;white-space:nowrap;color:var(--cbm-encre)}
.cbm-chiffres-2 strong{font-size:64px}
.cbm-chiffres-1 strong{font-size:104px}
.cbm-chiffres span{max-width:170px;font-size:14px;line-height:1.35;font-weight:600;color:var(--cbm-cuivre)}
.cbm-horaires{flex:5 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px;padding:30px;border-radius:28px;border:1px solid var(--cbm-trait);background:#fff}
.cbm-horaires-tete{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cbm .cbm-horaires-tete h2{font-size:18px!important;font-weight:800!important}
.cbm-pastille{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#fbefe0;font-size:13px;font-weight:800}
.cbm-pastille.cbm-ouvert{background:#e9f4ec}
.cbm-frise{display:flex;flex-direction:column;gap:11px}
.cbm-frise-jour,.cbm-frise-axe{display:grid;grid-template-columns:40px minmax(0,1fr) 140px;align-items:center;gap:12px;font-size:13px}
.cbm-frise-nom{font-weight:700;color:var(--cbm-encre)}
.cbm-frise-barre{position:relative;height:10px;border-radius:999px;background:#f3efe8}
.cbm-seg{position:absolute;top:0;bottom:0;border-radius:999px;background:#d9c7a6}
.cbm-maintenant{display:none;position:absolute;top:-5px;width:2px;height:20px;margin-left:-1px;border-radius:2px;background:var(--cbm-encre)}
.cbm-frise-txt{text-align:right;color:var(--cbm-texte)}
.cbm-frise-ferme .cbm-frise-nom,.cbm-frise-ferme .cbm-frise-txt{color:var(--cbm-gris);font-weight:600}
.cbm-frise-ferme .cbm-frise-barre{background:transparent;border:1px dashed #d2d2d7}
.cbm-frise-auj .cbm-frise-nom,.cbm-frise-auj .cbm-frise-txt{color:var(--cbm-bleu);font-weight:800}
.cbm-frise-auj .cbm-frise-barre{background:#e3ecf7}
.cbm-frise-auj .cbm-seg{background:var(--cbm-bleu)}
.cbm-frise-auj .cbm-maintenant.cbm-visible{display:block}
.cbm-frise-axe{font-size:11px;color:#8e8e93}
.cbm-frise-heures{display:flex;justify-content:space-between}
.cbm-infos{display:flex;flex-direction:column;gap:14px;margin-top:4px;padding-top:20px;border-top:1px solid var(--cbm-trait)}
.cbm .cbm-info{display:flex;align-items:flex-start;gap:14px;color:var(--cbm-encre);text-decoration:none}
a.cbm-info{align-items:center}
.cbm-info-picto{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:var(--cbm-creme);color:var(--cbm-cuivre)}
.cbm-info-picto svg{width:22px;height:22px}
.cbm-info-txt{display:flex;flex-direction:column;gap:10px;min-width:0}
.cbm-adresse{font-size:21px;line-height:1.2;font-weight:800;color:var(--cbm-encre)}
.cbm-telephone{font-size:26px;line-height:1.1;font-weight:800;letter-spacing:.01em;color:var(--cbm-encre)}
.cbm-email{margin-top:-8px;font-size:13px;color:var(--cbm-gris)}
.cbm-gps{display:flex;flex-wrap:wrap;gap:8px}
.cbm .cbm-gps a{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;border:1.5px solid #e3e3e8;background:#fff;font-size:13px;font-weight:800;color:var(--cbm-encre);text-decoration:none}
.cbm .cbm-gps a:hover{border-color:var(--cbm-encre)}
.cbm-gps span{width:9px;height:9px;border-radius:50%}
.cbm-gps-waze{background:#33ccff}
.cbm-gps-plans{background:var(--cbm-encre)}
.cbm-gps-google{background:#34a853}

/* Les gros boutons RDV : sous les deux cases sur ordinateur, dans la case horaires sur téléphone */
.cbm-rdv{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.cbm-rdv-ordi{margin-top:28px}
.cbm-rdv-tel{display:none}
.cbm .cbm-rdv a{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:74px;padding:0 44px;border-radius:22px;border:2.5px solid var(--cbm-bleu);font-size:21px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s}
.cbm .cbm-rdv .cbm-rdv-atelier{background:var(--cbm-bleu);color:#fff;box-shadow:0 12px 30px rgba(11,92,173,.28)}
.cbm .cbm-rdv .cbm-rdv-etude{background:#fff;color:var(--cbm-bleu)}
.cbm .cbm-rdv a:hover{transform:translateY(-2px)}
.cbm .cbm-rdv .cbm-rdv-atelier:hover{color:#fff}

/* Blocs suivants */
.cbm-bloc{margin-top:88px;display:flex;flex-direction:column;gap:24px}
.cbm-bloc-serre{gap:20px}
.cbm-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}
.cbm-tete > div:not(.cbm-pilules){display:flex;flex-direction:column;gap:6px}
.cbm-tete-ligne{align-items:center}
.cbm-pilules{display:flex;flex-wrap:wrap;gap:8px}
.cbm .cbm-pilules a{padding:10px 16px;border-radius:999px;background:var(--cbm-fond);font-size:14px;font-weight:700;color:var(--cbm-encre);text-decoration:none}
.cbm .cbm-pilules a:hover{background:var(--cbm-sable)}

/* Ce que vous trouverez */
.cbm-univers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cbm .cbm-univ{position:relative;height:380px;border-radius:26px;overflow:hidden;color:#fff;text-decoration:none}
.cbm-univ img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cbm-univ:hover img{transform:scale(1.04)}
.cbm-univ-txt{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:4px}
.cbm-univ-txt strong{font-size:21px;font-weight:800;line-height:1.2}
.cbm-univ-txt span{font-size:13px;color:rgba(255,255,255,.9)}

/* Les marques : les vrais logos, même taille visuelle ; ils défilent quand il y en a beaucoup */
.cbm-marques{display:flex;justify-content:center;overflow:hidden}
.cbm-marques-liste{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.cbm-marques-liste li{flex:none;width:180px;height:104px}
.cbm-marques-liste a,.cbm-marques-liste span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:22px 26px;border-radius:22px;background:var(--cbm-fond);text-decoration:none}
.cbm-marques-liste img{display:block;max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.cbm-marques-liste strong{font-size:18px;font-weight:800;letter-spacing:.04em;color:var(--cbm-encre)}
.cbm-marques-liste a:hover{background:var(--cbm-sable)}
.cbm-defile{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cbm-defile .cbm-marques-liste{flex-wrap:nowrap;padding-right:12px;animation:cbm-defile 38s linear infinite}
.cbm-defile:hover .cbm-marques-liste{animation-play-state:paused}
@keyframes cbm-defile{from{transform:translateX(0)}to{transform:translateX(-100%)}}

/* L'équipe */
.cbm-equipe{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.cbm-personne{flex:none;width:270px;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px}
.cbm-portrait{position:relative;height:340px;border-radius:26px;overflow:hidden;background:var(--cbm-sable)}
.cbm-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cbm-portrait svg{position:absolute;left:50%;top:44px;width:170px;height:170px;margin-left:-85px}
.cbm-nom{position:absolute;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;gap:4px;color:#fff}
.cbm-nom strong{font-size:24px;font-weight:800;line-height:1.1}
.cbm-nom span{font-size:13px;font-weight:600;color:rgba(255,255,255,.9)}
.cbm-portrait-dessin .cbm-nom{color:var(--cbm-encre)}
.cbm-portrait-dessin .cbm-nom span{color:var(--cbm-cuivre)}
.cbm-personne p{font-size:14px;line-height:1.55;color:var(--cbm-texte)}

/* Services : atelier, étude posturale, occasions, Pierre-Louis */
.cbm-services{flex-direction:row;flex-wrap:wrap;gap:16px}
.cbm .cbm-service{position:relative;flex:1 1 250px;height:260px;border-radius:26px;overflow:hidden;color:#fff;text-decoration:none}
.cbm-service > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
a.cbm-service:hover > img{transform:scale(1.04)}
.cbm-service-txt{position:absolute;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:6px}
.cbm-service-txt strong{font-size:21px;font-weight:800;line-height:1.2}
.cbm-service-txt span{font-size:13px;color:rgba(255,255,255,.88)}
.cbm .cbm-service-txt .cbm-pastille-blanche{align-self:flex-start;margin-top:4px;padding:9px 16px;border-radius:999px;background:#fff;color:var(--cbm-encre);font-size:13px;font-weight:800}
.cbm .cbm-service-clair{background:var(--cbm-sable);color:var(--cbm-encre)}
.cbm .cbm-service-clair > img{inset:auto;right:10px;top:12px;left:auto;width:70%;height:124px;object-fit:contain}
.cbm-service-clair .cbm-service-txt{right:auto;width:44%}
.cbm-service-clair .cbm-service-txt span{color:#6e5a37}
.cbm .cbm-pl{display:flex;flex-direction:column;justify-content:space-between;padding:26px;background:var(--cbm-bleu)}
.cbm .cbm-pl h2{font-size:21px!important;font-weight:800!important;color:#fff!important}
.cbm-pl p{margin-top:8px!important;font-size:14px;line-height:1.5;color:#dbe7f5}
.cbm-pl-form{display:flex;gap:6px;padding:5px;border-radius:999px;background:#fff}
.cbm-pl-form input{flex:1;min-width:0;height:44px;padding:0 14px;border:0;border-radius:999px;font-family:inherit;font-size:14px;color:var(--cbm-encre);background:transparent;outline:none}
.cbm-pl-form button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--cbm-encre);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}

/* Venir, voisins, réseaux */
.cbm-venir{flex-direction:row;flex-wrap:wrap;gap:32px}
.cbm-venir > div{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:14px}
.cbm-venir p{font-size:15px;line-height:1.6;color:var(--cbm-texte)}
.cbm-villes{display:flex;flex-wrap:wrap;gap:8px}
.cbm-villes li{padding:8px 14px;border-radius:999px;border:1px solid #e3e3e8;font-size:14px}
.cbm .cbm-suivre{font-size:14px;color:var(--cbm-gris)}

/* Tout savoir (l'ancien texte, replié) */
.cbm-savoir{margin-top:56px;border-top:1px solid #e3e3e8}
.cbm-savoir summary{display:inline-flex;align-items:center;gap:12px;min-height:64px;cursor:pointer;list-style:none;font-size:16px;font-weight:700;color:var(--cbm-encre)}
.cbm-savoir summary::-webkit-details-marker{display:none}
.cbm-savoir summary::after{content:"";width:8px;height:8px;margin-top:-4px;border-right:2px solid var(--cbm-gris);border-bottom:2px solid var(--cbm-gris);transform:rotate(45deg);transition:transform .2s}
.cbm-savoir[open] summary::after{margin-top:4px;transform:rotate(-135deg)}
.cbm-savoir-txt{display:flex;flex-direction:column;gap:14px;max-width:820px;padding-bottom:12px;font-size:15px;line-height:1.65;color:var(--cbm-texte)}

@media (max-width:1100px){
  .cbm-univers{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Téléphone (maquette validée) */
@media (max-width:767px){
  .cbm{padding-bottom:48px}
  .cbm-in{padding:0 16px}
  .cbm-hero{height:430px}
  .cbm-hero-voile{background:linear-gradient(180deg,rgba(28,26,23,.1) 0%,rgba(28,26,23,.05) 30%,rgba(28,26,23,.82) 100%)}
  .cbm-hero-centre{align-items:flex-end;padding-bottom:92px}
  .cbm-hero-in{gap:0}
  .cbm-hero-txt{flex-basis:100%;gap:10px}
  .cbm .cbm-ariane,.cbm-accroche{display:none}
  .cbm-sur{font-size:11px;padding:6px 12px}
  .cbm h1.cbm-h1{font-size:34px!important;line-height:1.16!important}
  .cbm-retour{display:inline}
  .cbm-hero-in .cbm-carte-mag{display:none}
  .cbm-carte-tel{position:relative;z-index:1;display:flex;gap:12px;margin:-70px 14px 0;padding:12px;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(28,26,23,.2)}
  .cbm-duo{margin-top:28px;gap:20px}
  .cbm-presentation{padding:0;background:transparent;border-radius:0;gap:16px}
  .cbm-presentation .cbm-label{display:none}
  .cbm .cbm-presentation .cbm-h2{font-size:22px!important}
  .cbm-pres-txt p{font-size:15px}
  .cbm-chiffres{gap:12px;padding:16px 0 0}
  .cbm-chiffres strong{font-size:30px}
  .cbm-chiffres-2 strong{font-size:40px}
  .cbm-chiffres-1 strong{font-size:56px}
  .cbm-chiffres span{font-size:12px}
  .cbm-horaires{padding:20px;border-radius:22px;gap:12px}
  .cbm .cbm-horaires-tete h2{font-size:16px!important}
  .cbm-frise{gap:10px}
  .cbm-frise-jour{grid-template-columns:34px minmax(0,1fr) 104px;gap:10px;font-size:12px}
  .cbm-frise-barre{height:8px}
  .cbm-frise-axe{display:none}
  .cbm-infos{gap:12px;margin-top:6px;padding-top:16px}
  .cbm-info-picto{width:44px;height:44px;border-radius:14px}
  .cbm-info-picto svg{width:20px;height:20px}
  .cbm-info-txt{gap:9px}
  .cbm-adresse{font-size:17px;line-height:1.25}
  .cbm-telephone{font-size:23px}
  .cbm-email{display:none}
  .cbm .cbm-gps a{padding:8px 13px;font-size:12px}
  .cbm-rdv-ordi{display:none}
  .cbm-rdv-tel{display:flex;flex-direction:column;gap:10px}
  .cbm .cbm-rdv a{height:56px;padding:0 16px;border-radius:16px;font-size:17px;border-width:2px}
  .cbm .cbm-rdv .cbm-rdv-etude{height:52px;font-size:15px}
  .cbm .cbm-rdv svg{width:20px;height:20px}
  .cbm-bloc{margin-top:40px;gap:12px}
  .cbm-tete .cbm-main{display:none}
  .cbm .cbm-h2{font-size:22px!important}
  .cbm-univers{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px}
  .cbm .cbm-univ{flex:none;width:210px;height:280px;border-radius:22px}
  .cbm-univ-txt{left:16px;right:16px;bottom:16px}
  .cbm-univ-txt strong{font-size:18px}
  .cbm-univ-txt span{display:none}
  .cbm-marques-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
  .cbm-marques-liste li{width:auto;height:76px}
  .cbm-marques-liste a,.cbm-marques-liste span{padding:14px;border-radius:16px}
  .cbm-marques-liste img{max-height:34px}
  .cbm-defile .cbm-marques-liste{display:flex;width:auto}
  .cbm-defile .cbm-marques-liste li{width:120px}
  .cbm-equipe{margin:0 -16px;padding:0 16px 4px;gap:10px}
  .cbm-personne{width:190px}
  .cbm-portrait{height:250px;border-radius:22px}
  .cbm-portrait svg{top:26px;width:124px;height:124px;margin-left:-62px}
  .cbm-nom{left:14px;right:14px;bottom:14px}
  .cbm-nom strong{font-size:18px}
  .cbm-nom span{font-size:12px}
  .cbm-personne p{display:none}
  .cbm-services{flex-direction:column;gap:10px}
  .cbm .cbm-service{flex:none;height:160px;border-radius:22px}
  .cbm-service-txt{left:16px;right:16px;bottom:14px}
  .cbm-service-txt strong{font-size:18px}
  .cbm .cbm-service-clair{height:150px}
  .cbm .cbm-service-clair > img{right:10px;top:14px;width:55%;height:120px}
  .cbm-service-clair .cbm-service-txt{width:42%}
  .cbm .cbm-pl{height:auto;padding:18px;gap:10px}
  .cbm .cbm-pl h2{font-size:17px!important}
  .cbm-pl p{display:none}
  .cbm-venir{gap:24px}
  .cbm .cbm-h3{font-size:19px!important}
  .cbm-savoir{margin-top:32px;border-bottom:1px solid #e3e3e8}
  .cbm-savoir summary{display:flex;justify-content:space-between;min-height:56px;font-size:14px}
}
.cbm-carte-tel{display:none}
@media (max-width:767px){
  .cbm .cbm-carte-tel{display:flex}
  .cbm-carte-tel img{flex:none;width:96px;height:96px;border-radius:14px;object-fit:cover}
  .cbm-carte-tel-txt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}
  .cbm-carte-tel .cbm-statut{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800}
  .cbm-carte-tel strong{font-size:15px;font-weight:800}
  .cbm-carte-tel-txt > span:last-child{font-size:12px;color:var(--cbm-gris)}
}
@media (prefers-reduced-motion:reduce){
  .cbm-univ img,.cbm-service > img,.cbm-savoir summary::after,.cbm .cbm-rdv a{transition:none}
  .cbm-defile .cbm-marques-liste{animation:none}
  .cbm-defile{overflow-x:auto}
}