/* toniejestzlydzien.pl/szkolenia/: szkolenia.css. Ładowany po main.css; korzysta z jego tokenów i komponentów. */

.sz main{overflow-x:clip}
.sz-head{display:flex;flex-direction:column;gap:14px;max-width:860px}
.sz .section>.wrap{display:flex;flex-direction:column;gap:32px}
.sz .lead{max-width:760px}
.sz-ref{font-size:13px;font-weight:600;color:var(--mustard-ink)}

/* Nagłówek: link do książki i skracany przycisk */
.sz-nav-book{padding-left:16px;border-left:1px solid var(--dark-line)}
.sz-nav-book .site-nav__link{color:var(--glow)}
.sz-nav-book .site-nav__link:hover{color:var(--paper)}
@media (max-width:420px){.sz-hide-xs{display:none}}
.site-header .btn-sm{flex:none}
.site-header .brand{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* Hero */
.sz-hero{padding:48px 0 56px}
.sz-hero__text{display:flex;flex-direction:column;gap:22px;max-width:900px}
.sz-hero .hero__sub{max-width:720px}
.sz-hero .cta-row .btn{width:100%}
.sz-link-dark{color:var(--glow);text-decoration:underline;text-underline-offset:.16em}
.sz-link-dark:hover{color:var(--paper)}

/* Problem */
.sz-problem__list{list-style:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;counter-reset:pr}
.sz-problem__item{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 20px 22px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--mustard);counter-increment:pr}
.sz-problem__item::before{content:counter(pr,decimal-leading-zero);font-family:var(--font-head);font-weight:800;font-size:28px;line-height:1;color:var(--mustard-ink)}
.sz-problem__title{font-family:var(--font-head);font-weight:600;font-size:24px;line-height:1.15}
.sz-problem__item p{font-size:16px;color:var(--ink-2)}

/* Program */
.sz-modules{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.sz-module{display:flex;flex-direction:column;gap:16px;padding:24px 20px;background:var(--paper);border:1px solid var(--line)}
.sz-module__tag{align-self:flex-start;padding:3px 10px;background:var(--black);color:var(--glow);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.sz-module__title{font-family:var(--font-head);font-weight:800;font-size:30px;line-height:1.05}
.sz-module__sub{font-weight:600}
.sz-outcomes{list-style:none;margin:0;display:grid;gap:14px}
.sz-outcomes li{position:relative;display:flex;flex-direction:column;gap:2px;padding-left:28px}
.sz-outcomes li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;background:var(--mustard)}
.sz-outcomes__text{font-size:16px;line-height:1.5}
.sz-ex__title{margin-top:8px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--font-head);font-weight:600;font-size:22px;line-height:1.2}
.sz-ex{list-style:none;margin:0;display:grid;gap:10px}
.sz-ex li{position:relative;padding:12px 14px 12px 44px;background:var(--white);border:1px solid var(--line-2);font-size:15px;line-height:1.5}
.sz-ex li::before{content:"";position:absolute;left:14px;top:15px;width:16px;height:16px;border:2px solid var(--black);background:linear-gradient(var(--mustard),var(--mustard)) center/8px 8px no-repeat}
.sz-team{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:22px 20px;background:var(--cream);border:1px solid var(--cream-line)}
.sz-team__title{font-family:var(--font-head);font-weight:800;font-size:26px;line-height:1.1;margin-bottom:6px}
.sz-team p{color:var(--ink-2);max-width:720px}

/* Dla kogo */
.sz-who__grid{list-style:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.sz-who__item{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--white);border:1px solid var(--line)}
.sz-who__title{font-size:18px;font-weight:600;line-height:1.3}
.sz-who__item p{font-size:15px;color:var(--ink-2)}

/* Korzyści */
.sz-benefits__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.sz-ticks{list-style:none;margin:0;display:grid;gap:14px;color:var(--on-dark)}
.sz-ticks li{position:relative;padding-left:32px}
.sz-ticks li::before{content:"";position:absolute;left:2px;top:4px;width:14px;height:8px;border-left:3px solid var(--mustard);border-bottom:3px solid var(--mustard);transform:rotate(-45deg)}

/* Kroki */
.sz-steps__list{list-style:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;counter-reset:st}
.sz-step{position:relative;display:flex;flex-direction:column;gap:6px;padding:0 0 28px 56px;counter-increment:st}
.sz-step:last-child{padding-bottom:0}
.sz-step::before{content:counter(st);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--black);color:var(--glow);font-family:var(--font-head);font-weight:800;font-size:24px;line-height:1}
.sz-step:not(:last-child)::after{content:"";position:absolute;left:19px;top:46px;bottom:6px;width:2px;background:var(--mustard)}
.sz-step__title{font-size:18px;font-weight:600;line-height:1.3}
.sz-step p{font-size:15px;color:var(--ink-2)}

/* Trenerzy */
.sz-trainers__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.sz-trainer{display:flex;flex-direction:column;gap:18px}
.sz-trainer__photo{display:block;width:140px;aspect-ratio:4/5;height:auto;object-fit:cover;background:var(--line);filter:grayscale(1)}
.sz-trainer__body{display:flex;flex-direction:column;gap:10px;min-width:0}
.sz-trainer__body p{font-size:16px;color:var(--ink-2)}

