/* SUPERMATHS V432 — Cartes d'annonces façon Superprof (fenêtre « à la une » + grille) */
#cours-en-ligne #pcGrid.pc-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:34px 26px!important;width:100%!important}
#pcPromo .pc-promo-dialog{width:min(1120px,96vw)!important}
#pcPromo .pc-promo-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:26px 20px!important;padding:20px 22px 24px!important}

:is(#pcPromo,#cours-en-ligne) .sm-pv3{
  --t:#19b8ae;--td:#0f5c63;--ink:#14323a;--mu:#5f747c;--red:#e2525f;--gold:#f5a623;--vio:#5b4fd6;
  display:flex;flex-direction:column;min-width:0;color:var(--ink);text-align:left;background:none;border:0;padding:0;
  animation:smPv3In .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*80ms);
}
#pcPromo .sm-pv3{animation-delay:calc(.35s + var(--i,0)*90ms)}
@keyframes smPv3In{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
:is(#pcPromo,#cours-en-ligne) .sm-pv3 button{font:inherit;color:inherit;margin:0;box-shadow:none;text-transform:none;letter-spacing:normal;min-width:0}

/* Grande photo */
:is(#pcPromo,#cours-en-ligne) .sm-pv3-media{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:1/1;background:linear-gradient(150deg,#bfece9,#3fb5ae);box-shadow:0 10px 26px rgba(15,92,99,.10);transition:box-shadow .3s,transform .3s}
:is(#pcPromo,#cours-en-ligne) .sm-pv3:hover .sm-pv3-media{box-shadow:0 20px 40px rgba(15,92,99,.20);transform:translateY(-4px)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-photo{position:absolute!important;inset:0;width:100%!important;height:100%!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important;cursor:pointer;display:block}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3:hover .sm-pv3-photo img{transform:scale(1.07)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-ini{position:absolute;inset:0 0 22%;display:grid;place-items:center;font-size:84px;font-weight:800;color:rgba(255,255,255,.95);letter-spacing:-.04em}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,rgba(8,30,38,0),rgba(8,30,38,.72));pointer-events:none}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-name{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-name strong{display:block;font-size:27px;font-weight:800;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-name small{display:block;margin-top:4px;font-size:14px;font-weight:600;opacity:.95}

/* Chip temps + favori */
:is(#pcPromo,#cours-en-ligne) .sm-pv3-chip{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;gap:5px;align-items:center;background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;color:var(--td);box-shadow:0 4px 14px rgba(0,0,0,.12);pointer-events:none}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-chip.today{color:#b26b00}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-chip.soon{color:#fff;background:var(--red);animation:smPv3Blink 1.6s ease-in-out infinite}
@keyframes smPv3Blink{50%{transform:scale(1.05)}}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-fav{position:absolute!important;top:12px;right:12px;z-index:2;width:42px!important;height:42px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;cursor:pointer;display:grid;place-items:center}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-fav svg{width:30px;height:30px;fill:rgba(0,0,0,.18);stroke:#fff;stroke-width:2;transition:fill .2s,transform .2s;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-fav:hover svg{transform:scale(1.1)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-fav.on svg{fill:var(--red);animation:smPv3Heart .45s}
@keyframes smPv3Heart{40%{transform:scale(1.35)}}

/* Infos sous la photo */
:is(#pcPromo,#cours-en-ligne) .sm-pv3-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-rating{display:inline-flex;gap:4px;align-items:center;font-size:15px;color:var(--ink);white-space:nowrap}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-rating .star{color:var(--gold);font-size:18px}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-badge{background:#efedff;color:var(--vio);border-radius:10px;padding:5px 10px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-text{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:9px!important;padding:0!important;border:0!important;background:none!important;width:100%!important;text-align:left!important;cursor:pointer;font-size:15px!important;line-height:1.5!important;color:var(--mu)!important;font-weight:500!important}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-text b{color:var(--ink);font-weight:800}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-text:hover{color:var(--ink)!important}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-price{font-size:14px;color:var(--mu);min-width:0}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-price b{font-size:17px;font-weight:800;color:var(--ink)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-price em{font-style:normal;font-weight:700;color:var(--t)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-price em.hot{color:var(--red)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-book{flex:0 0 auto;border:0!important;border-radius:12px!important;padding:9px 15px!important;background:var(--t)!important;color:#fff!important;font-weight:800!important;font-size:13px!important;cursor:pointer;transition:transform .15s,filter .15s}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-book:hover{filter:brightness(.95);transform:translateY(-1px)}
:is(#pcPromo,#cours-en-ligne) .sm-pv3.full .sm-pv3-book{background:#c8d5d8!important;cursor:not-allowed;transform:none}
:is(#pcPromo,#cours-en-ligne) .sm-pv3-date{margin-top:6px;font-size:13px;color:var(--mu);font-weight:600}
:is(#pcPromo,#cours-en-ligne) .sm-pv3 :focus-visible{outline:3px solid #8fdedc!important;outline-offset:3px}

/* Mobile */
@media(max-width:600px){
  #cours-en-ligne #pcGrid.pc-grid,#pcPromo .pc-promo-list{grid-template-columns:1fr!important;gap:28px!important}
  :is(#pcPromo,#cours-en-ligne) .sm-pv3-media{aspect-ratio:4/3.4}
}
@media(prefers-reduced-motion:reduce){:is(#pcPromo,#cours-en-ligne) .sm-pv3,:is(#pcPromo,#cours-en-ligne) .sm-pv3 *{animation:none!important;transition:none!important}}