/* ============================================================
   W RYTMIE - landing (Kadence Blocks)
   Wklej do: Wygląd → Dostosuj → Dodatkowy CSS
   (albo mu-plugin / WPCode z priorytetem po Kadence)

   FONTY: Poppins ładuje Kadence (Customizer → Typography).
   Serif ozdobny: Fraunces - dodaj w Kadence Typography jako
   drugi font (używany tylko przez klasy poniżej).

   SZABLON STRONY: ustaw "No Title" + layout "Fullwidth",
   wyłącz padding contentu (Kadence → Page Layout).
   ============================================================ */

:root{
  --wr-night: #131826;
  --wr-night-2: #1B2132;
  --wr-plum: #2B2140;
  --wr-ink: #1A202C;
  --wr-text: #4A4F5C;
  --wr-text-dim: #A9AFC0;
  --wr-muted: #8A8F9C;
  --wr-cream: #F6F2EA;
  --wr-cream-2: #EFE8DA;
  --wr-border: #E3DCCD;
  --wr-gold: #C9A25E;
  --wr-gold-soft: rgba(201,162,94,.35);
  --wr-red: #B5061D;
  --wr-red-dk: #8E0517;
  --wr-success: #4C9E6C;
  --wr-serif: 'Fraunces', Georgia, serif;
}

/* ===== BAZA SEKCJI ===== */
.wr-hero,.wr-problem,.wr-bridge,.wr-overview-head,.wr-overview-grid,
.wr-plat-head,.wr-duo,.wr-features,.wr-rhythm,.wr-opinions,.wr-op-grid,
.wr-about,.wr-horo-head,.wr-horo-grid,.wr-forwho-head,.wr-forwho-grid,
.wr-forwho-outro-row,.wr-offer,.wr-faq,.wr-closing{
  position:relative; overflow:hidden;
}
.wr-hero > .kt-row-column-wrap,.wr-problem > .kt-row-column-wrap,
.wr-bridge > .kt-row-column-wrap,.wr-overview-head > .kt-row-column-wrap,
.wr-overview-grid > .kt-row-column-wrap,.wr-plat-head > .kt-row-column-wrap,
.wr-duo > .kt-row-column-wrap,.wr-features > .kt-row-column-wrap,
.wr-rhythm > .kt-row-column-wrap,.wr-opinions > .kt-row-column-wrap,
.wr-op-grid > .kt-row-column-wrap,.wr-about > .kt-row-column-wrap,
.wr-horo-head > .kt-row-column-wrap,.wr-horo-grid > .kt-row-column-wrap,
.wr-forwho-head > .kt-row-column-wrap,.wr-forwho-grid > .kt-row-column-wrap,
.wr-forwho-outro-row > .kt-row-column-wrap,.wr-offer > .kt-row-column-wrap,
.wr-faq > .kt-row-column-wrap,.wr-closing > .kt-row-column-wrap{
  max-width:1140px !important; margin-left:auto !important; margin-right:auto !important;
  padding-left:32px !important; padding-right:32px !important;
  position:relative; z-index:2;
}

/* typografia bazowa landingu */
.wr-hero p,.wr-problem p,.wr-bridge p,.wr-overview-head p,.wr-overview-grid p,
.wr-plat-head p,.wr-duo p,.wr-features p,.wr-rhythm p,.wr-opinions p,.wr-op-grid p,
.wr-about p,.wr-horo-head p,.wr-horo-grid p,.wr-forwho-head p,.wr-forwho-grid li,
.wr-offer p,.wr-faq p{ font-size:15.5px; line-height:1.75; color:var(--wr-text); }

/* nagłówki - Poppins bold, akcent kolorem w <em> */
.wr-hero h1,.wr-problem h2,.wr-bridge h2,.wr-overview-head h2,.wr-plat-head h2,
.wr-rhythm h2,.wr-opinions h2,.wr-about h2,.wr-forwho-head h2,.wr-offer h2,
.wr-faq h2,.wr-closing h2{ font-weight:700; line-height:1.22; letter-spacing:-.01em; color:var(--wr-ink); }
.wr-hero h1 em,.wr-bridge h2 em,.wr-rhythm h2 em,.wr-offer h2 em,.wr-closing h2 em{
  font-style:normal; color:var(--wr-gold); }
.wr-problem h2 em,.wr-overview-head h2 em,.wr-plat-head h2 em,.wr-opinions h2 em,
.wr-about h2 em,.wr-forwho-head h2 em,.wr-faq h2 em{ font-style:normal; color:var(--wr-red); }

/* ===== ORNAMENTY ===== */
/* kicker */
.wr-kicker{ display:inline-flex !important; align-items:center; gap:14px;
  font-size:12px !important; font-weight:600; letter-spacing:3.5px; text-transform:uppercase;
  color:var(--wr-gold) !important; margin-bottom:8px; }
.wr-kicker::before,.wr-kicker::after{ content:""; width:36px; height:1px; background:var(--wr-gold); opacity:.5; }
.wr-kicker-left::after{ display:none; }

.wr-lead{ font-size:17px !important; }