/* Kontakt */
.sz-contact__grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:32px!important;align-items:start}
.sz-contact__info{display:flex;flex-direction:column;gap:18px;min-width:0}
.sz-contact__lead{font-size:17px;color:var(--on-dark);max-width:520px}
.sz-contact__list{list-style:none;margin:8px 0 0;display:grid;gap:18px}
.sz-contact__list li{display:flex;flex-direction:column;gap:2px;min-width:0}
.sz-contact__label{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--on-dark-muted)}
.sz-contact__big{display:inline-block;padding:4px 0;font-family:var(--font-head);font-weight:800;font-size:32px;line-height:1.1;color:var(--glow);text-decoration:none;overflow-wrap:anywhere}
.sz-contact__mail{font-size:24px}
.sz-contact__big:hover{color:var(--paper);text-decoration:underline;text-underline-offset:.16em}
.sz-form-card{border:1px solid var(--dark-line);background:#181818;min-width:0}
.sz-form__row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.sz-select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--glow) 50%),linear-gradient(135deg,var(--glow) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.sz-select option{background:#1E1E1E;color:var(--paper)}
.sz-textarea{min-height:128px;resize:vertical;line-height:1.5;font-family:inherit}
.sz-fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:2px;min-width:0}
.sz-fieldset legend{padding:0;margin-bottom:8px}
.sz-form .check{min-height:40px;align-items:flex-start}
.sz-form .check label{line-height:1.45}
.sz-form [aria-invalid="true"]+label{color:var(--glow)}
.sz-form .field__input:focus-visible{outline:3px solid var(--glow);outline-offset:2px}
.signup__submit[aria-busy="true"] .btn__label::before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sz-spin 800ms linear infinite}
@keyframes sz-spin{to{transform:rotate(360deg)}}
.sz-footer{padding-bottom:40px}
.sz-footer a:where(:not([class])){color:var(--glow)}

/* Program: wersje, moduły, grupy, ćwiczenia, podręcznik */
.sz-day{margin-top:4px;padding-bottom:6px;border-bottom:2px solid var(--black);font-family:var(--font-head);font-weight:800;font-size:20px;line-height:1.1;letter-spacing:.5px;text-transform:uppercase}
.sz-agenda{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:ag}
.sz-agenda[start="5"]{counter-reset:ag 4}
.sz-agenda li{position:relative;display:flex;flex-direction:column;gap:4px;padding-left:44px;counter-increment:ag;min-width:0}
.sz-agenda li::before{content:counter(ag);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--black);color:var(--glow);font-family:var(--font-head);font-weight:800;font-size:18px;line-height:1}
.sz-agenda__title{font-weight:600;font-size:17px;line-height:1.35}
.sz-agenda__text{font-size:15px;line-height:1.5;color:var(--ink-2)}
.sz-module__note{margin-top:4px;padding:12px 14px;background:var(--white);border-left:3px solid var(--mustard);font-size:15px;line-height:1.5;color:var(--ink-2)}
.sz-groups{display:flex;flex-direction:column;gap:16px}
.sz-groups__heading,.sz-room__title,.sz-handbook__title{font-family:var(--font-head);font-weight:800;font-size:28px;line-height:1.1}
.sz-groups__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.sz-group{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--mustard)}
.sz-group__title{font-size:18px;font-weight:600;line-height:1.3}
.sz-group p{font-size:16px;color:var(--ink-2)}
.sz-room{display:flex;flex-direction:column;gap:18px}
.sz-room__head{display:flex;flex-direction:column;gap:8px;max-width:760px}
.sz-room__head p{color:var(--ink-2)}
.sz-ex--grid li{background:var(--paper)}
.sz-ex--grid strong{font-weight:700}
.sz-handbook{display:flex;flex-direction:column;gap:10px;padding:22px 20px;background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--black)}
.sz-handbook p{color:var(--ink-2);max-width:820px}
@media (min-width:901px){
  .sz-groups__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .sz-group{padding:24px 26px}
  .sz-ex--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
  .sz-handbook{padding:28px 32px}
  .sz-groups__heading,.sz-room__title,.sz-handbook__title{font-size:32px}
}

@media (min-width:561px){
  .sz-hero .cta-row .btn{width:auto}
  .sz-who__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sz-form__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sz-trainer{flex-direction:row;align-items:flex-start;gap:24px}
  .sz-trainer__photo{flex:none}
}

@media (min-width:901px){
  .sz-hero{padding:80px 0 88px}
  .sz-head{gap:16px}
  .sz .section>.wrap{gap:40px}
  .sz-problem__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .sz-problem__item{padding:28px 26px}
  .sz-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .sz-module{padding:32px}
  .sz-module__title{font-size:34px}
  .sz-team{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;padding:28px 32px}
  .sz-team .btn{flex:none}
  .sz-who__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .sz-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
  .sz-steps__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .sz-step{padding:60px 0 0}
  .sz-step:last-child{padding-bottom:0}
  .sz-step:not(:last-child)::after{left:52px;right:-18px;top:19px;bottom:auto;width:auto;height:2px}
  .sz-trainers__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
  .sz-trainer{flex-direction:column}
  .sz-trainer__photo{width:220px}
  .sz-contact__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px!important}
  .sz-contact__big{font-size:40px}
  .sz-contact__mail{font-size:28px}
  .sz-footer{padding-bottom:40px}
}
@media (min-width:1101px){
  .sz-trainer{flex-direction:row}
}
/* Nagłówek 901–1100 px: ciaśniej, żeby zmieścić 6 linków */
@media (min-width:901px) and (max-width:1100px){
  .sz .site-nav__list{gap:14px}
  .sz-nav-book{padding-left:12px}
}

@media (prefers-reduced-motion:reduce){
  .signup__submit[aria-busy="true"] .btn__label::before{animation:none;border-right-color:currentColor;opacity:.6}
}
