/* Landing „Dzień z Narum” 14.11.2026 (13.10.2026). Układ, barwy i czcionki jak landing Warsztatu oddechowego
   (assets/landingi/warsztat-oddechowy.css) i Sabatu: kanon marki #715C50, #EAE1DB, #BCA495, #E8C191, Playfair Display + Mulish,
   złoto przycisków #C2A06E, hover #B08F58. Hero bez zdjęcia (ciemny brąz + logo Narum na kremowej karcie). Wszystko pod #nr-landing.
   Po wydarzeniu skrypt narum.js dokłada klasę nr-po: znikają przyciski zapisu, widać komunikat „Ten dzień odbył się…”.
   Na WordPressie plik leży w motywie: assets/landingi/narum.css (ładuje go inc/hs-landingi.php, klucz landingu „narum”). */

body.hs-landing-goly{margin:0;background:#3A2E26;overflow-x:hidden;}
body.hs-landing-goly #hsPromoBar,body.hs-landing-goly .hs-pbar,body.hs-landing-goly .hs-skip{display:none !important;}
#kt-scroll-up,#kt-scroll-up-reader,.scroll-up-wrap,#scrollUp{display:none !important;}

#nr-landing{
  --nr-gold:#C2A06E; --nr-gold-hover:#B08F58; --nr-gold-light:#E8C191;
  --nr-brown:#715C50; --nr-brown-deep:#5C4A3E; --nr-brown-dark:#3A2E26;
  --nr-taupe:#BCA495; --nr-beige:#EAE1DB; --nr-cream:#F8F3EE; --nr-white:#FFFFFF;
  --nr-text:#3A2E26; --nr-muted:#6B5A50; --nr-line:#DCD2CB;
  --nr-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --nr-sans:'Mulish',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-family:var(--nr-sans);font-weight:400;font-size:18px;line-height:1.7;color:var(--nr-text);
  background:var(--nr-cream);overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
#nr-landing *{box-sizing:border-box;}
#nr-landing img{max-width:100%;height:auto;display:block;}
#nr-landing a{color:inherit;}
#nr-landing p{margin:0 0 1.1em;}
#nr-landing ul,#nr-landing ol{margin:0;padding:0;}
#nr-landing h1,#nr-landing h2,#nr-landing h3{font-family:var(--nr-serif);font-weight:500;line-height:1.18;color:var(--nr-brown);margin:0 0 .6em;letter-spacing:0;text-transform:none;}
#nr-landing h1{font-size:clamp(2.4rem,6vw,4.2rem);color:#fff;margin-bottom:.35em;}
#nr-landing h2{font-size:clamp(1.85rem,3.8vw,2.7rem);}

#nr-landing .nr-wrap{max-width:1080px;margin:0 auto;padding:0 20px;}
#nr-landing .nr-narrow{max-width:780px;}
#nr-landing .nr-center{text-align:center;}
#nr-landing .nr-sec{padding:80px 0;}
#nr-landing .nr-sec-alt{background:var(--nr-beige);}
#nr-landing .nr-eyebrow{font-family:var(--nr-sans);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;color:var(--nr-gold);margin:0 0 1.1em;}

/* przyciski */
#nr-landing .nr-btn{display:inline-block;background:var(--nr-gold);color:#fff;text-decoration:none;padding:16px 38px;border-radius:40px;font-family:var(--nr-sans);font-weight:700;letter-spacing:.03em;font-size:1rem;line-height:1.3;text-align:center;border:0;cursor:pointer;box-shadow:0 8px 22px rgba(113,92,80,.28);transition:background .25s,transform .25s;}
#nr-landing .nr-btn:hover{background:var(--nr-gold-hover);transform:translateY(-2px);color:#fff;}
#nr-landing .nr-shine{position:relative;overflow:hidden;}
#nr-landing .nr-shine::after,#nr-landing .nr-float::after{content:"";position:absolute;top:0;bottom:0;left:0;width:55%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translateX(-180%) skewX(-18deg);animation:nrShine 5s ease-in-out infinite;pointer-events:none;}
@keyframes nrShine{0%{transform:translateX(-180%) skewX(-18deg);}20%{transform:translateX(260%) skewX(-18deg);}100%{transform:translateX(260%) skewX(-18deg);}}
@media(prefers-reduced-motion:reduce){#nr-landing .nr-shine::after,#nr-landing .nr-float::after{display:none;}}

/* topbar */
#nr-landing .nr-topbar{background:#fff;border-bottom:1px solid var(--nr-line);}
#nr-landing .nr-topbar .nr-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;padding-bottom:14px;}
#nr-landing .nr-logo img{height:44px;width:auto;}
#nr-landing .nr-top-prawo{display:flex;align-items:center;gap:18px;}
#nr-landing .nr-tel{font-weight:700;text-decoration:none;color:var(--nr-brown);white-space:nowrap;}
#nr-landing .nr-topbar .nr-btn{padding:10px 24px;font-size:.85rem;box-shadow:none;}

/* hero */
#nr-landing .nr-hero{position:relative;text-align:center;color:#fff;padding:84px 20px 92px;background:radial-gradient(ellipse at 50% 0%,rgba(232,193,145,.16),transparent 60%),linear-gradient(160deg,#715C50 0%,#5C4A3E 55%,#3A2E26 100%);}
#nr-landing .nr-hero .nr-eyebrow{color:var(--nr-gold-light);}
#nr-landing .nr-partner{display:inline-block;background:var(--nr-cream);border-radius:18px;padding:18px 30px;margin:0 auto 1.8em;box-shadow:0 12px 30px rgba(0,0,0,.22);}
#nr-landing .nr-partner img{width:220px;height:auto;margin:0 auto;}
#nr-landing .nr-sub{font-family:var(--nr-serif);font-style:italic;font-size:clamp(1.12rem,2.2vw,1.45rem);line-height:1.55;color:#fff;max-width:740px;margin:0 auto 1.8em;opacity:.96;}
#nr-landing .nr-hero-akcje{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:1.1em;}
#nr-landing .nr-pod-przyciskiem{font-size:.95rem;color:var(--nr-beige);opacity:.92;margin:0;}
#nr-landing .nr-po-wydarzeniu{display:none;}
#nr-landing .nr-po-komunikat{font-family:var(--nr-serif);font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.45;margin:0 auto;max-width:640px;}
#nr-landing .nr-hero .nr-po-komunikat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:18px 22px;color:#fff;}
#nr-landing.nr-po .nr-po-wydarzeniu{display:block;}
#nr-landing.nr-po .nr-przed-wydarzeniem{display:none !important;}

/* jak wygląda ten dzień */
#nr-landing .nr-dzien{background:#fff;}
#nr-landing .nr-plan{list-style:none;max-width:760px;margin:34px auto 0;text-align:left;}
#nr-landing .nr-plan li{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--nr-line);font-size:1.05rem;color:var(--nr-text);}
#nr-landing .nr-plan li:last-child{border-bottom:0;}
#nr-landing .nr-czas{font-family:var(--nr-serif);font-size:1.3rem;color:var(--nr-gold-hover);white-space:nowrap;}
#nr-landing .nr-akapit{max-width:760px;margin:26px auto 0;text-align:left;font-size:1.05rem;}
#nr-landing .nr-dopisek{max-width:760px;margin:22px auto 0;text-align:left;font-size:.88rem;color:var(--nr-muted);border-top:1px solid var(--nr-line);padding-top:14px;}

/* najważniejsze informacje */
#nr-landing .nr-info{list-style:none;max-width:820px;margin:34px auto 0;display:grid;gap:14px;text-align:left;}
#nr-landing .nr-info li{display:grid;grid-template-columns:120px 1fr;gap:18px;background:#fff;border-radius:16px;padding:18px 22px;box-shadow:0 8px 24px rgba(58,46,38,.07);border-left:3px solid var(--nr-gold-light);font-size:1.02rem;}
#nr-landing .nr-info-k{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--nr-gold-hover);font-weight:700;padding-top:.3em;}
#nr-landing .nr-info-v{color:var(--nr-text);}
#nr-landing .nr-info-v a{color:var(--nr-brown);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(194,160,110,.6);}
#nr-landing .nr-info-v small{display:block;font-size:.92rem;color:var(--nr-muted);margin-top:.25em;}

/* zapis */
#nr-landing .nr-zapis{background:linear-gradient(135deg,#715C50,#5C4A3E);color:#fff;text-align:center;}
#nr-landing .nr-zapis h2{color:#fff;}
#nr-landing .nr-zapis-wstep{max-width:680px;margin:0 auto 1.8em;color:#fff;opacity:.96;}
#nr-landing .nr-form-karta{max-width:620px;margin:8px auto 0;background:var(--nr-cream);border-radius:18px;padding:30px 26px;text-align:left;box-shadow:0 14px 40px rgba(0,0,0,.22);color:var(--nr-text);}
#nr-landing .nr-form-karta .ff-message-success{border:0;background:transparent;padding:0;font-size:1.05rem;color:var(--nr-text);box-shadow:none;}
#nr-landing .nr-form-karta .ff-message-success p:last-child{margin-bottom:0;}
#nr-landing .nr-zapis .nr-po-komunikat{background:var(--nr-cream);color:var(--nr-brown);border-radius:18px;padding:26px 24px;max-width:620px;box-shadow:0 14px 40px rgba(0,0,0,.22);}
#nr-landing .nr-zamkniete{margin:0;text-align:center;font-size:1.05rem;}
#nr-landing .nr-zamkniete a{color:var(--nr-gold-hover);font-weight:700;text-decoration:none;}

/* stopka (jak na landingach Warsztatu oddechowego i Sabatu) */
#nr-landing .nr-stopka{background:var(--nr-brown-dark);color:var(--nr-beige);text-align:center;padding:52px 20px 34px;font-size:.95rem;}
#nr-landing .nr-stopka img{height:40px;width:auto;margin:0 auto 14px;}
#nr-landing .nr-stopka p{margin:0 0 .45em;}
#nr-landing .nr-stopka a{color:var(--nr-gold-light);text-decoration:none;}
#nr-landing .nr-stopka a:hover{color:#fff;}
#nr-landing .nr-stopka-linki{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;list-style:none;margin:18px 0 18px;padding:0;}
#nr-landing .nr-stopka-linki a{border-bottom:1px solid rgba(232,193,145,.5);padding-bottom:2px;}
#nr-landing .nr-stopka-nap{font-size:.8rem;color:rgba(234,225,219,.75);}

/* pływający przycisk i strzałka do góry */
#nr-landing .nr-float{position:fixed;top:16px;right:16px;z-index:999;background:var(--nr-gold);color:#fff;text-decoration:none;padding:13px 28px;border-radius:40px;overflow:hidden;font-weight:700;font-size:.92rem;letter-spacing:.03em;box-shadow:0 10px 26px rgba(58,46,38,.35);opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .3s,transform .3s;}
#nr-landing .nr-float.nr-widac{opacity:1;transform:translateY(0);pointer-events:auto;}
#nr-landing .nr-float.nr-przy-formularzu{opacity:0 !important;pointer-events:none !important;}
#nr-landing .nr-float:hover{background:var(--nr-gold-hover);color:#fff;}
#nr-landing .nr-gora{position:fixed;right:20px;bottom:20px;z-index:998;width:38px;height:38px;border-radius:50%;background:rgba(92,74,62,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .3s,background .25s;}
#nr-landing .nr-gora.nr-widac{opacity:1;pointer-events:auto;}
#nr-landing .nr-gora:hover{background:rgba(92,74,62,.8);}

/* telefon i tablet */
@media(max-width:860px){
  #nr-landing .nr-sec{padding:60px 0;}
}
@media(max-width:640px){
  #nr-landing{font-size:17px;}
  #nr-landing h1{font-size:2.25rem;}
  #nr-landing .nr-wrap{padding:0 16px;}
  #nr-landing .nr-tel{display:none;}
  #nr-landing .nr-logo img{height:34px;}
  #nr-landing .nr-topbar .nr-wrap{padding-top:10px;padding-bottom:10px;}
  #nr-landing .nr-topbar .nr-btn{padding:9px 14px;font-size:.74rem;white-space:nowrap;}
  #nr-landing .nr-hero{padding:56px 16px 64px;}
  #nr-landing .nr-partner{padding:14px 22px;}
  #nr-landing .nr-partner img{width:170px;}
  #nr-landing .nr-hero .nr-btn{width:100%;max-width:340px;}
  #nr-landing .nr-plan li{grid-template-columns:1fr;gap:4px;padding:16px 0;}
  #nr-landing .nr-info li{grid-template-columns:1fr;gap:4px;padding:16px 18px;}
  #nr-landing .nr-info-k{padding-top:0;}
  #nr-landing .nr-form-karta{padding:22px 16px;}
  #nr-landing .nr-float{top:auto;bottom:16px;right:16px;left:16px;text-align:center;padding:15px;}
  #nr-landing .nr-gora{bottom:78px;right:16px;}
}

/* Wersja 2 tekstów (20.10.2026): nowe sekcje „Czy to spotkanie jest dla Ciebie?”, „O czym będzie wykład”, „Kim jest Michał Toczyłowski”,
   „Zapytaj o to, co dotyczy Ciebie”, akapit wstępny w hero, zachęta i dopisek w sekcji zapisu. Karty listy jak w „Najważniejsze informacje”. */
#nr-landing .nr-hero-wstep{max-width:700px;margin:0 auto 1.1em;color:var(--nr-beige);font-size:1.05rem;}
#nr-landing .nr-hero-fakty{margin:0 auto 1.6em;color:var(--nr-gold-light);font-weight:700;letter-spacing:.02em;}
#nr-landing .nr-sec-biala{background:#fff;}
#nr-landing .nr-tekst{max-width:760px;margin:26px auto 0;text-align:left;font-size:1.05rem;}
#nr-landing .nr-tekst p:last-child{margin-bottom:0;}
#nr-landing .nr-lista{list-style:none;max-width:820px;margin:22px auto 0;display:grid;gap:14px;text-align:left;}
#nr-landing .nr-lista li{position:relative;background:#fff;border-radius:16px;padding:18px 22px 18px 50px;box-shadow:0 8px 24px rgba(58,46,38,.07);border-left:3px solid var(--nr-gold-light);font-size:1.02rem;}
#nr-landing .nr-lista li::before{content:"";position:absolute;left:22px;top:calc(18px + .85em - 5px);width:10px;height:10px;border-radius:50%;background:var(--nr-gold);}
#nr-landing .nr-wyroznienie{max-width:760px;margin:30px auto 0;font-family:var(--nr-serif);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.5;color:var(--nr-brown);}
#nr-landing .nr-zapis-zacheta{font-family:var(--nr-serif);font-style:italic;font-size:clamp(1.12rem,2.2vw,1.35rem);line-height:1.55;margin-bottom:1em;}
#nr-landing .nr-zapis-dopisek{max-width:620px;margin:26px auto 0;font-size:.85rem;color:var(--nr-beige);opacity:.8;}
@media(max-width:640px){
  #nr-landing .nr-lista li{padding:16px 18px 16px 42px;}
  #nr-landing .nr-lista li::before{left:18px;top:calc(16px + .85em - 5px);}
}

/* FILM W KARCIE (20.10.2026, sekcja „Tak wyglądają nasze spotkania” przed „Zapisz się”): bloki hs-film skopiowane z sabat.css
   (wzorzec agenta J z 08.10). Pionowy film 9:16 w karcie, na komputerze 360x640 wyśrodkowany pod nagłówkiem, na telefonie na
   całą szerokość kolumny (do 420 px). Plik z wp-content/uploads/2026/10/wideo/tlo-dzien-z-narum-pion.*; ładuje się i gra dopiero
   w kadrze (skrypt hs-film na końcu narum.js). Bez tekstu obok filmu, więc bez siatki hs-film-uklad z Sabatu. */
#nr-landing .hs-film{position:relative;width:100%;max-width:360px;margin:30px auto 0;padding:0;}
#nr-landing .hs-film-ramka{position:relative;width:100%;border-radius:22px;overflow:hidden;background:var(--nr-beige);box-shadow:0 16px 40px rgba(58,46,38,.22);}
#nr-landing .hs-film-ramka::before{content:"";display:block;padding-top:177.7778%;}
#nr-landing .hs-film-ramka video{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;object-fit:cover;display:block;background:transparent;}
#nr-landing .hs-film figcaption{margin:14px 0 0;text-align:center;font-family:var(--nr-sans);font-weight:700;font-size:.78rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--nr-gold-hover);}
#nr-landing .hs-film .hs-film-pauza{display:none;position:absolute;right:12px;bottom:12px;width:38px;height:38px;min-width:0;margin:0;padding:0;border:0;border-radius:50%;background:rgba(58,46,38,.45);color:#fff;box-shadow:none;cursor:pointer;align-items:center;justify-content:center;line-height:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .2s;}
#nr-landing .hs-film .hs-film-pauza:hover,#nr-landing .hs-film .hs-film-pauza:focus-visible{background:rgba(58,46,38,.72);}
#nr-landing .hs-film .hs-film-pauza:focus-visible{outline:2px solid #fff;outline-offset:2px;}
#nr-landing .hs-film.hs-film-aktywny .hs-film-pauza{display:flex;}
#nr-landing .hs-film .hs-film-pauza svg{width:16px;height:16px;fill:currentColor;display:block;}
#nr-landing .hs-film .hs-film-pauza .hs-film-ik-graj,#nr-landing .hs-film.hs-film-stop .hs-film-pauza .hs-film-ik-pauza{display:none;}
#nr-landing .hs-film.hs-film-stop .hs-film-pauza .hs-film-ik-graj{display:inline;}
@media(max-width:860px){
  #nr-landing .hs-film{max-width:420px;}
}
@media(prefers-reduced-motion:reduce){#nr-landing .hs-film .hs-film-pauza{display:none;}}

/* ZAPROSZENIE OD MICHAŁA I OLI (20.10.2026): film z dźwiękiem pod hero, odtwarzany kliknięciem. Ramka z bloku hs-film
   (.hs-film-ramka), ale bez klasy .hs-film, żeby skrypt filmu z korytarza (autoplay bez dźwięku) go nie przejął. */
#nr-landing .nr-zapr{position:relative;width:100%;max-width:360px;margin:30px auto 0;padding:0;}
#nr-landing .nr-zapr figcaption{margin:14px 0 0;text-align:center;font-family:var(--nr-sans);font-weight:700;font-size:.78rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--nr-gold-hover);}
#nr-landing .nr-zapr-graj{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;min-width:0;margin:0;padding:0;border:0;border-radius:50%;background:rgba(58,46,38,.62);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .2s;}
#nr-landing .nr-zapr-graj:hover,#nr-landing .nr-zapr-graj:focus-visible{background:var(--nr-gold-hover);}
#nr-landing .nr-zapr-graj:focus-visible{outline:2px solid #fff;outline-offset:3px;}
#nr-landing .nr-zapr-graj svg{width:30px;height:30px;fill:currentColor;margin-left:4px;display:block;}
#nr-landing .nr-zapr.nr-zapr-gra .nr-zapr-graj{display:none;}
@media(max-width:860px){#nr-landing .nr-zapr{max-width:420px;}}