/* Page /pour-les-pros/ — complète site.css (variables, .wrap, .btn, .kicker, .card, .stats, .logos…) */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pros-page .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.store-badges{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.store-badges a{display:block;border-radius:10px}
.store-badges img{display:block;height:52px;width:auto;border-radius:10px}

.pros-hero{padding-bottom:clamp(24px,4vw,48px)}
.pros-hero h1{max-width:none}

.offers{padding:clamp(8px,2vw,24px) 0 clamp(40px,6vw,80px)}
.offer-grid{list-style:none;margin-block:0;padding-inline:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.offer.card{display:flex;flex-direction:column;padding:0;overflow:hidden;height:auto}
.offer img{width:100%;height:220px;object-fit:cover;display:block;border-radius:0;border-bottom:1px solid var(--line)}
.offer-body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;flex:1}
.offer-body h2{font-size:1.2rem}
.offer-body p{color:var(--muted)}
.offer-cta{margin:auto 0 0;padding-top:.6rem}

.stats{padding-top:clamp(8px,2vw,24px)}
.app-promo{padding:clamp(32px,6vw,80px) 0;background:var(--surface)}
.app-promo .two-col{grid-template-columns:.7fr 1.3fr}
.app-promo .phone{margin:0}
.app-promo .phone img{width:100%;max-width:300px;height:auto;margin-inline:auto;display:block;filter:drop-shadow(0 18px 30px rgba(40,20,40,.22))}

.distributors{background:var(--bg)}
.docs{padding:clamp(32px,6vw,72px) 0}
.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.doc.card{padding:1.8rem;height:auto;display:flex;flex-direction:column}
.doc h2{font-size:1.35rem}
.doc p:last-child{margin-bottom:0;margin-top:auto}
.doc p:nth-last-child(2){color:var(--muted)}
.contact-band{padding:clamp(40px,7vw,96px) 0;text-align:center;background:var(--surface);border-top:1px solid var(--line)}
.contact-band .lead{margin-inline:auto}

@media (max-width:980px){
  .offer-grid{grid-template-columns:1fr;max-width:620px}
  .app-promo .two-col{grid-template-columns:1fr}
  .doc-grid{grid-template-columns:1fr}
}