/* АЙКОН · станции по программам — каталог и страница программы (система и шапка — shared.css) */

.sw-hero{position:relative;overflow:hidden;margin-top:-85px;padding:170px 0 40px;background:
  radial-gradient(52% 62% at 82% 30%,rgba(151,51,198,.14) 0%,rgba(151,51,198,0) 68%),
  radial-gradient(38% 46% at 8% 96%,rgba(92,182,249,.14) 0%,rgba(92,182,249,0) 70%),
  linear-gradient(118deg,#f2edf9 0%,#eef0fa 52%,#f7f5fc 100%)}
.sw-hero .wrap{position:relative}
.sw-hero h1{max-width:16ch}
.sw-lead{max-width:56ch;margin-top:22px;font-size:17.5px;line-height:1.6;color:var(--muted)}

/* каталог */
.sw-catalog{padding:56px 0 40px}
.sw-group{margin-bottom:44px}
.sw-group-head{display:flex;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.sw-group-head h2{font-size:clamp(21px,2vw,28px)}
.sw-group-head .sw-group-note{font-size:13.5px;color:var(--muted)}
.sw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sw-app-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s,transform .25s var(--ease)}
.sw-app-card:hover{box-shadow:inset 0 0 0 1.5px rgba(151,51,198,.45),0 12px 30px rgba(28,20,68,.09);transform:translateY(-2px)}
.sw-ic{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f7f5fb;box-shadow:inset 0 0 0 1px var(--line)}
.sw-ic img{width:32px;height:32px;object-fit:contain}
.sw-ic-fallback{font-family:Unbounded,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--purple-soft);background:linear-gradient(150deg,#f6f1fc,#ece4f6)}
.sw-app-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.sw-app-name{font-size:15px;font-weight:700;color:var(--ink)}
.sw-app-tag{font-size:12.5px;color:var(--muted);line-height:1.4}
.sw-catalog-note{margin-top:8px;font-size:13.5px;color:var(--muted)}
.sw-catalog-note a{color:var(--purple-soft);font-weight:650}
.sw-catalog-note a:hover{color:var(--ink)}

/* карточки конфигураций (используются и на program.html) */
.sw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sw-card{display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.sw-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(151,51,198,.35),0 18px 44px rgba(28,20,68,.11)}
.sw-card-img{height:190px;display:flex;align-items:center;justify-content:center;margin:10px 10px 0;border-radius:14px;background:radial-gradient(75% 80% at 50% 64%,#e6e0f3 0%,#efeaf7 70%,transparent 100%)}
.sw-card-img img{max-height:86%;max-width:60%;width:auto;object-fit:contain;filter:drop-shadow(8px 14px 14px rgba(28,20,68,.22))}
.sw-card-body{display:flex;flex-direction:column;gap:7px;padding:16px 20px 20px;flex:1}
.sw-card-name{font-family:Unbounded,sans-serif;font-size:16px;letter-spacing:-.01em}
.sw-card-spec{font-size:12.5px;line-height:1.5;color:var(--muted)}
.sw-card-price{margin-top:4px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.sw-card-price em{font-style:normal;font-size:11px;font-weight:650;color:var(--muted);background:#f2eff8;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:3px 9px;margin-left:7px;vertical-align:2px}
.sw-card-inst{font-size:12px;color:var(--muted)}
.sw-card-body .button{margin-top:auto;width:100%;min-height:48px;font-size:14px}
.sw-card-body .button.in-cart{background:#e8f6ee;color:#1e7d4e;box-shadow:inset 0 0 0 1.5px #2f9e44}

/* страница программы */
.pg-main{padding:150px 0 80px;min-height:60vh}
.pg-back{display:inline-flex;align-items:center;font-weight:650;font-size:15px;color:var(--purple-soft);margin-bottom:34px}
.pg-back:hover{color:var(--ink)}
.pg-head{display:flex;align-items:center;gap:20px;margin-bottom:14px}
.pg-head .sw-ic{width:76px;height:76px;border-radius:18px}
.pg-head .sw-ic img{width:44px;height:44px}
.pg-head h1{font-size:clamp(28px,3.4vw,46px)}
.pg-tag{margin:0 0 34px;font-size:16px;line-height:1.6;color:var(--muted);max-width:60ch}
.pg-note{margin-top:22px;font-size:13px;color:var(--muted);max-width:70ch}
.pg-fallback{padding:60px 0 40px;text-align:center}
.pg-fallback p{margin:14px auto 26px;font-size:16px;color:var(--muted);max-width:46ch}

/* ---------- адаптив ---------- */
@media(max-width:1100px){
  .sw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .sw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sw-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .sw-hero{padding-top:118px;margin-top:-73px}
  .sw-lead{font-size:15.5px}
  .sw-catalog{padding:40px 0 24px}
  .sw-group{margin-bottom:32px}
  .sw-cards{grid-template-columns:1fr}
  .pg-main{padding:118px 0 56px}
}
@media(max-width:520px){
  .sw-grid{grid-template-columns:1fr}
}

/* блок «Программы для этого» на direction.html */
.pg-programs{margin-top:26px}
.pg-programs-inner{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 22px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--muted)}
.pg-programs-inner strong{color:var(--ink)}