/* page-svc-m-a: mobile layer (ADR 0019) for sklep-internetowy, system-crm-erp, szkolenia-ai-dla-firm.
   Mobile only (<900px). Every selector is scoped to <main class="... mm-pa"> so nothing leaks to other pages.
   Shared components (chips, image, cta, start) come from page-svc-m.20261004.css; this file adds the
   page-specific differences and carries its own copy of the components szkolenia needs (it has no .svc-page). */

@media (max-width:899.98px){

/* class-name collision: the dock (mkm-mobile) also defines global .mm-cta / .mm-cta__t (absolute, opacity 0, flex).
   Neutralise it for the CTA section of these three pages. */
.mm-pa .mm-cta{position:static;left:auto;right:auto;bottom:auto;height:auto;display:block;align-items:normal;gap:0;white-space:normal;pointer-events:auto;opacity:1;transform:none;transition:none}
.mm-pa .mm-cta__t{display:block;flex-direction:row;gap:0}

/* ================= sklep-internetowy + system-crm-erp (main.svc-page.mm-pa) ================= */

/* no facts bento for these two services (prototype): prices stay in the cennik section below */
.svc-page.mm-pa .svc-hero__facts{display:none}

/* chips sit directly under the island, hero starts 36px below them */
.svc-page.mm-pa .svc-hero{padding-top:36px}

/* long intro paragraph (sklep) must not become a 15-line poster */
.svc-page.mm-pa--long .svc-intro__text{font-size:23px;line-height:1.2;letter-spacing:-0.03em}

/* existing 3-step block restyled as numbered rows ("Jak zaczynamy wspolprace") */
.svc-page.mm-pa .svc-steps__grid{display:flex;flex-direction:column;gap:8px;counter-reset:mmstep}
.svc-page.mm-pa .svc-step{counter-increment:mmstep;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:start;padding:18px;border-radius:22px;opacity:1!important;transform:none!important}
.svc-page.mm-pa .svc-step__n{grid-row:1/3;grid-column:1;width:44px;height:44px;border-radius:50%;background:rgba(0,87,255,.16);border:1px solid rgba(102,153,255,.4);display:flex;align-items:center;justify-content:center;font-size:0;line-height:0;letter-spacing:0;color:#99baff;overflow:hidden}
.svc-page.mm-pa .svc-step__n::before{content:counter(mmstep,decimal-leading-zero);font-size:14px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.svc-page.mm-pa .svc-step__t{grid-column:2;align-self:end;font-size:18px;line-height:1.2;letter-spacing:-0.02em}
.svc-page.mm-pa .svc-step__d{grid-column:2;font-size:14px;line-height:1.55}

/* pricing table: horizontal scroll, edge-to-edge feel */
.svc-page.mm-pa .svcx-table-wrap{margin-top:4px}
.svc-page.mm-pa .svcx-table{font-size:14px}
.svc-page.mm-pa .svcx-table th,.svc-page.mm-pa .svcx-table td{padding:12px 16px}

/* s9 split blocks ("Dla kogo" / closing text) */
.svc-page.mm-pa .s9-split__inner{flex-direction:column;flex-wrap:nowrap;gap:20px;align-items:stretch}
.svc-page.mm-pa .s9-split__head{flex:none;gap:12px;padding:0 4px}
.svc-page.mm-pa .s9-split__body{flex:none;gap:14px;font-size:15px;line-height:1.6;padding:0 4px}
.svc-page.mm-pa .s9-box{margin-top:0;padding:20px;border-radius:22px;font-size:15px;line-height:1.6}
.svc-page.mm-pa .s9-box__label{font-size:12px}
.svc-page.mm-pa .s9-head__lede{font-size:15px;line-height:1.6}
.svc-page.mm-pa .svc-pricing .s9-head__lede{padding:0}

/* bottom spacing: the CTA box is the last block before the footer */
.svc-page.mm-pa .mm-cta{padding:48px 10px 40px}
.svc-page.mm-pa .svc-related{padding-bottom:0}

/* ================= szkolenia-ai-dla-firm (main.szk-page.mm-pa--szk) ================= */

.szk-page.mm-pa--szk{overflow-x:clip}
.szk-page .mm-szk-eyebrow{margin:0;font-size:12px}

/* hero: crumbs / glow / grid / price card out, eyebrow + h1 + lede + full-width button in */
.szk-page.mm-pa--szk .fe-hero{padding:36px 16px 0;overflow:visible}
.szk-page.mm-pa--szk .fe-hero__glow,.szk-page.mm-pa--szk .fe-hero__grid{display:none}
.szk-page.mm-pa--szk .fe-crumbs{display:none}
.szk-page.mm-pa--szk .fe-hero__inner{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0}
.szk-page.mm-pa--szk .szk-hero__main{flex:none;gap:18px;padding:0 4px}
.szk-page.mm-pa--szk .szk-hero__main>.mm-szk-eyebrow{order:0}
.szk-page.mm-pa--szk .szk-hero__main>.fe-h1{order:1}
.szk-page.mm-pa--szk .szk-hero__main>.szk-lede{order:2}
.szk-page.mm-pa--szk .szk-hero__main>.szk-badges{order:3}
.szk-page.mm-pa--szk .szk-hero__main>.fe-btns{order:4}
.szk-page.mm-pa--szk .fe-h1{font-size:42px;line-height:.95;letter-spacing:-0.05em;text-wrap:balance}
.szk-page.mm-pa--szk .szk-lede{max-width:none;font-size:16px;line-height:1.6}
.szk-page.mm-pa--szk .szk-badges{gap:8px}
.szk-page.mm-pa--szk .szk-badge{height:32px;padding:0 12px;font-size:12px}
.szk-page.mm-pa--szk .fe-btns{display:flex;flex-wrap:nowrap;gap:8px}
.szk-page.mm-pa--szk .fe-btns .fe-btn-ghost{display:none}
.szk-page.mm-pa--szk .fe-btns .fe-btn{flex:1;justify-content:space-between;height:56px;gap:10px;padding:0 8px 0 20px;font-size:15px}
.szk-page.mm-pa--szk .fe-btns .fe-btn__dot{width:40px;height:40px}
.szk-page.mm-pa--szk .szk-pricecard{display:none}
.szk-page.mm-pa--szk .fe-hero{animation:mmSzkFade .6s cubic-bezier(.23,1,.32,1) both}
@keyframes mmSzkFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* facts bento (3 facts: third spans both columns) + note */
.szk-page.mm-pa--szk .mm-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:24px 16px 0}
.szk-page.mm-pa--szk .mm-fact{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:18px;border-radius:22px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.szk-page.mm-pa--szk .mm-fact:nth-child(3){grid-column:1/-1}
.szk-page.mm-pa--szk .mm-fact__l{font-size:12px;line-height:1.3;color:#aeb4c2}
.szk-page.mm-pa--szk .mm-fact__v{font-size:20px;font-weight:600;letter-spacing:-0.03em;line-height:1.1;text-align:left}
.szk-page.mm-pa--szk .mm-facts__note{grid-column:1/-1;margin:0;padding:2px 4px 0;font-size:12px;line-height:1.5;color:#8a92a3}

/* image with glass tag (own copy: not dependent on .svc-page) */
.szk-page.mm-pa--szk .mm-svc-img{margin:12px 16px 0}

/* section rhythm + type */
.szk-page.mm-pa--szk .fe-section{padding:72px 16px 0}
.szk-page.mm-pa--szk .fe-wrap{max-width:none}
.szk-page.mm-pa--szk .fe-stack{gap:20px}
.szk-page.mm-pa--szk .fe-head{gap:12px;padding:0 4px}
.szk-page.mm-pa--szk .fe-eyebrow{font-size:12px}
.szk-page.mm-pa--szk .fe-h2,.szk-page.mm-pa--szk .fe-h2--sm,.szk-page.mm-pa--szk .szk-h2--faq{font-size:30px;line-height:1;letter-spacing:-0.045em;text-wrap:balance}
.szk-page.mm-pa--szk .szk-head--narrow{max-width:none}
.szk-page.mm-pa--szk .szk-head-row{flex-direction:column;align-items:stretch;gap:12px}
.szk-page.mm-pa--szk .szk-head-row__p{max-width:none;padding:0 4px;font-size:15px;line-height:1.6}
.szk-page.mm-pa--szk .szk-cities__p,.szk-page.mm-pa--szk .szk-lead__p,.szk-page.mm-pa--szk .szk-faq__lede{max-width:none;padding:0;font-size:15px;line-height:1.6}

/* cards / grids */
.szk-page.mm-pa--szk .szk-grid{grid-template-columns:minmax(0,1fr);gap:8px}
.szk-page.mm-pa--szk .szk-grid--220{grid-template-columns:repeat(2,minmax(0,1fr))}
.szk-page.mm-pa--szk .szk-card,.szk-page.mm-pa--szk .szk-grid--250 .szk-card{gap:10px;padding:22px;border-radius:26px}
.szk-page.mm-pa--szk .szk-card__d{font-size:15px;line-height:1.6}
.szk-page.mm-pa--szk .szk-module__t{font-size:21px;letter-spacing:-0.03em;line-height:1.15}
.szk-page.mm-pa--szk .szk-kicker{font-size:12px;letter-spacing:.1em}
.szk-page.mm-pa--szk .szk-outcome{gap:22px;padding:22px;border-radius:26px}
.szk-page.mm-pa--szk .szk-outcome__n{font-size:12px;font-weight:700}
.szk-page.mm-pa--szk .szk-outcome__t{font-size:16px;line-height:1.5}
.szk-page.mm-pa--szk .szk-stat{gap:8px;padding:18px;border-radius:22px}
.szk-page.mm-pa--szk .szk-stat__v{font-size:22px;letter-spacing:-0.03em;line-height:1.1;overflow-wrap:anywhere}
.szk-page.mm-pa--szk .szk-stat__l{font-size:12px;line-height:1.3}

/* trainer */
.szk-page.mm-pa--szk .szk-trainer-sec{padding:72px 10px 0}
.szk-page.mm-pa--szk .szk-trainer{border-radius:30px}
.szk-page.mm-pa--szk .szk-trainer__media{flex:1 1 100%;min-height:300px;margin:10px;border-radius:22px}
.szk-page.mm-pa--szk .szk-trainer__body{flex:1 1 100%;gap:14px;padding:12px 22px 26px}
.szk-page.mm-pa--szk .szk-trainer__name{font-size:34px;line-height:.98;letter-spacing:-0.045em}
.szk-page.mm-pa--szk .szk-trainer__bio{font-size:15px;line-height:1.6}

/* pricing cards (mirrors the services cennik look) */
.szk-page.mm-pa--szk #cennik .szk-grid{gap:10px}
.szk-page.mm-pa--szk .szk-price{gap:12px;padding:24px;border-radius:28px}
.szk-page.mm-pa--szk .szk-price__t{font-size:13px;font-weight:600;letter-spacing:0;color:#aeb4c2}
.szk-page.mm-pa--szk .szk-price__v{font-size:44px;line-height:.95;letter-spacing:-0.05em}
.szk-page.mm-pa--szk .szk-price__u{margin-top:8px;font-size:14px}
.szk-page.mm-pa--szk .szk-price__d{font-size:15px;line-height:1.55}
.szk-page.mm-pa--szk .szk-price--blue{background:linear-gradient(160deg,#0b3bd1,#0057FF 55%,#3378ff);border-color:rgba(153,186,255,.3)}
.szk-page.mm-pa--szk .szk-price--blue .szk-price__t{color:#ccdcff}
.szk-page.mm-pa--szk .szk-price--blue .szk-price__u{color:#ccdcff}
.szk-page.mm-pa--szk .szk-price--blue .szk-price__d{color:#e6eeff}
.szk-page.mm-pa--szk .szk-note{padding:2px 4px 0;font-size:13px;line-height:1.6;color:#8a92a3;max-width:none}
.szk-page.mm-pa--szk .szk-note a{color:#99baff}

/* cities */
.szk-page.mm-pa--szk .szk-cities{flex-direction:column;flex-wrap:nowrap;gap:20px}
.szk-page.mm-pa--szk .szk-cities__head{flex:none;gap:12px;padding:0 4px}
.szk-page.mm-pa--szk .szk-cities__list{flex:none;gap:8px}
.szk-page.mm-pa--szk .szk-city{height:40px;padding:0 16px;font-size:14px}

/* ISO block + long-form SEO sections */
.szk-page.mm-pa--szk .szk-section--tight{padding-bottom:0}
.szk-page.mm-pa--szk .szk-iso{gap:16px;padding:20px;border-radius:24px}
.szk-page.mm-pa--szk .szk-iso__t{font-size:19px}
.szk-page.mm-pa--szk .szk-iso__p{font-size:14px;line-height:1.6}
.szk-page.mm-pa--szk .szk-split__head,.szk-page.mm-pa--szk .szk-checks{flex:1 1 100%}
.szk-page.mm-pa--szk .szk-checks{gap:8px}
.szk-page.mm-pa--szk .szk-check{gap:14px;padding:16px 18px;border-radius:20px}
.szk-page.mm-pa--szk .szk-check p{font-size:15px;line-height:1.55}
.szk-page.mm-pa--szk .szk-prose{gap:14px;padding:0 4px}
.szk-page.mm-pa--szk .szk-prose p,.szk-page.mm-pa--szk .szk-bridge__p{font-size:15px;line-height:1.65}
.szk-page.mm-pa--szk .szk-bridge{gap:14px;padding:26px 22px;border-radius:28px}

/* FAQ */
.szk-page.mm-pa--szk .fe-faq-wrap{flex-direction:column;flex-wrap:nowrap;gap:24px;align-items:stretch}
.szk-page.mm-pa--szk .fe-faq-wrap__head{flex:none;position:static;gap:12px;padding:0 4px}
.szk-page.mm-pa--szk .fe-faq{flex:none;gap:8px}
.szk-page.mm-pa--szk .fe-faq__btn{min-height:64px;gap:12px;padding:14px 14px 14px 18px}
.szk-page.mm-pa--szk .fe-faq__label{font-size:16px}
.szk-page.mm-pa--szk .fe-faq__plus{width:32px;height:32px}
.szk-page.mm-pa--szk .fe-faq__a{font-size:15px;line-height:1.65;padding:0 18px 20px}

/* "Jak zaczynamy wspolprace" (m-only block; szkolenia has no steps of its own) */
.szk-page.mm-pa--szk .mm-start{padding:72px 16px 0}
.szk-page.mm-pa--szk .mm-start__head{display:flex;flex-direction:column;gap:12px;padding:0 4px 20px}
.szk-page.mm-pa--szk .mm-start__list{display:flex;flex-direction:column;gap:8px}
.szk-page.mm-pa--szk .mm-start__row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px;border-radius:22px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.szk-page.mm-pa--szk .mm-start__n{width:44px;height:44px;border-radius:50%;background:rgba(0,87,255,.16);border:1px solid rgba(102,153,255,.4);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#99baff;font-variant-numeric:tabular-nums}
.szk-page.mm-pa--szk .mm-start__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.szk-page.mm-pa--szk .mm-start__t{margin:0;font-size:18px;font-weight:600;letter-spacing:-0.02em;line-height:1.2}
.szk-page.mm-pa--szk .mm-start__d{margin:0;font-size:14px;line-height:1.55;color:#c3c8d3}

/* lead form (page-szkolenia.js keeps working: ids/names untouched) */
.szk-page.mm-pa--szk .szk-lead{flex-direction:column;flex-wrap:nowrap;gap:24px;align-items:stretch}
.szk-page.mm-pa--szk .szk-lead__head{flex:none;gap:12px;padding:0 4px}
.szk-page.mm-pa--szk .szk-lead__box{flex:none;padding:22px 18px;border-radius:30px}
.szk-page.mm-pa--szk .szk-form{gap:14px}
.szk-page.mm-pa--szk .szk-form__row2{grid-template-columns:minmax(0,1fr);gap:14px}
.szk-page.mm-pa--szk .szk-form input[type="text"],.szk-page.mm-pa--szk .szk-form input[type="email"],.szk-page.mm-pa--szk .szk-form input[type="tel"],.szk-page.mm-pa--szk .szk-form input[type="number"]{height:52px;font-size:16px}
.szk-page.mm-pa--szk .szk-form__consent label{font-size:13px}
.szk-page.mm-pa--szk .szk-form__submit{align-self:stretch;justify-content:center;height:56px;padding:0 24px}

/* CTA box: last block before the footer (the generic .fe-cta is hidden by page-svc-m via body:has(.mm-cta)) */
.szk-page.mm-pa--szk .mm-cta{padding:48px 10px 40px}
.szk-page.mm-pa--szk .mm-cta__t{margin:0;max-width:none;font-size:34px;font-weight:600;line-height:.96;letter-spacing:-0.05em;color:#fff;text-wrap:balance}
.szk-page.mm-pa--szk .mm-cta__d{margin:0;max-width:none;font-size:15px;line-height:1.55;color:#e6eeff;text-wrap:pretty}

@media (prefers-reduced-motion:reduce){
  .szk-page.mm-pa--szk .fe-hero{animation:none}
}

}