/* Promotion de l'application mobile CapepsTime (23/10/2026) : boutons des magasins, QR code, téléphones.
   Utilisé par la page d'accueil (section complète), les bandeaux des autres pages et la page /appli.
   Liens : App Store id6757802013, Google Play com.capepstime.boltexponativewind ; QR → /appli (redirige vers le bon magasin). */
.stores{display:flex;flex-wrap:wrap;gap:10px}
.store{display:inline-flex;align-items:center;gap:10px;background:#0F0F12;color:#fff;text-decoration:none;border-radius:12px;padding:9px 16px 9px 13px;border:1px solid #2A2A31;transition:transform .15s,background .15s;min-width:168px}
.store:hover{transform:translateY(-2px);background:#1E1E24}
.store svg{width:24px;height:24px;flex:none;fill:#fff}
.store span{display:flex;flex-direction:column;line-height:1.1;font:600 11px 'Inter',sans-serif;color:#C9C8D0}
.store b{font:700 17px 'Montserrat',sans-serif;color:#fff;letter-spacing:-.01em}
.noir .store,.store.clair{background:#fff;color:#0F0F12;border-color:#fff}
.noir .store svg,.store.clair svg{fill:#0F0F12}
.noir .store span,.store.clair span{color:#55545E}
.noir .store b,.store.clair b{color:#0F0F12}
.noir .store:hover{background:#FFF6D6}
.qr-boite{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E9E7E1;border-radius:16px;padding:10px 16px 10px 10px;color:#0F0F12}
.qr-boite img{width:84px;height:84px;display:block}
.qr-boite p{margin:0;font-size:13.5px;line-height:1.45;color:#55545E}
.qr-boite p b{display:block;font:700 15px 'Montserrat',sans-serif;color:#0F0F12;margin-bottom:2px}
.etoiles{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.etoiles i{font-style:normal;color:#ECCA35;letter-spacing:2px;font-size:16px}

/* section complète (page d'accueil) */
.appli{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.appli h2{font-size:40px;font-weight:800}
.appli h2 span{color:#ECCA35}
.appli .l{font-size:17px;color:#CFCED6;margin:14px 0 22px;max-width:520px}
.appli ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.appli li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:#E9E8EE}
.appli li .emo{flex:none;width:34px;height:34px;border-radius:10px;background:#26262E;display:grid;place-items:center;font-size:17px}
.appli li b{color:#fff}
.appli .bas{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.appli .cadeau{display:inline-block;margin:0 0 18px;background:rgba(236,202,53,.12);border:1px solid rgba(236,202,53,.45);color:#ECCA35;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600}
.telephones{position:relative;height:560px}
.telephones img{position:absolute;bottom:0;width:236px;border-radius:30px;box-shadow:0 40px 70px -30px rgba(0,0,0,.8),0 0 0 6px #1E1E24,0 0 0 7px #34343C}
.telephones img:nth-child(1){left:2%;bottom:30px;transform:rotate(-7deg)}
.telephones img:nth-child(2){left:32%;z-index:2;width:256px;bottom:60px}
.telephones img:nth-child(3){right:2%;bottom:20px;transform:rotate(7deg)}
@media (prefers-reduced-motion:no-preference){.telephones img:nth-child(2){animation:flotte-tel 5s ease-in-out infinite}}
@keyframes flotte-tel{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* bandeau compact (autres pages) */
.bandeau-appli{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:#0F0F12;color:#fff;border-radius:26px;padding:26px 30px;position:relative;overflow:hidden;isolation:isolate}
.bandeau-appli::before{content:"";position:absolute;inset:-40%;z-index:-1;background:radial-gradient(420px circle at 85% 20%,rgba(236,202,53,.22),transparent 70%)}
.bandeau-appli .icone{width:72px;height:72px;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.bandeau-appli h3{margin:0 0 4px;font:800 22px 'Montserrat',sans-serif;color:#fff}
.bandeau-appli p{margin:0;color:#CFCED6;font-size:15px;line-height:1.5}
.bandeau-appli .droite{display:flex;gap:14px;align-items:center}
.bandeau-appli .qr-boite{padding:8px}
.bandeau-appli .qr-boite img{width:76px;height:76px}
.bandeau-appli .qr-boite p{display:none}

@media (max-width:983px){
  .appli{grid-template-columns:1fr;gap:30px}.telephones{height:470px;max-width:560px;margin:0 auto;width:100%}
  .telephones img{width:196px}.telephones img:nth-child(2){width:214px;left:calc(50% - 107px)}
  .bandeau-appli{grid-template-columns:auto 1fr}.bandeau-appli .droite{grid-column:1/-1}
}
@media (max-width:733px){
  .appli h2{font-size:30px}.qr-boite,.bandeau-appli .qr-boite{display:none}
  .telephones{height:390px}.telephones img{width:150px;border-radius:22px}.telephones img:nth-child(2){width:166px;left:calc(50% - 83px)}
  .bandeau-appli{grid-template-columns:1fr;text-align:left;padding:22px}.bandeau-appli .icone{width:58px;height:58px}
  .store{min-width:0;flex:1 1 140px;white-space:nowrap;padding:8px 12px 8px 10px;gap:8px}
  .store b{font-size:15px}.store span{font-size:10px}.store svg{width:21px;height:21px}
}