/* ==========================================================================
   Mokymai — sąrašo puslapis ir programos puslapis.
   Kraunama tik ten, kur reikia (žr. sd_mokymu_puslapis()).
   ========================================================================== */

/* ---------- antraštės ---------- */
.psl--mokymas .wrap,.psl--mokymai .wrap{max-width:900px}
/* Korta šalia antraštės — kaip paslaugų puslapiuose (.psl__korta iš vidinis.css). */
.psl--mokymas .wrap{display:grid;grid-template-columns:118px minmax(0,1fr);gap:40px;align-items:start}
.psl--mokymas .eyebrow a{text-decoration:none;border:0;color:inherit}
.psl--mokymas .eyebrow a:hover{opacity:.7}
.mok__meta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.mok__meta span{font-family:var(--mono);font-size:12px;letter-spacing:.04em;
  color:var(--prigesinta);border:1px solid var(--linija);border-radius:999px;padding:5px 13px}

/* ---------- programos puslapis ---------- */
.turinys--mokymas .wrap{max-width:1160px;display:grid;
  grid-template-columns:minmax(0,1fr) 336px;gap:72px;align-items:start}
.mok__t{min-width:0}
.mok__t .mok__lead{font-size:21px;line-height:1.6;color:var(--rasalas)}
.mok__t h2{margin:56px 0 16px}
.mok__t h2:first-child{margin-top:0}
.mok__t h3{font-size:20px;margin:30px 0 8px;color:var(--rasalas)}
/* Sąrašai su širdele — Eglės ženklas, bet tekste jo nerašom, kad redaktoriuje
   nesipainiotų su paprastu tekstu. */
.mok__t ul{list-style:none;padding-left:0}
.mok__t li{position:relative;padding-left:26px;margin-bottom:9px}
.mok__t li::before{content:"\2665";position:absolute;left:0;top:0;
  color:var(--raudona);font-size:13px;line-height:1.85}

/* Nuoroda į kitą programą to paties puslapio gale. */
.mok__kita{margin:64px 0 0;padding:30px 32px;border:1px solid var(--linija);border-radius:18px;
  background:#fff}
.mok__kita h2{font-size:26px;margin:14px 0 10px}
.mok__kita p{font-size:17px;margin:0 0 16px}
.mok__kita p:last-child{margin:0}

/* ---------- registracijos kortelė ---------- */
.mok__kort{position:sticky;top:104px}
.mok__kort-in{border:1px solid var(--linija);border-radius:20px;background:#fff;
  padding:28px 28px 26px;box-shadow:0 18px 40px -34px rgba(22,18,15,.45)}
.mok__kaina{font-family:var(--serif);font-size:44px;line-height:1;font-weight:300;
  letter-spacing:-.02em;color:var(--rasalas);margin:0}
.mok__kort-in .mok__avansas{font-size:15px;color:var(--rasalas);margin:10px 0 0}
.mok__kort-in .mok__smulk{font-size:13.5px;line-height:1.5;color:var(--blanki);margin:6px 0 0}
.mok__sar{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid var(--linija)}
.mok__sar li{font-size:14.5px;line-height:1.5;color:var(--prigesinta);
  padding:11px 0 0 22px;position:relative;margin:0}
.mok__sar li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:1px;
  background:var(--raudona)}
.mok__btn{width:100%;margin:24px 0 0}
.mok__kort-in .mok__pradzia{font-size:13px;color:var(--blanki);text-align:center;margin:12px 0 0}

/* ---------- sąrašo puslapis ---------- */
.turinys--mokymai .wrap{max-width:960px}
.mok__ivadas{margin:0 0 44px}
.mok__sarasas{display:grid;gap:22px}
.mok__k{display:grid;grid-template-columns:84px minmax(0,1fr) 228px;gap:34px;align-items:start;
  border:1px solid var(--linija);border-radius:20px;background:#fff;padding:34px 36px;
  transition:box-shadow .3s,transform .3s}
.mok__k:hover{box-shadow:0 22px 44px -34px rgba(22,18,15,.5);transform:translateY(-2px)}
.mok__k-k{width:84px}
.mok__k-k .kort svg{width:100%;height:auto;display:block}
.mok__k-zyme{font-family:var(--mono);font-size:var(--zyme);letter-spacing:var(--zyme-tarpas);
  text-transform:uppercase;color:var(--raudona);margin:0 0 12px}
