/* pages/landing.css — Landing Page (CPT landing). */

/* ==========================================================================
   21. Landing Page — pełnoekranowy hero kampanijny
   --------------------------------------------------------------------------
   Szablon single-landing.php (CPT landing). Baner bez menu (tylko logo) —
   włącza ją klasa .mt-landing na <body>, dodawana filtrem wewnątrz
   szablonu — header.php zostaje nietknięty. Hero zawsze na cały ekran;
   obraz tła i nakładka gradientowa są opcjonalne (.has-bg, ten sam wzorzec
   co sekcja 16) — bez obrazu hero pokazuje czyste, jasne tło.
   Jeśli w Twoim style.css istnieje już sekcja 21 — zmień numerację na
   kolejną wolną, nic poza tym nie trzeba zmieniać.
   ========================================================================== */
body.mt-landing .nav-toggle,
body.mt-landing .primary-nav,
body.mt-landing .header-cta{display:none!important}
body.mt-landing .site-header__inner{justify-content:center}

.landing-hero{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:100svh;display:flex;align-items:flex-start;
  padding-top:clamp(64px,9vw,100px);
  padding-bottom:clamp(48px,6vw,80px);
  background:var(--mist);
}
.landing-hero.has-bg{
  --hero-overlay:.86;
  background-color:var(--ink);
  background-image:var(--hero-bg);
  background-size:cover;background-position:center;
}
.landing-hero.has-bg::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(180deg,rgba(20,22,58,.18),rgba(20,22,58,.32)),
    linear-gradient(110deg,
      rgba(106,31,201,var(--hero-overlay)) 0%,
      rgba(61,99,224,calc(var(--hero-overlay) - .06)) 48%,
      rgba(23,194,161,calc(var(--hero-overlay) - .12)) 100%);
}
.landing-hero > .wrap{position:relative;z-index:1;width:100%}

.landing-hero__grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,5vw,72px);align-items:center;
}
@media (max-width:900px){
  .landing-hero__grid{grid-template-columns:1fr}
}

.landing-hero__text h1{font-size:clamp(30px,4.4vw,46px)}
.landing-hero.has-bg .landing-hero__text .eyebrow{color:rgba(255,255,255,.78)}
.landing-hero.has-bg .landing-hero__text h1{color:#fff}
.landing-hero.has-bg .landing-hero__text .hero__lead{color:rgba(255,255,255,.92)}
.landing-hero.has-bg .landing-hero__text h1 .grad{-webkit-text-fill-color:#fff;color:#fff;background:none}
.landing-hero.has-bg .landing-hero__text .bar{background:#fff}
.landing-hero.has-bg .landing-hero__text .pill{
  background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}

.landing-hero__opis{margin-top:14px;font-size:15px;line-height:1.7;color:var(--slate);max-width:50ch}
.landing-hero__opis p{margin:0 0 10px}
.landing-hero__opis p:last-child{margin-bottom:0}
.landing-hero__opis ul,.landing-hero__opis ol{margin:0 0 10px;padding-left:20px}
.landing-hero__opis a{color:inherit;text-decoration:underline}
.landing-hero.has-bg .landing-hero__text .landing-hero__opis{color:rgba(255,255,255,.88)}

.landing-hero__panel{max-width:460px;width:100%;margin-left:auto}
@media (max-width:900px){
  .landing-hero__panel{max-width:520px;margin:0 auto}
}

.landing-hero__card{
  background:#fff;border-radius:20px;padding:clamp(28px,3vw,38px);
  box-shadow:0 30px 60px -24px rgba(20,22,58,.4);
}
.landing-hero__card h2{font-size:20px}

.landing-carousel{max-width:1060px;margin-inline:auto;padding-inline:clamp(20px,4vw,32px)}