/* Витрина акции ППЗ — стили для шорткода [csp_offer] */
.csp-offer{
  position:relative;max-width:520px;margin:24px auto;
  background:#fff;border:3px solid #f5a623;border-radius:20px;
  padding:34px 28px;text-align:center;
  box-shadow:0 20px 50px rgba(0,0,0,.15);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.csp-offer .csp-ribbon{
  position:absolute;top:-15px;left:50%;transform:translateX(-50%);
  background:#f5a623;color:#16181d;font-weight:800;font-size:13px;
  letter-spacing:1px;text-transform:uppercase;padding:7px 20px;border-radius:50px;white-space:nowrap;
}
.csp-offer .csp-tlabel{display:block;font-size:14px;color:#5b616e;margin:6px 0 12px}
.csp-offer .csp-timer{display:flex;gap:10px;justify-content:center;margin-bottom:18px}
.csp-offer .csp-timer>div{background:#16181d;border-radius:12px;padding:10px 0;min-width:62px}
.csp-offer .csp-timer b{display:block;font-size:28px;font-weight:800;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.csp-offer .csp-timer span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#aeb3bd}
.csp-offer .csp-prices{margin-bottom:6px;display:flex;align-items:baseline;justify-content:center;gap:10px}
.csp-offer .csp-old{font-size:20px;color:#b6bcc7;text-decoration:line-through}
.csp-offer .csp-now{font-size:54px;font-weight:800;color:#d2342b;line-height:1}
.csp-offer .csp-cur{font-size:24px;font-weight:700;color:#d2342b}
.csp-offer .csp-seats{margin:18px 0}
.csp-offer .csp-seats-label{font-size:14px;color:#5b616e;margin-bottom:7px}
.csp-offer .csp-seats-label b{color:#16181d}
.csp-offer .csp-seats-bar{height:10px;border-radius:50px;background:#eceef2;overflow:hidden}
.csp-offer .csp-seats-fill{height:100%;width:0;border-radius:50px;background:linear-gradient(90deg,#f5a623,#d2342b);transition:width .4s}
.csp-offer .csp-seats-sold{font-size:12.5px;color:#8a909c;margin-top:7px}
.csp-offer .csp-seats-sold b{color:#5b616e}
.csp-offer .csp-note{font-size:13px;color:#5b616e;margin:12px 0 18px}
.csp-offer .csp-note b{color:#16181d}
.csp-offer .csp-btn{
  display:inline-block;background:#d2342b;color:#fff;text-decoration:none;
  font-weight:700;font-size:18px;padding:16px 40px;border-radius:10px;
  box-shadow:0 8px 24px rgba(210,52,43,.35);transition:.2s;
}
.csp-offer .csp-btn:hover{background:#a51f17;transform:translateY(-2px)}
.csp-offer.csp-expired{border-color:#c9ced6}
.csp-offer.csp-expired .csp-now,.csp-offer.csp-expired .csp-cur{color:#16181d}
@media(max-width:560px){
  .csp-offer .csp-now{font-size:42px}
  .csp-offer .csp-timer>div{min-width:54px}
}