/* ============================================================
   ESTATIC — Sell Landing · Kampania „Więcej niż nieruchomości."
   Bright design system (scope: .sl-landing). Override po sell-landing.css.
   Tokeny + fonty + helpery wspólne dla wszystkich sekcji kampanii.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Playfair+Display:ital@1&display=swap');

.sl-landing{
  /* PALETA wg Estatic Design System (cool navy + muted brand gold + cool off-white) */
  --slc-ink:#05172F; --slc-navy:#0A2240; --slc-navy-2:#20456A;
  --slc-gold:#BF9B49; --slc-gold-dot:#BF9B49; --slc-gold-lt:#BF9B49; --slc-gold-text:#BF9B49;
  --slc-paper:#F4F6F9; --slc-paper-2:#EEF1F6; --slc-white:#FFFFFF; --slc-line:#E2E8F0;
  --slc-body:#475569;
  --slc-disp:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --slc-serif:'Playfair Display',Georgia,serif;
  --slc-script:'Caveat',cursive;
  --slc-eo:cubic-bezier(.16,1,.3,1);
  --slc-sh:0 30px 60px -34px rgba(22,35,61,.5);
  background:var(--slc-paper);
}

/* Helpers — używane przez sekcje kampanii */
.sl-landing .slc-section{position:relative;padding:clamp(60px,8vw,112px) 0;}
.sl-landing .slc-section--cream{background:var(--slc-paper);}
.sl-landing .slc-section--sand{background:var(--slc-paper-2);}
.sl-landing .slc-section--white{background:var(--slc-white);}
.sl-landing .slc-section--navy{background:var(--slc-ink);color:#fff;}
.sl-landing .slc-wrap{width:min(92vw,1280px);margin:0 auto;}

.sl-landing .slc-kick{display:inline-flex;align-items:center;gap:11px;font-family:var(--slc-disp);
  font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:#BF9B49;-webkit-text-fill-color:#BF9B49;}
/* kreska kickera = ten sam płaski złoty kolor co kropka */
.sl-landing .slc-kick::before{content:'';flex:none;width:26px;height:2px;background:#BF9B49;}
.sl-landing .slc-kick--c{justify-content:center;}
.sl-landing .slc-kick--w{color:#BF9B49;-webkit-text-fill-color:#BF9B49;}
.sl-landing .slc-kick--w::before{background:#BF9B49;}

.sl-landing .slc-h2{font-family:var(--slc-disp);font-weight:800;color:var(--slc-ink);
  letter-spacing:-.02em;line-height:1.05;font-size:clamp(30px,4vw,54px);}
.sl-landing .slc-section--navy .slc-h2{color:#fff;}
.sl-landing .slc-h2 em,.sl-landing .slc-em{font-weight:inherit;color:var(--slc-gold-text);}
.sl-landing .slc-section--navy .slc-h2 em{color:var(--slc-gold-lt);}
.sl-landing .slc-lead{font-size:17px;line-height:1.65;font-weight:500;color:var(--slc-body);}
.sl-landing .slc-section--navy .slc-lead{color:rgba(255,255,255,.8);}
/* ── ZŁOTA KROPKA KAMPANII — płaski, czysty złoty dysk (sygnatura). BEZ połysku/orba/cienia.
   Subtelny diagonalny gradient = faktura złota, nie marmurkowa kula. Mniejsza, premium-editorial. ── */
.sl-landing .slc-dot{
  display:inline-block;width:.34em;height:.34em;margin-left:.16em;vertical-align:baseline;border-radius:50%;
  /* PŁASKI, jednolity kolor złota z billboardu (bez gradientu) */
  background:#BF9B49;
}
/* na granacie: odrobinę jaśniejsze złoto dla kontrastu (nadal płasko) */
.sl-landing .slc-section--navy .slc-dot,
.sl-landing .sl-stories__rec-tag .slc-dot,
.sl-landing .slc-cta .slc-dot{
  background:#BF9B49;
}
/* MASTER — proporcja jak na billboardzie: mniejsza kropka przy wielkim „Więcej niż nieruchomości" */
.sl-landing .slc-dot--master{width:.3em;height:.3em;margin-left:.16em;}
/* mała kropka w kickerze manifestu / tagu problem */
.sl-landing .sl-mfst__kick .slc-dot,
.sl-landing .slp-tag .slc-dot{width:.46em;height:.46em;margin:0 0 0 .34em;}
.sl-landing .slc-verdict{font-family:var(--slc-disp);font-weight:800;color:var(--slc-ink);font-size:clamp(20px,2.2vw,30px);line-height:1.25;letter-spacing:-.02em;}
.sl-landing .slc-verdict em{font-weight:inherit;color:var(--slc-gold-text);}

.sl-landing .slc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--slc-disp);font-size:14px;font-weight:700;padding:18px 32px;border-radius:2px;
  background:linear-gradient(180deg,#D2B262 0%,#B08E38 100%);color:var(--slc-ink);border:0;
  box-shadow:0 8px 20px -10px rgba(5,23,47,.3);
  transition:filter .3s,box-shadow .3s,transform .25s var(--slc-eo);cursor:pointer;}
.sl-landing .slc-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(10,34,72,.38);}
.sl-landing .slc-btn svg{width:16px;height:16px;}
.sl-landing .slc-btn--navy{background:linear-gradient(180deg,#0A2240 0%,#05172F 100%);border:0;color:#fff;box-shadow:0 6px 16px -8px rgba(5,23,47,.4);}
.sl-landing .slc-btn--navy:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(5,23,47,.5);}
.sl-landing .slc-btn--ghost{background:transparent;color:var(--slc-ink);}
.sl-landing .slc-btn--ghost:hover{background:var(--slc-ink);color:#fff;}
/* A11y: widoczny focus-visible dla klawiatury — spojny zloty ring, ostre kanty */
.sl-landing .slc-btn:focus-visible{outline:2px solid #BF9B49;outline-offset:3px;}
.sl-landing a:focus-visible,.sl-landing [role="button"]:focus-visible{outline:2px solid #BF9B49;outline-offset:3px;border-radius:2px;}
.sl-landing #sl-price-slider:focus-visible{outline:none;}
.sl-landing #sl-price-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(212,175,55,.35);}
.sl-landing #sl-price-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(212,175,55,.35);}

/* karta: editorialna złota krawędź na hover (NIE generyczny lift translateY) */
.sl-landing .slc-card{background:var(--slc-white);border:1px solid var(--slc-line);border-radius:2px;
  position:relative;transition:box-shadow .4s var(--slc-eo),border-color .4s;}
.sl-landing .slc-card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:0;
  background:#BF9B49;transition:width .35s var(--slc-eo);}
.sl-landing .slc-card:hover{box-shadow:var(--slc-sh);border-color:#D9CFB4;}
.sl-landing .slc-card:hover::after{width:3px;}

.sl-landing .slc-zoom{overflow:hidden;}
.sl-landing .slc-zoom img{transition:transform 1.1s cubic-bezier(.62,.04,.16,1);will-change:transform;}
.sl-landing .slc-zoom:hover img{transform:scale(1.06);}

/* #1 badge (reuse) */
.sl-landing .slc-rank{display:inline-flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--slc-line);
  padding:7px 16px 7px 7px;box-shadow:0 8px 24px -16px rgba(22,35,61,.4);}
.sl-landing .slc-rank b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  background:var(--slc-gold);color:#05172F;font-family:var(--slc-disp);font-weight:800;font-size:13px;}
.sl-landing .slc-rank span{font-size:12.5px;font-weight:600;color:var(--slc-ink);}
.sl-landing .slc-rank em{font-style:normal;color:var(--slc-body);}

/* fonty nagłówków w obrębie kampanii */
.sl-landing .slc-disp{font-family:var(--slc-disp);}

/* ════ AUDYT FIX: ujednolicenie starych sticky CTA do systemu kampanii ════ */
/* floating CTA (desktop) + mobile-bar były: pigułka 9999px + złoto-gradient + biały tekst -> kampania: ostre kanty 2px, płaskie złoto, granatowy tekst */
.sl-landing .sl-floating-cta a{border-radius:2px !important;background:linear-gradient(180deg,#D2B262 0%,#B08E38 100%) !important;color:#05172F !important;
  box-shadow:0 14px 30px -16px rgba(5,23,47,.45) !important;font-family:var(--slc-disp) !important;font-weight:800 !important;}
.sl-landing .sl-floating-cta a:hover{filter:brightness(1.05) saturate(1.04);}
.sl-mobile-bar{border-top:1px solid var(--slc-line) !important;background:rgba(244,246,249,.97) !important;backdrop-filter:blur(10px);}
.sl-mobile-bar__btn{border-radius:2px !important;font-family:var(--slc-disp) !important;font-weight:800 !important;min-height:48px;}
.sl-mobile-bar__btn--call{background:#fff !important;border:1.5px solid var(--slc-ink) !important;color:var(--slc-ink) !important;}
.sl-mobile-bar__btn--form{background:linear-gradient(180deg,#D2B262 0%,#B08E38 100%) !important;color:#05172F !important;border:0 !important;}
.sl-landing .sl-inline-cta{-webkit-text-fill-color:var(--slc-ink) !important;color:var(--slc-ink) !important;border-radius:2px !important;}
/* pasek mobilny (fixed) nie zaslania ostatniej sekcji/stopki */
@media(max-width:768px){ .sl-landing{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px)) !important;} }

/* ════ UX: NAV czytelny na JASNYM hero (motyw daje bialy nad ciemnym hero; tu jasny -> granat) ════ */
/* (ten plik laduje sie TYLKO na stronie sprzedazowej, wiec #banner_top dotyczy tylko jej) */
/* TYLKO desktop (>=900px): na mobile (<=899px) motyw chowa poziome .mm-logo-h i pokazuje pionowe .mm-logo-v
   + ma wlasny bialy pasek naglowka. Bez tego ograniczenia force display:inline-block robil DUBLET logo na telefonie. */
@media (min-width:900px){
  #banner_top.fixed_banner:not(.scroll) .pn-trigger{color:#05172F !important;}
  #banner_top.fixed_banner:not(.scroll) .pn-item:hover .pn-trigger,
  #banner_top.fixed_banner:not(.scroll) .pn-item.active .pn-trigger,
  #banner_top.fixed_banner:not(.scroll) .pn-item--sell .pn-trigger{color:#BF9B49 !important;}
  /* logo: CIEMNE zawsze (jasny header w obu stanach), białe nigdy -> koniec migotania białego logo przy scrollu */
  #banner_top.fixed_banner .center .mm-logo-h{opacity:1 !important;display:inline-block !important;}
  #banner_top.fixed_banner .center .absolute_logo{opacity:0 !important;}
  #banner_top.fixed_banner:not(.scroll) .social_box img{filter:brightness(0) !important;opacity:.7;}
  #banner_top.fixed_banner:not(.scroll) .social_box a{color:#05172F !important;}
}

/* ════ DYSCYPLINA TYPOGRAFII: kursywa serif była NADUŻYWANA (akcent na każdym nagłówku) ════
   Akcent nagłówka = złoto + bold sans (sygnatura marki), BEZ kursywy.
   Override !important bije lokalne inline <style> sekcji (ładują się później w body). */
/* napis-akcent = TO SAMO ZŁOTO co kropka — PŁASKI, jednolity kolor (bez gradientu) */
.sl-landing .sl-mfst__title em, .sl-landing .sl-mfst__verdict p em, .sl-landing .sl-mfst__sub em,
.sl-problem--bright .slp-h2 em, .sl-problem--bright .slp-verdict-lead em,
.sl-process--bright .slp-h2 em,
.sell-calculator--bright .calc-h2 em, .sell-calculator--bright .calc-cta p em,
.sl-landing .sl-experts__team-title em,
.sell-faq--bright .sell-faq__title em, .sell-faq--bright .sell-faq__verdict em,
.sell-social-proof--bright .sp-title em,
.sell-hero--bright .sell-hero__headline em,
.sl-landing .slc-verdict em{
  font-family:inherit !important; font-style:normal !important; font-weight:inherit !important;
  background:none !important; color:#BF9B49 !important; -webkit-text-fill-color:#BF9B49 !important;
}
/* akcenty na granacie (CTA/navy) -> jaśniejsze płaskie złoto */
.sl-landing .slc-cta__head em, .sl-landing .slc-section--navy .slc-h2 em{
  font-family:inherit !important; font-style:normal !important; font-weight:inherit !important;
  background:none !important; color:#BF9B49 !important; -webkit-text-fill-color:#BF9B49 !important;
}
/* CYTATY: koniec kursywy. Serif zostaje, ale UPRIGHT (roman) = elegancko, nie tikowo */
.sl-landing .sl-stories__quote, .sl-landing .sl-experts__line, .sl-process--bright .slp-verdict-q{ font-style:normal !important; }
/* tło-numer manifestu bez kursywy; etykieta badges -> mały kapitalik bez serif-italic */
.sl-landing .sl-mfst__num{ font-style:normal !important; }
.sl-landing .sl-experts__badges-kick{ font-family:inherit !important; font-style:normal !important; font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important; }