/* V47 — Infos pratiques : composition et finitions dédiées.
   Aucune autre page n'utilise cette feuille. */
body.page-info{--info-violet:#6935f5;--info-ink:#131a38}
body.page-info .content{
  width:min(1520px,calc(100% - 84px));
  min-height:calc(100svh - 75px);
  display:flex;flex-direction:column;
  gap:0;padding:clamp(25px,3.1vh,34px) 0 30px;
}
body.page-info .intro-block{flex:none;padding:0 0 clamp(25px,3.5vh,37px)}
body.page-info .eyebrow{letter-spacing:3.2px}
body.page-info h1{font-size:clamp(45px,3.8vw,61px);line-height:1.03;margin:12px 0 13px}
body.page-info .intro{max-width:650px;line-height:1.5!important;font-size:clamp(14px,1vw,17px)}
body.page-info .cards{
  flex:1 0 auto;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(165px,1fr));
  gap:18px;min-height:350px;max-height:430px;
}
body.page-info .cards .card{
  position:relative;isolation:isolate;display:flex;align-items:flex-start;
  gap:17px;padding:25px 25px 22px;
  border-radius:22px!important;
  border:1px solid rgba(153,125,220,.22)!important;
  background:linear-gradient(150deg,#fff 0%,#fff 67%,#faf7ff 100%)!important;
  box-shadow:0 11px 32px rgba(50,35,112,.09),0 2px 5px rgba(50,35,112,.035)!important;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease;
}
body.page-info .cards .card::before{
  content:"";position:absolute;z-index:-1;width:205px;height:205px;right:-85px;bottom:-115px;
  border-radius:50%;border:1px solid rgba(122,75,240,.12);
  box-shadow:0 0 0 16px rgba(122,75,240,.025),0 0 0 34px rgba(122,75,240,.023),0 0 0 52px rgba(122,75,240,.017);
}
body.page-info .cards .card::after{
  content:"";position:absolute;left:25px;right:25px;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(116,68,246,.22),transparent);
}
body.page-info .cards .card:hover{
  transform:translateY(-3px);
  box-shadow:0 17px 36px rgba(50,35,112,.14)!important;
}
body.page-info .cards .card>svg{
  width:49px;height:49px;flex:0 0 49px;padding:10px;
  background:linear-gradient(140deg,#f7f3ff,#ece4ff);
  border:1px solid #e8ddff;border-radius:14px;
  stroke:#713cff;stroke-width:1.7;
}
body.page-info .card h2{font-size:clamp(16px,1.12vw,19px);line-height:1.18;margin:2px 0 9px;letter-spacing:-.45px}
body.page-info .card p{font-size:clamp(13px,.94vw,15px);line-height:1.48!important;max-width:350px;color:#414762}
body.page-info .circle{
  width:37px;height:37px;right:20px;bottom:19px;
  background:#f0e8ff;border:1px solid #e7d9ff;
  box-shadow:0 3px 10px rgba(95,46,209,.06);
  font-size:20px;
}
body.page-info .facts{
  flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;gap:18px;
  margin-top:clamp(27px,3.7vh,39px);padding:0;min-height:94px;
}
body.page-info .fact{
  min-height:94px;padding:16px 20px!important;gap:15px;
  border:1px solid rgba(157,131,219,.22)!important;
  border-radius:17px;background:rgba(255,255,255,.91);
  box-shadow:0 8px 26px rgba(50,35,112,.07);
}
body.page-info .fact svg{
  width:43px;height:43px;flex:0 0 43px;padding:8px;
  border-radius:12px;background:#f2ecff;stroke:#713cff;
}
body.page-info .fact strong{font-size:12px;letter-spacing:.055em;color:#62518a}
body.page-info .fact small{font-size:13px;line-height:1.42;color:#44465e;margin-top:5px}
body.page-info .fact small b{font-size:13px;color:#151c3c}
@media(min-width:850px) and (max-height:790px){
 body.page-info .content{padding-top:17px;padding-bottom:16px}
 body.page-info .intro-block{padding-bottom:17px}
 body.page-info h1{font-size:clamp(40px,3.1vw,49px);margin:7px 0}
 body.page-info .cards{grid-template-rows:repeat(2,minmax(135px,1fr));min-height:280px;gap:13px}
 body.page-info .cards .card{padding:17px 18px}
 body.page-info .cards .card>svg{width:42px;height:42px;flex-basis:42px;padding:8px}
 body.page-info .facts{margin-top:20px;gap:13px;min-height:76px}
 body.page-info .fact{min-height:76px;padding:10px 14px!important}
}
@media(max-width:1050px){
 body.page-info .content{width:calc(100% - 42px)}
 body.page-info .cards .card{padding:19px 15px;gap:11px}
 body.page-info .card h2{font-size:15px}
 body.page-info .fact{padding:12px!important;gap:9px}
}
@media(max-width:740px){
 body.page-info .content{width:calc(100% - 32px);min-height:0;padding:28px 0 34px}
 body.page-info .intro-block{padding-bottom:25px}
 body.page-info .intro br{display:none}
 body.page-info .cards{grid-template-columns:1fr;grid-template-rows:none;min-height:0;max-height:none;gap:14px}
 body.page-info .cards .card{min-height:147px;padding:20px 18px}
 body.page-info .facts{grid-template-columns:1fr;gap:12px;margin-top:27px}
 body.page-info .fact{min-height:82px;padding:14px 17px!important}
}
@media(prefers-reduced-motion:reduce){
 body.page-info .cards .card{transition:none}
 body.page-info .cards .card:hover{transform:none}
}