/* fazy Księżyca - czyste CSS */
.wr-moons{ display:flex; align-items:center; gap:14px; }
.wr-moons.center{ justify-content:center; margin-bottom:20px; }
.wr-moon{ width:13px; height:13px; border-radius:50%; border:1px solid var(--wr-gold); flex:0 0 auto; }
.wr-moon.m2{ background:linear-gradient(90deg,transparent 50%,var(--wr-gold) 50%); }
.wr-moon.m3{ background:var(--wr-gold); width:17px; height:17px; }
.wr-moon.m4{ background:linear-gradient(90deg,var(--wr-gold) 50%,transparent 50%); }
.wr-moon.big{ width:26px; height:26px; }
.wr-moon.m3.big{ width:30px; height:30px; }

/* gwiaździste tło sekcji ciemnych */
.wr-stars::before{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background-image:
    radial-gradient(1.4px 1.4px at 11% 24%, rgba(255,255,255,.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 24% 65%, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(1.8px 1.8px at 38% 12%, rgba(201,162,94,.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 52% 48%, rgba(255,255,255,.55) 50%, transparent 51%),
    radial-gradient(1.4px 1.4px at 66% 78%, rgba(255,255,255,.8) 50%, transparent 51%),
    radial-gradient(1px 1px at 74% 28%, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(1.6px 1.6px at 86% 58%, rgba(201,162,94,.8) 50%, transparent 51%),
    radial-gradient(1px 1px at 93% 14%, rgba(255,255,255,.7) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 7% 82%, rgba(255,255,255,.7) 50%, transparent 51%),
    radial-gradient(1px 1px at 45% 90%, rgba(255,255,255,.5) 50%, transparent 51%);
  animation:wr-twinkle 6s ease-in-out infinite alternate; }
@keyframes wr-twinkle{ from{opacity:.55} to{opacity:1} }

/* placeholder zdjęcia (do usunięcia po wstawieniu <img>) */
.wr-foto-placeholder{ position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:8px; color:#8C93A8; font-size:13px;
  text-align:center; padding:28px; line-height:1.5; }
.wr-foto-placeholder strong{ color:#fff; font-size:14px; letter-spacing:.5px; }

/* ===== PRZYCISKI ===== */
.wr-btn-red .wp-block-button__link{
  background:var(--wr-red) !important; color:#fff !important; font-weight:600;
  font-size:16px; border-radius:100px !important; padding:17px 38px !important;
  box-shadow:0 10px 30px rgba(181,6,29,.30); transition:all .25s; border:none; }
.wr-btn-red .wp-block-button__link:hover{
  background:var(--wr-red-dk) !important; transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(181,6,29,.38); }
.wr-btn-line .wp-block-button__link{
  background:none !important; color:inherit !important; font-size:15px; font-weight:400;
  border-radius:0 !important; padding:0 0 3px 0 !important; border-bottom:1px solid currentColor;
  opacity:.75; box-shadow:none; }
.wr-btn-line .wp-block-button__link:hover{ opacity:1; }
.wr-hero-cta{ gap:28px; align-items:center; margin-top:10px; }

/* ============================================================
   HERO
   ============================================================ */
.wr-hero{ background:linear-gradient(155deg,#131826 0%,#161C2E 45%,#241F3A 78%,#2B2140 100%); }
.wr-hero > .kt-row-column-wrap{ padding-top:96px !important; padding-bottom:110px !important; column-gap:64px; }
.wr-hero h1{ font-size:46px; color:#fff !important; margin-bottom:26px; }
.wr-hero-badge{ display:inline-flex !important; align-items:center; gap:12px;
  color:var(--wr-gold) !important; font-size:12px !important; font-weight:600;
  letter-spacing:3px; text-transform:uppercase; margin-bottom:16px; }
.wr-hero-badge::before{ content:""; width:36px; height:1px; background:var(--wr-gold); opacity:.6; }
.wr-hero-lead{ font-size:17px !important; color:var(--wr-text-dim) !important; max-width:520px; margin-bottom:24px; }
.wr-hero .wr-btn-line .wp-block-button__link{ color:#D9DCE6 !important; }
.wr-hero-trust{ display:flex; gap:30px; flex-wrap:wrap; font-size:13.5px; color:var(--wr-text-dim); margin-top:32px; }
.wr-hero-trust span::before{ content:"✦ "; color:var(--wr-gold); }

/* wizual hero: pierścień zodiaku + łuk */
.wr-hero-visual{ position:relative; display:flex; justify-content:center; padding:40px 0; }
.wr-zodiac-ring{ position:absolute; width:650px; height:650px; top:50%; left:50%;
  transform:translate(-50%,-50%); opacity:.75; animation:wr-spin 120s linear infinite; }
@keyframes wr-spin{ to{ transform:translate(-50%,-50%) rotate(360deg);} }
.wr-arch{ position:relative; width:340px; aspect-ratio:34/44; border-radius:200px 200px 26px 26px;
  overflow:hidden; box-shadow:0 40px 90px rgba(0,0,0,.5); outline:1px solid rgba(201,162,94,.5);
  outline-offset:10px; background:linear-gradient(170deg,#FBF8F1 0%,#F0E9D8 55%,#E2D6BB 100%); }
.wr-hero-mooncard{ position:absolute; bottom:26px; left:50%; transform:translateX(-50%); z-index:3;
  background:rgba(19,24,38,.85); backdrop-filter:blur(8px); border:1px solid rgba(201,162,94,.35);
  border-radius:100px; padding:12px 24px; display:flex; align-items:center; gap:16px; white-space:nowrap; }
.wr-hero-mooncard .lbl{ font-size:12px; color:var(--wr-text-dim); letter-spacing:.5px; }

/* ============================================================
   PROBLEM
   ============================================================ */
.wr-problem{ background:var(--wr-cream); }
.wr-problem > .kt-row-column-wrap{ padding-top:110px !important; padding-bottom:110px !important; column-gap:72px; }
.wr-problem h2{ font-size:33px; margin-bottom:20px; }
.wr-q-list{ list-style:none !important; counter-reset:q; margin:0 !important; padding:0 !important; }
.wr-q-list li{ counter-increment:q; display:flex; gap:24px; align-items:baseline; padding:22px 0 !important;
  margin:0 !important; border-bottom:1px solid var(--wr-border); font-weight:500;
  font-size:16.5px !important; color:var(--wr-ink) !important; line-height:1.5; }
.wr-q-list li::before{ content:"0" counter(q); font-size:13px; font-weight:600;
  color:var(--wr-gold); letter-spacing:1px; flex:0 0 28px; }
.wr-q-outro{ margin-top:22px; font-size:14.5px !important; color:var(--wr-muted) !important; font-style:italic; }

/* ============================================================
   BRIDGE (ciemny przerywnik)
   ============================================================ */
.wr-bridge{ background:linear-gradient(140deg,var(--wr-night) 0%,var(--wr-plum) 100%); text-align:center; }
.wr-bridge > .kt-row-column-wrap{ max-width:880px !important; padding-top:120px !important; padding-bottom:120px !important; }
.wr-bridge h2{ color:#fff !important; font-size:32px; margin-bottom:30px; }
.wr-bridge-small{ color:var(--wr-text-dim) !important; font-size:17px !important; margin-bottom:26px; }
.wr-bridge-final{ display:inline-flex !important; align-items:center; gap:16px; color:var(--wr-gold) !important;
  font-size:13px !important; font-weight:600; letter-spacing:3.5px; text-transform:uppercase; }
.wr-bridge-final::before,.wr-bridge-final::after{ content:"✦"; font-size:11px; }

/* ============================================================
   PRZEGLĄD 3 SEKCJI
   ============================================================ */
.wr-overview-head{ background:var(--wr-cream); text-align:center; }
.wr-overview-head > .kt-row-column-wrap{ max-width:840px !important; padding-top:110px !important; padding-bottom:20px !important; }
.wr-overview-head h2{ font-size:35px; margin-bottom:16px; }
.wr-overview-grid{ background:var(--wr-cream); }
.wr-overview-grid > .kt-row-column-wrap{ padding-top:36px !important; padding-bottom:90px !important;
  column-gap:0; border-top:1px solid var(--wr-border); border-bottom:1px solid var(--wr-border); }
.wr-ov-card{ border-left:1px solid var(--wr-border); transition:background .25s; }
.wr-ov-card:first-child{ border-left:none; }
.wr-ov-card:hover{ background:#fff; }
.wr-ov-card > .kt-inside-inner-col{ padding:40px 36px; }
.wr-ov-num{ font-family:var(--wr-serif); font-style:italic; font-size:15px !important; color:var(--wr-gold) !important; margin-bottom:4px; }
.wr-ov-card h3{ font-size:19px; margin:6px 0 10px; }
.wr-ov-card p{ font-size:14.5px !important; }
.wr-ov-more a{ font-size:13px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
  color:var(--wr-red) !important; text-decoration:none; }

/* ============================================================
   SEKCJE PLATFORMY (nagłówek + duo + wiersze cech)
   ============================================================ */
.wr-plat-head{ background:#FDFBF7; text-align:center; }
.wr-plat-head.wr-alt{ background:var(--wr-cream); }
.wr-plat-head > .kt-row-column-wrap{ max-width:840px !important; padding-top:110px !important; padding-bottom:36px !important; }
.wr-plat-head h2{ font-size:33px; margin-bottom:16px; }
.wr-plat-num{ font-family:var(--wr-serif); font-style:italic; font-size:20px !important;
  color:var(--wr-gold) !important; margin-bottom:4px; }

.wr-duo{ background:#FDFBF7; }
.wr-duo.wr-alt{ background:var(--wr-cream); }
.wr-duo > .kt-row-column-wrap{ padding-top:24px !important; padding-bottom:72px !important; column-gap:72px; }
.wr-badge{ display:inline-block !important; background:var(--wr-cream-2); border:1px solid var(--wr-border);
  color:var(--wr-ink) !important; font-size:11.5px !important; font-weight:600; letter-spacing:2px;
  text-transform:uppercase; padding:7px 16px; border-radius:100px; margin-bottom:10px; }
.wr-duo.wr-alt .wr-badge{ background:#fff; }
.wr-duo-txt h3{ font-size:24px; margin-bottom:6px; }
.wr-sub{ font-family:var(--wr-serif); font-style:italic; font-size:17px !important;
  color:var(--wr-red) !important; margin-bottom:14px; }
.wr-note{ font-size:14px !important; color:var(--wr-muted) !important; font-style:italic; }

/* ramka screenu na ciemnej podstawie */
.wr-duo-screen > .kt-inside-inner-col{ position:relative; }
.wr-duo-screen > .kt-inside-inner-col::before{ content:""; position:absolute; inset:8% -6% -10% 10%;
  background:linear-gradient(150deg,var(--wr-night-2),var(--wr-plum)); border-radius:22px; }
.wr-duo-flip .wr-duo-screen > .kt-inside-inner-col::before{ inset:8% 10% -10% -6%; }
.wr-screen-frame{ position:relative; background:#fff; border-radius:14px;
  box-shadow:0 30px 70px rgba(26,32,44,.28); overflow:hidden; }
.wr-screen-topbar{ background:#EFEAE0; padding:10px 16px; display:flex; gap:7px; align-items:center; }
.wr-screen-topbar i{ width:10px; height:10px; border-radius:50%; background:#D9D2C2; }
.wr-screen-topbar .url{ margin-left:10px; background:#fff; border-radius:6px; font-size:11px;
  color:var(--wr-muted); padding:3px 12px; }
.wr-screen-body{ aspect-ratio:16/10.5;
  background:repeating-linear-gradient(45deg,#FAF7F1,#FAF7F1 14px,#F4EFE5 14px,#F4EFE5 28px);
  display:flex; align-items:center; justify-content:center; padding:24px; }
.wr-screen-body img{ width:100%; height:100%; object-fit:cover; object-position:top; }
.wr-screen-body.filled{ padding:0; }
.wr-screen-note{ background:#fff; border:1px dashed #C9C2B0; border-radius:12px; padding:16px 22px;
  font-size:13px; color:var(--wr-muted); text-align:center; max-width:300px; line-height:1.55; }
.wr-screen-note strong{ color:var(--wr-ink); display:block; margin-bottom:4px; }

/* wiersze cech - editorial hairline (2x2 lub 1x2) */
.wr-features{ background:#FDFBF7; }
.wr-features.wr-alt{ background:var(--wr-cream); }
.wr-features > .kt-row-column-wrap{ padding-top:0 !important; padding-bottom:110px !important;
  column-gap:0; row-gap:0; border-top:1px solid var(--wr-border); }
.wr-frow{ border-bottom:1px solid var(--wr-border); }
.wr-features > .kt-row-column-wrap > .wr-frow:nth-child(odd){ border-right:1px solid var(--wr-border); }
.wr-frow > .kt-inside-inner-col{ display:grid; grid-template-columns:52px 1fr;
  column-gap:22px; padding:34px 36px 34px 0; }
.wr-features > .kt-row-column-wrap > .wr-frow:nth-child(even) > .kt-inside-inner-col{ padding-left:36px; padding-right:0; }
.wr-glyph{ grid-row:1 / span 2; width:52px; height:52px; border-radius:50%;
  border:1px solid var(--wr-gold); color:var(--wr-gold); display:flex; align-items:center;
  justify-content:center; font-size:22px; margin-top:4px; }
.wr-frow h4{ grid-column:2; font-weight:600; font-size:17.5px; color:var(--wr-ink); margin:0 0 6px; }
.wr-frow p{ grid-column:2; font-size:14.5px !important; margin:0; }
.wr-when{ display:block; font-size:12px; font-weight:600; letter-spacing:1.5px;
  text-transform:uppercase; color:var(--wr-red); margin-top:4px; }

/* ============================================================
   RYTM MIESIĄCA (spotkania na ciemnym)
   ============================================================ */
.wr-rhythm{ background:linear-gradient(160deg,var(--wr-night) 0%,#1A2032 55%,var(--wr-plum) 100%); text-align:center; }
.wr-rhythm > .kt-row-column-wrap{ padding-top:110px !important; padding-bottom:40px !important; max-width:820px !important; }
.wr-rhythm h2{ color:#fff !important; font-size:32px; margin-bottom:14px; }
.wr-rhythm .wr-lead{ color:var(--wr-text-dim) !important; }
.wr-rhythm-line{ background:transparent !important; }
.wr-rhythm-line > .kt-row-column-wrap{ max-width:1060px !important; padding-top:30px !important; padding-bottom:0 !important; position:relative; }
.wr-rhythm-line > .kt-row-column-wrap::before{ content:""; position:absolute; top:64px; left:12%; right:12%;
  height:1px; background:linear-gradient(90deg,transparent,var(--wr-gold-soft) 15%,var(--wr-gold-soft) 85%,transparent); }
.wr-rstep > .kt-inside-inner-col{ text-align:center; padding:0 18px; position:relative; }
.wr-rmoon{ width:68px; height:68px; margin:0 auto 20px; border-radius:50%;
  border:1px solid var(--wr-gold-soft); background:var(--wr-night); display:flex;
  align-items:center; justify-content:center; position:relative; z-index:2; }
.wr-rmoon .glyph{ font-size:26px; color:var(--wr-gold); }
.wr-rstep h4{ font-weight:600; color:#fff; font-size:17px; margin:0 0 8px; }
.wr-rstep p{ color:var(--wr-text-dim) !important; font-size:13.5px !important; line-height:1.6; }
.wr-rhythm-foot > .kt-row-column-wrap{ padding-top:44px !important; padding-bottom:110px !important; }
.wr-rhythm-note{ color:var(--wr-text-dim) !important; font-size:14.5px !important; margin-bottom:26px; }
.wr-rhythm-note strong{ color:#fff; }

/* ============================================================
   OPINIE
   ============================================================ */
.wr-opinions{ background:var(--wr-cream); text-align:center; }
.wr-opinions > .kt-row-column-wrap{ padding-top:110px !important; padding-bottom:20px !important; max-width:900px !important; }
.wr-opinions h2{ font-size:35px; margin-bottom:30px; }
.wr-op-featured{ border:none !important; margin:20px auto 10px !important; padding:0 !important; max-width:860px; }
.wr-op-featured::before{ content:"\201D"; font-family:var(--wr-serif); font-size:90px; line-height:.4;
  color:var(--wr-gold); display:block; margin:20px auto 26px; }
.wr-op-featured p{ font-family:var(--wr-serif); font-size:24px !important; font-style:italic;
  font-weight:300; color:var(--wr-ink) !important; line-height:1.5; }
.wr-op-featured cite{ display:block; margin-top:20px; font-style:normal; font-weight:600;
  color:var(--wr-ink); font-size:14.5px; }
.wr-op-grid > .kt-row-column-wrap{ max-width:1060px !important; padding-top:30px !important;
  padding-bottom:110px !important; column-gap:26px; }
.wr-op-card{ background:#fff; border-radius:22px; box-shadow:0 14px 40px rgba(26,32,44,.07); }
.wr-op-card > .kt-inside-inner-col{ padding:36px 38px; text-align:left; }
.wr-op-stars{ color:var(--wr-gold) !important; letter-spacing:4px; font-size:14px !important; margin-bottom:10px; }
.wr-op-quote{ font-family:var(--wr-serif); font-style:italic; font-size:17.5px !important;
  color:var(--wr-ink) !important; line-height:1.6; margin-bottom:16px; }
.wr-op-who{ font-size:13px !important; color:var(--wr-muted) !important; }
.wr-op-who strong{ color:var(--wr-ink); }

/* ============================================================
   O MNIE + HOROSKOP
   ============================================================ */
.wr-about{ background:#FDFBF7; }
.wr-about > .kt-row-column-wrap{ padding-top:110px !important; padding-bottom:60px !important; column-gap:72px; }
.wr-about h2{ font-size:31px; margin-bottom:20px; }
.wr-about-arch{ position:relative; width:100%; max-width:360px; aspect-ratio:34/44;
  border-radius:200px 200px 26px 26px; overflow:hidden; outline:1px solid var(--wr-gold-soft);
  outline-offset:10px; background:linear-gradient(165deg,#EAE3D3,#DAD2BE);
  box-shadow:0 30px 70px rgba(26,32,44,.16); }
.wr-about-arch img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.wr-about-arch .wr-foto-placeholder{ color:#8A8471; }
.wr-about-arch .wr-foto-placeholder strong{ color:var(--wr-ink); }
.wr-about-sign{ margin-top:24px; font-family:var(--wr-serif); font-style:italic; font-size:19px; color:var(--wr-ink); }
.wr-about-sign small{ display:block; font-family:inherit; font-style:normal; font-size:12.5px;
  color:var(--wr-muted); letter-spacing:1px; text-transform:uppercase; margin-top:4px;
  font-family:'Poppins',sans-serif; }
.wr-about-quote{ margin-top:26px !important; padding:24px 0 !important;
  border-top:1px solid var(--wr-border); border-bottom:1px solid var(--wr-border);
  font-family:var(--wr-serif); font-style:italic; font-size:20px !important;
  color:var(--wr-ink) !important; line-height:1.55; }
.wr-horo-head{ background:#FDFBF7; text-align:center; }
.wr-horo-head > .kt-row-column-wrap{ max-width:720px !important; padding-top:20px !important; padding-bottom:30px !important; }
.wr-horo-head h3{ font-size:24px; margin-bottom:10px; }
.wr-horo-grid{ background:#FDFBF7; }
.wr-horo-grid > .kt-row-column-wrap{ padding-top:0 !important; padding-bottom:110px !important;
  column-gap:0; row-gap:0; border-top:1px solid var(--wr-border); }

/* ============================================================
   DLA KOGO
   ============================================================ */
.wr-forwho-head{ background:var(--wr-cream); text-align:center; }
.wr-forwho-head > .kt-row-column-wrap{ max-width:840px !important; padding-top:110px !important; padding-bottom:30px !important; }
.wr-forwho-head h2{ font-size:35px; margin-bottom:16px; }
.wr-forwho-grid{ background:var(--wr-cream); }
.wr-forwho-grid > .kt-row-column-wrap{ max-width:1060px !important; padding-top:20px !important;
  padding-bottom:20px !important; column-gap:26px; align-items:start; }
.wr-fw-yes{ background:#fff; border-radius:22px; box-shadow:0 18px 50px rgba(26,32,44,.08);
  border-top:3px solid var(--wr-gold); }
.wr-fw-no{ border:1px solid var(--wr-border); border-radius:22px; }
.wr-fw-yes > .kt-inside-inner-col,.wr-fw-no > .kt-inside-inner-col{ padding:42px 40px; }
.wr-forwho-grid h3{ font-size:19px; margin-bottom:18px; }
.wr-fw-list{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid; gap:15px; }
.wr-fw-list li{ font-size:15px !important; padding-left:34px !important; margin:0 !important; position:relative; }
.wr-fw-yes .wr-fw-list li::before{ content:"✓"; position:absolute; left:0; top:1px; width:22px; height:22px;
  border-radius:50%; background:rgba(76,158,108,.13); color:var(--wr-success); font-weight:700;
  font-size:12px; display:flex; align-items:center; justify-content:center; }
.wr-fw-no .wr-fw-list li{ color:var(--wr-muted) !important; }
.wr-fw-no .wr-fw-list li::before{ content:"✕"; position:absolute; left:0; top:1px; width:22px; height:22px;
  border-radius:50%; background:rgba(181,6,29,.07); color:var(--wr-red); font-weight:700;
  font-size:11px; display:flex; align-items:center; justify-content:center; }
.wr-forwho-outro-row{ background:var(--wr-cream); text-align:center; }
.wr-forwho-outro-row > .kt-row-column-wrap{ max-width:760px !important; padding-top:36px !important; padding-bottom:110px !important; }
.wr-forwho-outro{ font-family:var(--wr-serif); font-size:22px !important; font-style:italic;
  color:var(--wr-ink) !important; line-height:1.55; }
.wr-forwho-outro strong{ color:var(--wr-red); font-style:normal; }

/* ============================================================
   OFERTA
   ============================================================ */
.wr-offer{ background:#181D2F; text-align:center; }
.wr-offer > .kt-row-column-wrap{ max-width:780px !important; padding-top:110px !important; padding-bottom:30px !important; }
.wr-offer h2{ color:#fff !important; font-size:33px; margin-bottom:14px; }
.wr-offer .wr-lead{ color:var(--wr-text-dim) !important; }
.wr-offer-card-row > .kt-row-column-wrap{ max-width:620px !important; padding-top:20px !important; padding-bottom:30px !important; }
.wr-offer-card{ background:#FDFBF7; border-radius:26px; box-shadow:0 40px 100px rgba(0,0,0,.45); }
.wr-offer-card > .kt-inside-inner-col{ padding:52px 54px 44px; }
.wr-offer-price{ font-weight:700; font-size:72px !important; color:var(--wr-ink) !important;
  line-height:1; letter-spacing:-1px; margin-bottom:2px; }
.wr-offer-price small{ font-family:var(--wr-serif); font-size:24px; font-style:italic;
  font-weight:400; color:var(--wr-gold); letter-spacing:0; }
.wr-offer-under{ font-size:15px !important; color:var(--wr-muted) !important; margin-bottom:24px; }
.wr-offer-list{ list-style:none !important; margin:0 0 28px !important; padding:26px 0 !important;
  text-align:left; display:grid; gap:12px; border-top:1px solid var(--wr-border);
  border-bottom:1px solid var(--wr-border); }
.wr-offer-list li{ font-size:14.5px !important; padding-left:30px !important; margin:0 !important;
  position:relative; color:var(--wr-text) !important; }
.wr-offer-list li strong{ color:var(--wr-ink); }
.wr-offer-list li::before{ content:"✦"; position:absolute; left:2px; color:var(--wr-gold); font-size:12px; }
.wr-offer-btn .wp-block-button,.wr-offer-btn .wp-block-button__link{ width:100%; }
.wr-offer-free{ margin-top:16px; font-size:14px !important; color:var(--wr-muted) !important; }
.wr-offer-free a{ color:var(--wr-ink) !important; }
.wr-offer-safety > .kt-row-column-wrap{ max-width:820px !important; padding-top:20px !important;
  padding-bottom:110px !important; column-gap:20px; }
.wr-safety-item > .kt-inside-inner-col{ text-align:center; }
.wr-s-icon{ display:block; color:var(--wr-gold); font-size:20px; margin-bottom:8px; }
.wr-safety-item p{ color:var(--wr-text-dim) !important; font-size:13.5px !important; line-height:1.55; }
.wr-safety-item p strong{ color:#fff; display:block; font-size:14px; margin-bottom:2px; }

/* ============================================================
   FAQ
   ============================================================ */
.wr-faq{ background:var(--wr-cream); }
.wr-faq > .kt-row-column-wrap{ max-width:880px !important; padding-top:110px !important;
  padding-bottom:110px !important; text-align:center; }
.wr-faq h2{ font-size:35px; margin-bottom:30px; }
.wr-faq-list{ text-align:left; border-top:1px solid var(--wr-border); margin-top:20px; }
.wr-faq-item{ border-bottom:1px solid var(--wr-border); margin:0 !important; }
.wr-faq-item summary{ cursor:pointer; list-style:none; padding:24px 56px 24px 4px;
  font-weight:600; color:var(--wr-ink); font-size:16px; position:relative; line-height:1.45; }
.wr-faq-item summary::-webkit-details-marker{ display:none; }
.wr-faq-item summary::after{ content:"+"; position:absolute; right:10px; top:50%;
  transform:translateY(-50%); font-size:24px; color:var(--wr-gold); font-weight:400; transition:transform .25s; }
.wr-faq-item[open] summary::after{ transform:translateY(-50%) rotate(45deg); }
.wr-faq-item p{ padding:0 4px 26px; max-width:720px; font-size:15px !important; }

/* ============================================================
   ZAKOŃCZENIE
   ============================================================ */
.wr-closing{ background:linear-gradient(180deg,var(--wr-night) 0%,#1A2032 55%,var(--wr-plum) 100%); text-align:center; }
.wr-closing > .kt-row-column-wrap{ max-width:780px !important; padding-top:130px !important; padding-bottom:120px !important; }
.wr-big-moon{ width:74px; height:74px; margin:0 auto 34px; border-radius:50%;
  background:radial-gradient(circle at 38% 35%, #E8D9B8, var(--wr-gold) 70%);
  box-shadow:0 0 60px rgba(201,162,94,.45); }
.wr-closing h2{ color:#fff !important; font-size:34px; margin-bottom:20px; }
.wr-closing p{ color:var(--wr-text-dim) !important; font-size:17px !important; }
.wr-closing-cta{ margin-top:30px; justify-content:center; gap:24px; align-items:center; }
.wr-closing .wr-btn-line .wp-block-button__link{ color:#D9DCE6 !important; }

/* ============================================================
   RESPONSYWNOŚĆ
   (Kadence sam składa kolumny do 1 na mobile <768px)
   ============================================================ */
@media(max-width:1024px){
  .wr-hero > .kt-row-column-wrap{ column-gap:40px; }
  .wr-zodiac-ring{ width:500px; height:500px; }
  .wr-arch{ width:300px; }
}
@media(max-width:960px){
  .wr-hero h1{ font-size:36px; }
  .wr-problem h2,.wr-bridge h2,.wr-overview-head h2,.wr-plat-head h2,.wr-rhythm h2,
  .wr-opinions h2,.wr-about h2,.wr-forwho-head h2,.wr-offer h2,.wr-faq h2,.wr-closing h2{ font-size:27px; }
  .wr-hero > .kt-row-column-wrap,.wr-problem > .kt-row-column-wrap,.wr-bridge > .kt-row-column-wrap,
  .wr-overview-head > .kt-row-column-wrap,.wr-overview-grid > .kt-row-column-wrap,
  .wr-plat-head > .kt-row-column-wrap,.wr-duo > .kt-row-column-wrap,.wr-features > .kt-row-column-wrap,
  .wr-rhythm > .kt-row-column-wrap,.wr-opinions > .kt-row-column-wrap,.wr-op-grid > .kt-row-column-wrap,
  .wr-about > .kt-row-column-wrap,.wr-horo-head > .kt-row-column-wrap,.wr-horo-grid > .kt-row-column-wrap,
  .wr-forwho-head > .kt-row-column-wrap,.wr-forwho-grid > .kt-row-column-wrap,
  .wr-forwho-outro-row > .kt-row-column-wrap,.wr-offer > .kt-row-column-wrap,
  .wr-faq > .kt-row-column-wrap,.wr-closing > .kt-row-column-wrap{
    padding-left:24px !important; padding-right:24px !important; }
  .wr-op-featured p{ font-size:20px !important; }
}
@media(max-width:767px){
  /* kolumny już złożone przez Kadence - poprawki układu */
  .wr-hero > .kt-row-column-wrap{ padding-top:56px !important; padding-bottom:70px !important; }
  .wr-hero-visual{ margin-top:30px; }
  .wr-ov-card{ border-left:none; border-bottom:1px solid var(--wr-border); }
  .wr-ov-card > .kt-inside-inner-col{ padding:28px 8px; }
  .wr-features > .kt-row-column-wrap > .wr-frow:nth-child(odd){ border-right:none; }
  .wr-frow > .kt-inside-inner-col{ padding:26px 0 !important; }
  .wr-rhythm-line > .kt-row-column-wrap::before{ display:none; }
  .wr-rstep > .kt-inside-inner-col{ padding:20px 0; }
  .wr-fw-yes > .kt-inside-inner-col,.wr-fw-no > .kt-inside-inner-col{ padding:30px 24px; }
  .wr-offer-card > .kt-inside-inner-col{ padding:40px 26px 36px; }
  .wr-duo-screen > .kt-inside-inner-col::before{ inset:8% -4% -8% 6%; }
}
@media(max-width:480px){
  .wr-hero h1{ font-size:27px; }
  .wr-problem h2,.wr-bridge h2,.wr-overview-head h2,.wr-plat-head h2,.wr-rhythm h2,
  .wr-opinions h2,.wr-about h2,.wr-forwho-head h2,.wr-offer h2,.wr-faq h2,.wr-closing h2{ font-size:23px; }
  .wr-hero-trust{ flex-direction:column; gap:9px; }
  .wr-btn-red .wp-block-button__link{ width:100%; text-align:center; }
  .wr-arch{ width:270px; }
  .wr-zodiac-ring{ width:400px; height:400px; }
  .wr-hero-mooncard{ padding:10px 16px; gap:10px; }
  .wr-offer-price{ font-size:52px !important; }
  .wr-op-featured p{ font-size:18px !important; }
  .wr-forwho-outro{ font-size:18px !important; }
  .wr-q-list li{ font-size:15px !important; gap:16px; }
}

/* ============================================================
   EDYTOR BLOKÓW - poprawki widoczności podczas edycji
   ============================================================ */
/* przycisk "+" (dodawanie bloków) widoczny nad gwiezdnym tłem */
.wr-hero .block-list-appender,
.wr-bridge .block-list-appender,
.wr-rhythm .block-list-appender,
.wr-offer .block-list-appender,
.wr-closing .block-list-appender{ position:relative; z-index:10; }
/* etykiety zaznaczonych bloków czytelne na ciemnych sekcjach */
.wr-hero .rich-text:focus,
.wr-bridge .rich-text:focus,
.wr-rhythm .rich-text:focus,
.wr-offer .rich-text:focus,
.wr-closing .rich-text:focus{ outline-color:rgba(201,162,94,.6); }

/* zdjęcie hero - wycinanka w portalu, dół wtapia się w tło */
.wr-arch-deco{ position:absolute; inset:0; width:100%; height:100%; }
.wr-arch img.wr-hero-cutout{ position:absolute; inset:auto; bottom:0; left:50%; transform:translateX(-50%); width:104% !important; height:auto; max-width:none; object-fit:unset; }


/* ============================================================
   ANIMACJE (frontend; edytor bloków zostaje statyczny)
   ============================================================ */
@keyframes wrFadeUp{ from{opacity:0; transform:translateY(26px)} to{opacity:1; transform:none} }
body:not(.block-editor-iframe__body) .wr-hero-badge{ animation:wrFadeUp .8s .05s cubic-bezier(.22,.7,.3,1) both; }
body:not(.block-editor-iframe__body) .wr-hero h1{ animation:wrFadeUp .8s .18s cubic-bezier(.22,.7,.3,1) both; }
body:not(.block-editor-iframe__body) .wr-hero-lead{ animation:wrFadeUp .8s .32s cubic-bezier(.22,.7,.3,1) both; }
body:not(.block-editor-iframe__body) .wr-hero-cta{ animation:wrFadeUp .8s .46s cubic-bezier(.22,.7,.3,1) both; }
body:not(.block-editor-iframe__body) .wr-hero-trust{ animation:wrFadeUp .8s .6s cubic-bezier(.22,.7,.3,1) both; }
body:not(.block-editor-iframe__body) .wr-hero-visual{ animation:wrFadeUp 1.1s .35s cubic-bezier(.22,.7,.3,1) both; }

.wr-shooting-star{ position:absolute; top:10%; left:74%; width:130px; height:2px; border-radius:2px;
  background:linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,0));
  opacity:0; pointer-events:none; z-index:1; animation:wrShoot 9s linear infinite; }
.wr-shooting-star.s2{ top:48%; left:88%; width:100px; animation-delay:4.7s; animation-duration:12s; }
.wr-shooting-star.s3{ top:16%; left:30%; width:110px; animation-delay:2.2s; animation-duration:13s; }
@keyframes wrShoot{
  0%{ transform:translate3d(0,0,0) rotate(146deg); opacity:0 }
  1.2%{ opacity:.95 }
  9%{ transform:translate3d(-440px,300px,0) rotate(146deg); opacity:0 }
  100%{ transform:translate3d(-440px,300px,0) rotate(146deg); opacity:0 } }

html.wr-anim-ready .wr-reveal{ opacity:0; transform:translateY(28px);
  transition:opacity .7s ease, transform .7s cubic-bezier(.22,.7,.3,1); }
html.wr-anim-ready .wr-reveal.wr-in{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  .wr-shooting-star{ display:none; }
  .wr-hero-badge,.wr-hero h1,.wr-hero-lead,.wr-hero-cta,.wr-hero-trust,.wr-hero-visual{ animation:none !important; }
  html.wr-anim-ready .wr-reveal{ opacity:1; transform:none; transition:none; }
  .wr-zodiac-ring{ animation:none; }
}