.mok__k h2{font-size:29px;line-height:1.15;margin:0}
.mok__k h2 a{text-decoration:none;border:0;color:inherit}
.mok__k h2 a:hover{color:var(--bordo)}
.turinys .mok__k-t{font-size:17px;margin:10px 0 0;color:var(--prigesinta)}
.mok__k-l{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:7px}
.turinys .mok__k-l li{font-size:15px;line-height:1.5;color:var(--prigesinta);
  padding-left:20px;position:relative;margin:0}
.mok__k-l li::before{content:"";position:absolute;left:0;top:11px;width:9px;height:1px;
  background:var(--raudona)}
.mok__k-d{text-align:right;border-left:1px solid var(--linija);padding-left:34px}
.turinys .mok__k-kaina{font-family:var(--serif);font-size:34px;line-height:1;font-weight:300;
  color:var(--rasalas);margin:0}
.turinys .mok__k-av,.turinys .mok__k-tr{font-size:13px;line-height:1.45;color:var(--blanki);margin:7px 0 0}
.mok__k-d .btn{margin:18px 0 0}

.mok__apmokejimas{margin:56px 0 0;padding:34px 36px;border-radius:20px;background:#F7F1EA}
.mok__apmokejimas h2{font-size:26px;margin:0 0 14px}
.turinys .mok__apmokejimas p{font-size:16.5px;margin:0 0 12px}
.turinys .mok__apmokejimas p:last-child{margin:0}
.turinys .mok__apmokejimas p:first-of-type{font-size:16.5px;color:var(--prigesinta)}

/* ---------- kitos programos puslapio gale ---------- */
.mok__kiti{padding:0 0 96px}
.mok__kiti .wrap{max-width:1160px}
.mok__kiti-g{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 0}
.mok__kiti-k{display:block;text-decoration:none;border:1px solid var(--linija);border-radius:18px;
  background:#fff;padding:26px 28px;transition:box-shadow .3s,transform .3s}
.mok__kiti-k:hover{box-shadow:0 20px 40px -34px rgba(22,18,15,.5);transform:translateY(-2px)}
.mok__kiti-z{display:block;font-family:var(--mono);font-size:var(--zyme);
  letter-spacing:var(--zyme-tarpas);text-transform:uppercase;color:var(--raudona);margin:0 0 10px}
.mok__kiti-k b{display:block;font-family:var(--serif);font-weight:300;font-size:24px;
  line-height:1.2;letter-spacing:-.01em;color:var(--rasalas)}
.mok__kiti-t{display:block;font-size:15px;line-height:1.5;color:var(--prigesinta);margin:9px 0 0}
.mok__kiti-k2{display:flex;align-items:center;justify-content:space-between;
  font-family:var(--mono);font-size:13px;color:var(--rasalas);margin:16px 0 0;
  padding:14px 0 0;border-top:1px solid var(--linija)}
.mok__kiti-k2 em{font-style:normal;color:var(--raudona)}

/* ---------- siauriau ---------- */
@media(max-width:1020px){
  .turinys--mokymas .wrap{grid-template-columns:1fr;gap:44px}
  /* Telefone kortelė turi būti PRIEŠ tekstą: kaina ir mygtukas svarbiau. */
  .mok__kort{position:static;order:-1}
  .mok__kort-in{padding:24px}
}
@media(max-width:860px){
  .psl--mokymas .wrap{grid-template-columns:1fr;gap:24px}
  .psl--mokymas .psl__korta{width:82px}
  .mok__k{grid-template-columns:64px minmax(0,1fr);gap:22px 24px}
  .mok__k-k{width:64px}
  /* Kaina nusileidžia po tekstu — su viršutine linija vietoj šoninės. */
  .mok__k-d{grid-column:1 / -1;text-align:left;border-left:0;
    border-top:1px solid var(--linija);padding:20px 0 0;
    display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px}
  .mok__k-d .btn{margin:6px 0 0}
}
@media(max-width:720px){
  .mok__k{padding:28px 24px}
  .mok__k-d .btn{width:100%}
  .mok__kiti-g{grid-template-columns:1fr}
  .mok__apmokejimas{padding:26px 24px}
  .mok__kita{padding:24px}
}
