/* /products — витрина всех программ; карточки и обложки — из en.css */
.pr-sec{padding-top:28px}
.pr-chips{display:flex;gap:8px;margin-top:18px;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:2px 16px}
.pr-chips::-webkit-scrollbar{display:none}
.pr-chips button{flex:none;padding:10px 16px;border-radius:99px;border:1.5px solid var(--card-line);background:var(--card);color:var(--fg);font:inherit;font-weight:800;font-size:14.5px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pr-chips button[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}
@media (hover:hover){.pr-chips button:not([aria-pressed="true"]):hover{border-color:var(--primary)}}
.pr-grid{margin-top:18px}
.pr-grid .en-prog[hidden]{display:none}
.en-cover-t .en-person{top:5%;bottom:auto;height:112%;width:auto}
@media (min-width:700px){.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){
  .pr-sec{padding-top:48px}
  .pr-chips{flex-wrap:wrap;margin:28px 0 0;padding:0}
  .pr-chips button{padding:12px 20px;font-size:15px}
  .pr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
  .pr-grid .en-prog>:not(.en-cover){margin-left:26px;margin-right:26px}
  .pr-grid .en-prog h3{font-size:32px}
  .pr-grid .en-d{font-size:16px}
  .pr-grid .en-price b{font-size:28px}
}
/* обложки предметов — тот же голубой фон, что у английского (без него падали на тёмный фон .en-cover по умолчанию) */
.en-cover-t{background:linear-gradient(160deg,#e4f4fc 0%,#bfe2f5 100%)}
html.dark .en-cover-t{background:linear-gradient(160deg,#183d52 0%,#0d2535 100%)}