/* ── Nowa Staropolska ─────────────────────────────────────────────────── */
:root{
  --bg:#FFFFFF;
  --bg-soft:#F8F5EE;
  --card:#F8F3E0;      /* krem kart dewelopera, tło rzutów */
  --navy:#0B3541;
  --navy-deep:#07313F;
  --gold:#B48649;
  --gold-dark:#96703A;
  --ink:#33454E;
  --line:rgba(7,49,63,.13);
  --serif:'Cormorant SC','Cormorant Garamond',Georgia,serif;
  --sans:'Plus Jakarta Sans',system-ui,sans-serif;   /* cała treść, przyciski, etykiety */
  --thin:var(--sans);                                 /* alias dla drobnych wersalików */
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1400px;margin:0 auto;padding:0 32px}
section{padding:clamp(64px,6.4vw,94px) 0}
.sec-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:20px}
.sec-title{font-family:var(--sans);font-weight:500;font-size:clamp(28px,3.5vw,44px);line-height:1.18;color:var(--navy-deep);letter-spacing:-.008em}
.sec-lead{max-width:640px;margin-top:18px;color:var(--ink)}
.gold-rule{width:64px;height:2px;background:var(--gold);margin:26px 0 0}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:16px 30px;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s;cursor:pointer;line-height:1;font-family:var(--sans)}
.btn--gold{background:var(--gold);color:#FBF6EA;border-radius:999px}
.btn--gold:hover{background:var(--gold-dark)}
.btn--outline{border-color:var(--line);color:var(--navy-deep);background:none}
.btn--outline:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.btn--cream{border-color:rgba(255,255,255,.6);color:#FCF7EC;background:none}
.btn--cream:hover{background:#fff;color:var(--navy-deep)}
.btn--sm{padding:11px 18px;font-size:12px}

/* ── nav ── */
/* topbar nad navbarem */
.topbar{background:var(--gold);color:#fff;view-transition-name:site-topbar}
.topbar__in{max-width:1560px;margin:0 auto;padding:0 clamp(16px,2vw,30px);min-height:38px;
  display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar__dev{display:flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.005em;color:rgba(255,255,255,.85)}
.topbar__dev img{height:9px;width:auto;filter:brightness(0) invert(1);opacity:.95}
.topbar__ask{font-size:12.5px;white-space:nowrap;letter-spacing:.005em;color:rgba(255,255,255,.85)}
.topbar__ask a{margin-left:6px;color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;transition:opacity .2s}
.topbar__ask a:hover{opacity:.75}
@media(max-width:760px){
  .topbar__in{min-height:34px;gap:12px}
  .topbar__dev span{display:none}
  .topbar__right{gap:11px}
  .topbar__soc{padding-left:10px}
  .topbar__ask{font-size:11.5px}
  .topbar__ask span{display:none}
}
.topbar__right{display:flex;align-items:center;gap:16px}
.topbar__soc{display:flex;align-items:center;gap:3px;padding-left:15px;border-left:1px solid rgba(255,255,255,.28)}
.topbar__soc-i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;
  color:rgba(255,255,255,.85);cursor:default}
.topbar__soc-i svg{width:15px;height:15px}
.footer__soc{display:flex;align-items:center;gap:4px;margin-right:4px}
.footer__soc-i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;
  color:var(--navy-deep);opacity:.5;cursor:default}
.footer__soc-i svg{width:16px;height:16px}
.nav{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.nav__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(14px,1.6vw,28px);
  max-width:1560px;margin:0 auto;padding:10px clamp(16px,2vw,30px)}
/* dwie rowne kolumny po bokach logo, dzieki temu logo stoi dokladnie na srodku ekranu
   niezaleznie od tego, ze po lewej sa ikony, a po prawej szeroki przycisk */
.nav__grp{display:flex;align-items:center;gap:clamp(14px,1.8vw,30px);min-width:0}
.nav__grp--l{justify-content:flex-end}
.nav__grp--r{justify-content:flex-start}
.nav__grp--l .nav__social{margin-right:auto}
.nav__grp--r .nav__tel,.nav__grp--r .burger{margin-left:auto}
.nav__grp--r .nav__tel+.burger{margin-left:0}
.nav__social{display:flex;align-items:center;gap:6px}
.nav__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line);color:var(--navy-deep);transition:border-color .2s,color .2s,background .2s}
.nav__social a:hover{border-color:var(--gold);color:var(--gold-dark);background:var(--bg-soft)}
.nav__social svg{stroke:currentColor}
.nav__side{display:flex;align-items:center;gap:clamp(14px,1.8vw,30px)}
.nav__side--l{justify-content:flex-end;padding-right:clamp(16px,2.4vw,44px)}
.nav__side--r{justify-content:flex-start;padding-left:clamp(16px,2.4vw,44px)}
.nav__side a{position:relative;font-size:13.5px;letter-spacing:.005em;color:var(--ink);white-space:nowrap;padding-bottom:3px;transition:color .2s}
.nav__side a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav__side a:hover{color:var(--navy-deep)}
.nav__side a:hover::after,.nav__side a.is-active::after{transform:scaleX(1)}
.nav__side a.is-active{color:var(--navy-deep);font-weight:500}
.nav__brand{display:flex;align-items:center;justify-content:center}
.nav__brand img{height:72px;width:auto}
.nav__tel{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:#fff;background:var(--gold);border:1px solid var(--gold);
  border-radius:999px;padding:11px 20px;white-space:nowrap;transition:background .2s,border-color .2s}
.nav__tel svg{stroke:currentColor;flex:none;transition:transform .2s}
.nav__tel:hover{background:var(--gold-dark);border-color:var(--gold-dark)}
.nav__tel:hover svg{transform:translateX(3px)}
.nav__tel.is-active{background:transparent;color:var(--gold-dark)}
.burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:0;cursor:pointer;color:var(--navy-deep)}
.burger:hover{color:var(--gold)}
/* przed zwinieciem do burgera scieśniamy odstepy, zeby linki po prawej sie nie sciskaly */
@media(max-width:1440px){
  .nav__side{gap:clamp(12px,1.4vw,22px)}
  .nav__side--l{padding-right:clamp(12px,1.6vw,26px)}
  .nav__side--r{padding-left:clamp(12px,1.6vw,26px)}
  .nav__tel{padding:11px 16px;letter-spacing:.06em}
}
@media(max-width:1180px){
  .nav__bar{gap:12px}
  .nav__side{display:none}
  .burger{display:flex}
}
@media(max-width:900px){
  /* na waskich ekranach zostawiamy tylko logo i burger, reszta jest w menu */
  .nav__bar{grid-template-columns:auto 1fr;gap:8px}
  .nav__grp--l{display:none}
  .nav__grp--r{justify-content:flex-end}
  .nav__social,.nav__tel{display:none}
  .nav__brand{justify-content:flex-start}
  .nav__brand img{height:58px}
}

/* drawer menu */
.drawer{position:fixed;inset:0;z-index:110;visibility:hidden;transition:visibility 0s .5s}
.drawer.open{visibility:visible;transition:visibility 0s 0s}
.drawer__ovl{position:absolute;inset:0;background:rgba(7,42,54,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .45s ease}
.drawer.open .drawer__ovl{opacity:1}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(430px,90vw);background:#fff;padding:44px 46px 38px;display:flex;flex-direction:column;overflow-y:auto;
  transform:translateX(100%);transition:transform .5s cubic-bezier(.32,.72,.24,1);will-change:transform;box-shadow:-20px 0 60px rgba(7,49,63,.14)}
.drawer.open .drawer__panel{transform:translateX(0)}
.drawer__close{position:absolute;top:22px;right:24px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:none;border:0;color:var(--navy-deep);cursor:pointer;transition:color .2s,transform .3s}
.drawer__close:hover{color:var(--gold);transform:rotate(90deg)}
.drawer__logo{width:104px;height:auto;margin-bottom:34px}

.drawer__nav{list-style:none}
.drawer__nav li{border-top:1px solid var(--line);opacity:0;transform:translateX(18px);transition:opacity .25s ease,transform .25s ease;transition-delay:0s}
.drawer__nav li:last-child{border-bottom:1px solid var(--line)}
.drawer.open .drawer__nav li{opacity:1;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.3,.8,.3,1);transition-delay:var(--d,.1s)}
.drawer__nav a{display:flex;align-items:baseline;gap:14px;padding:17px 0;transition:color .2s}
.drawer__nav em{font-family:var(--thin);font-style:normal;font-size:10.5px;letter-spacing:.18em;color:var(--gold-dark);opacity:.7;min-width:18px}
.drawer__nav span{flex:1;font-family:var(--sans);font-size:23px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--navy-deep);line-height:1.15}
.drawer__nav svg{stroke:var(--gold);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s;align-self:center}
.drawer__nav a:hover span,.drawer__nav a.is-active span{color:var(--gold-dark)}
.drawer__nav a:hover svg,.drawer__nav a.is-active svg{opacity:1;transform:none}

.drawer__foot{margin-top:auto;padding-top:34px}
.drawer__label{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--navy-deep);margin-bottom:8px}
.drawer__addr{font-size:15px;line-height:1.65;color:var(--ink)}
.drawer__tel{display:inline-block;margin-top:16px;font-family:var(--sans);font-weight:500;font-size:26px;letter-spacing:-.008em;color:var(--navy-deep);transition:color .2s}
.drawer__tel:hover{color:var(--gold-dark)}
.drawer__cta{width:100%;margin-top:20px;border-radius:999px;font-size:12.5px;padding:15px 22px}
.drawer__links{display:flex;align-items:center;gap:14px;margin-top:22px;font-size:11.5px;color:var(--ink);opacity:.7}
.drawer__links a{border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .2s,border-color .2s}
.drawer__links a:hover{color:var(--gold-dark);border-color:var(--gold)}
.drawer__links span{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}
@media (prefers-reduced-motion:reduce){
  .drawer__panel,.drawer__nav li,.drawer__ovl{transition:none}
}

/* ── hero ── */
.hero{background:#fff;padding:0}
.hero__head{position:relative;z-index:3;max-width:820px;margin:0 auto;padding:70px 32px 10px;text-align:center}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.8vw,38px);letter-spacing:.06em;text-transform:uppercase;color:var(--navy-deep);line-height:1.08}
.hero__head p{margin:16px auto 0;font-family:var(--sans);font-size:15px;font-weight:400;line-height:21px;color:rgb(33,37,41);letter-spacing:normal}
.hero__head p b{font-weight:700;color:var(--navy-deep)}
.hero__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.hero__cta .btn{padding:15px 28px;font-size:12.5px;letter-spacing:.08em;border-radius:999px}
.hero__cta .btn svg{stroke:currentColor}
.hero__img{position:relative;margin-top:-90px}
.hero__img img{width:100%;height:auto;display:block}
.hero__img::before{content:"";position:absolute;left:0;right:0;top:-1px;height:15%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,.85) 22%,rgba(255,255,255,.4) 55%,rgba(255,255,255,0) 100%)}

/* ── historia ── */
.historia__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(44px,5vw,84px);align-items:center}
.historia__fig{margin:0;aspect-ratio:4/5;overflow:hidden}
.historia__fig picture{display:block;height:100%}
.historia__fig img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.historia__title{font-family:var(--sans);font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.2;color:var(--navy-deep);letter-spacing:-.008em;margin-bottom:28px}
.historia__sign{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
.historia__years{display:flex;align-items:baseline;gap:16px}
.historia__years span{font-family:var(--sans);font-weight:400;font-size:clamp(46px,5.4vw,66px);line-height:.9;color:var(--gold)}
.historia__years p{font-size:13px;line-height:1.55;color:var(--ink);opacity:.75}
.historia__inw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(48px,6vw,96px);align-items:start;
  margin-top:clamp(56px,6vw,84px);padding-top:clamp(34px,4vw,48px);border-top:1px solid var(--line)}
.historia__inw h3{font-family:var(--sans);font-weight:500;font-size:clamp(21px,2.1vw,27px);line-height:1.25;color:var(--navy-deep);letter-spacing:-.005em}
.historia__inw-txt{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.historia__inw p{font-size:14.5px;line-height:1.75;color:var(--ink)}
.historia__logo{display:block;width:104px;height:auto;opacity:.9}
.historia__txt p{font-size:15px;line-height:1.8}
.historia__txt p+p{margin-top:18px}
.historia__punch{font-family:var(--sans);font-weight:400;font-size:19px!important;line-height:1.55!important;color:var(--navy-deep);letter-spacing:-.004em;margin-top:30px!important;padding-left:18px;border-left:2px solid var(--gold);max-width:520px}
.historia{position:relative;overflow:hidden}
.historia .gold-rule{width:300px;max-width:100%;height:1px;background:var(--line);margin-top:32px}
.historia__wm{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);width:min(62%,900px);max-width:none;height:auto;opacity:.02;pointer-events:none;user-select:none}
.historia .wrap{position:relative;z-index:2}

/* ── inwestycja ── */
.inwestycja{padding-top:0;padding-bottom:0}
.apartamenty{padding-top:64px}
.inwestycja .wrap--head{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end;margin-bottom:56px}
.pickerwrap{width:100%}
.pickerwrap__bar{display:flex;justify-content:flex-end;margin-bottom:20px}
.typy{display:flex;flex-direction:column;gap:clamp(28px,3vw,44px)}
.typ{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,4vw,64px);align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(30px,3.4vw,52px)}
.typ--rev .typ__txt{order:2}
.typ--rev .typ__media{order:1}
.typ__tag{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark)}
.typ__tag i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;
  background:var(--gold);color:#fff;font-family:var(--serif);font-style:normal;font-size:14px;font-weight:600;letter-spacing:0}
.typ h3{font-family:var(--sans);font-weight:500;font-size:clamp(24px,2.5vw,32px);line-height:1.2;letter-spacing:-.01em;color:var(--navy-deep);margin:14px 0 12px}
.typ__meta{font-size:15px;line-height:1.75;color:var(--ink);opacity:.85;max-width:46ch}
.typ__facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:26px 0 28px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.typ__facts>div{background:#fff;padding:14px 18px}
.typ__facts dt{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.6}
.typ__facts dd{margin-top:4px;font-family:var(--sans);font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--navy-deep);line-height:1.2}
.typ__cta{border-radius:999px;padding:14px 26px;font-size:12px}
.typ__cta svg{stroke:currentColor;transition:transform .25s}
.typ__cta:hover svg{transform:translateX(4px)}
.typ__media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.typ__media>img{width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}

/* dwa poziomy stykają się krawędziami, na najechanie rozsuwają się i widać wnętrza */
.typ__stack{min-height:clamp(300px,28vw,390px)}
.typ__stack img{position:absolute;left:50%;width:auto;max-width:98%;max-height:clamp(215px,21vw,290px);
  transform:translateX(-50%);transition:transform .55s cubic-bezier(.25,.75,.25,1)}
.typ__stack .lvl-poddasze{top:7%;z-index:2;filter:drop-shadow(0 16px 26px rgba(7,49,63,.18))}
.typ__stack .lvl-pietro{top:22%;z-index:1}
.typ__stack:hover .lvl-poddasze{transform:translateX(-50%) translateY(-15%)}
.typ__stack:hover .lvl-pietro{transform:translateX(-50%) translateY(15%)}
.typ__lvl{position:absolute;right:0;z-index:3;display:inline-flex;align-items:center;gap:8px;
  font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-deep);
  opacity:0;transition:opacity .35s}
.typ__lvl::before{content:"";width:24px;height:1px;background:var(--gold)}
.typ__lvl--bottom{flex-direction:row-reverse}
.typ__lvl--top{top:8%}
.typ__lvl--bottom{bottom:8%;right:auto;left:0}
.typ__stack:hover .typ__lvl{opacity:1}
@media(max-width:960px){
  .typ{grid-template-columns:1fr;gap:28px}
  .typ--rev .typ__txt{order:1}
  .typ--rev .typ__media{order:2}
}
@media(max-width:560px){.typ__facts{grid-template-columns:1fr}}

/* ── apartamenty / picker ── */
.apartamenty .head{display:flex;align-items:end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:40px}
.viewswitch{display:inline-flex;border:1px solid var(--navy);overflow:hidden}
.viewswitch button{background:none;border:0;padding:13px 22px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--navy);cursor:pointer;transition:.25s}
.viewswitch button.active{background:var(--navy);color:#fff}
.viewswitch--overlay{position:absolute;left:34px;top:28px;z-index:20;border:1px solid var(--line);border-radius:999px;padding:5px;gap:2px;background:var(--bg-soft);box-shadow:0 4px 18px rgba(7,49,63,.10)}
.viewswitch--overlay button{border-radius:999px;padding:10px 19px;font-size:11.5px;font-weight:500;letter-spacing:.09em}
.viewswitch--overlay button:hover{color:var(--gold-dark)}
.viewswitch--overlay button.active{background:var(--navy-deep);color:#fff}
.picker{position:relative;user-select:none}
.picker__view{position:relative}
.picker__view + .picker__view{margin-top:0}
.picker__stage{position:relative;height:min(56.25vw,calc(100svh - 155px));overflow:hidden}
.picker__label{position:absolute;left:34px;bottom:24px;z-index:4;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:6px 15px;font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-deep)}
.picker__view img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.picker__view svg{position:absolute;inset:0;width:100%;height:100%}
.picker__view svg polygon{fill:transparent;stroke:transparent;stroke-width:2.2;cursor:pointer;transition:fill .25s ease,stroke .25s ease;pointer-events:auto}
.picker__view svg polygon:hover,.picker__view svg polygon.hl{fill:rgba(180,134,73,.26);stroke:var(--gold)}
.picker__view svg polygon.sold{cursor:default}
.picker__view svg polygon.sold:hover{fill:rgba(7,49,63,.30);stroke:var(--navy)}
.picker__tip{position:absolute;z-index:5;pointer-events:none;background:#fff;color:var(--ink);border-radius:10px;padding:12px 16px;font-family:var(--sans);font-size:13px;line-height:1.5;display:none;min-width:170px;box-shadow:0 8px 30px rgba(7,49,63,.22)}
.picker__tip b{font-family:var(--sans);font-size:17px;font-weight:600;color:var(--navy-deep);display:block;line-height:1.2;margin-bottom:2px}

/* ── lista lokali ── */
.lokale{border:1px solid var(--line)}
.lokale__head,.lrow{display:grid;grid-template-columns:1.5fr 1fr .8fr 1fr 150px;gap:20px;align-items:center;padding:0 26px}
.lokale--cena .lokale__head,.lokale--cena .lrow{grid-template-columns:1.4fr .9fr .7fr 1fr .9fr 140px}
.lokale__head{background:#F2F3F4;color:var(--navy-deep);border-bottom:1px solid var(--line);padding-top:12px;padding-bottom:12px;font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.lrow{padding-top:14px;padding-bottom:14px;background:#fff;transition:background .2s;position:relative;cursor:pointer;font-size:15px;color:var(--ink)}
.lrow + .lrow{border-top:1px solid var(--line)}
.lrow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s}
.lrow:hover{background:#FBFAF7}
.lrow:hover::before{background:var(--gold)}
.lrow__id{display:flex;flex-direction:column;gap:1px}
.lrow__nr{font-family:var(--sans);font-weight:600;font-size:16px;line-height:1.2;letter-spacing:.01em;color:var(--navy-deep)}
.lrow__typ{font-size:11.5px;color:var(--ink);opacity:.65}
.lrow__pow{color:var(--ink)}
.lrow__pow b{font-weight:600;font-size:16px;color:var(--navy-deep)}
.lrow__rooms{color:var(--navy-deep);font-weight:500}
.lrow__rooms span{font-weight:400;color:var(--ink);opacity:.65;font-size:13.5px}
.lrow__cena{font-size:14.5px;font-weight:500;color:var(--navy-deep)}
.lrow__cta{display:flex;justify-content:flex-end}
.lrow__link{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--navy-deep);padding-bottom:3px;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}
.lrow__link svg{transition:transform .25s}
.lrow:hover .lrow__link{color:var(--gold-dark);border-color:var(--gold)}
.lrow:hover .lrow__link svg{transform:translateX(4px)}
.lrow__here{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark)}
.lrow.is-sprzedany{opacity:.5}
.lrow.is-sprzedany:hover::before{background:transparent}
.lrow.is-current{background:#FBF7EE}
.lrow.is-current::before{background:var(--gold)}

/* ── apartamenty / picker ── */
.apartamenty .head{display:flex;align-items:end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:40px}
.viewswitch{display:inline-flex;border:1px solid var(--navy);overflow:hidden}
.viewswitch button{background:none;border:0;padding:13px 22px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--navy);cursor:pointer;transition:.25s}
.viewswitch button.active{background:var(--navy);color:#fff}
.viewswitch--overlay{position:absolute;left:34px;top:28px;z-index:20;border:1px solid var(--line);border-radius:999px;padding:5px;gap:2px;background:var(--bg-soft);box-shadow:0 4px 18px rgba(7,49,63,.10)}
.viewswitch--overlay button{border-radius:999px;padding:10px 19px;font-size:11.5px;font-weight:500;letter-spacing:.09em}
.viewswitch--overlay button:hover{color:var(--gold-dark)}
.viewswitch--overlay button.active{background:var(--navy-deep);color:#fff}
.picker{position:relative;user-select:none}
.picker__view{position:relative}
.picker__view + .picker__view{margin-top:0}
.picker__stage{position:relative;height:min(56.25vw,calc(100svh - 155px));overflow:hidden}
.picker__label{position:absolute;left:34px;bottom:24px;z-index:4;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:6px 15px;font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-deep)}
.picker__view img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.picker__view svg{position:absolute;inset:0;width:100%;height:100%}
.picker__view svg polygon{fill:transparent;stroke:transparent;stroke-width:2.2;cursor:pointer;transition:fill .25s ease,stroke .25s ease;pointer-events:auto}
.picker__view svg polygon:hover,.picker__view svg polygon.hl{fill:rgba(180,134,73,.26);stroke:var(--gold)}
.picker__view svg polygon.sold{cursor:default}
.picker__view svg polygon.sold:hover{fill:rgba(7,49,63,.30);stroke:var(--navy)}
.picker__tip{position:absolute;z-index:5;pointer-events:none;background:#fff;color:var(--ink);border-radius:10px;padding:12px 16px;font-family:var(--sans);font-size:13px;line-height:1.5;display:none;min-width:170px;box-shadow:0 8px 30px rgba(7,49,63,.22)}
.picker__tip b{font-family:var(--sans);font-size:17px;font-weight:600;color:var(--navy-deep);display:block;line-height:1.2;margin-bottom:2px}

/* ── lista lokali ── */
.lokale{border:1px solid var(--line)}
.lokale__head,.lrow{display:grid;grid-template-columns:.7fr 1fr .6fr 1fr .9fr 170px;gap:20px;align-items:center;padding:0 26px}
.lokale__head{background:#F2F3F4;color:var(--navy-deep);border-bottom:1px solid var(--line);padding-top:12px;padding-bottom:12px;font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.lrow{padding-top:9px;padding-bottom:9px;background:#fff;transition:background .2s;position:relative;cursor:pointer;font-size:15px;color:var(--ink)}
.lrow + .lrow{border-top:1px solid var(--line)}
.lrow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s}
.lrow:hover{background:#FDFBF6}
.lrow:hover::before{background:var(--gold)}
.lrow__nr{font-family:var(--sans);font-weight:600;font-size:15px;line-height:1.2;color:var(--navy-deep)}
.lrow__pow{font-weight:500;color:var(--navy-deep)}
.lrow__cena{font-size:14px}
.lrow__cta{display:flex;justify-content:flex-end}
.status{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:5px 12px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;line-height:1.2}
.st-dostepny{background:#2E7D4F}
.st-zarezerwowany{background:var(--gold-dark)}
.st-sprzedany{background:#93A1A8}
.lrow.is-sprzedany{opacity:.55}
.lrow.is-sprzedany:hover::before{background:transparent}

/* ── modal lokalu ── */
.lmodal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
.lmodal.open{display:flex}
.lmodal__ovl{position:absolute;inset:0;background:rgba(7,42,54,.62)}
.lmodal__box{position:relative;background:#fff;width:min(1100px,100%);max-height:calc(100svh - 48px);overflow:auto;display:grid;grid-template-columns:7fr 5fr}
.lmodal__close{position:absolute;top:0;right:0;z-index:3;width:52px;height:52px;background:var(--navy-deep);color:#F2EDE2;border:0;cursor:pointer;font-size:22px;line-height:1;transition:background .2s}
.lmodal__close:hover{background:var(--gold)}
.lmodal__media{padding:36px;display:flex;flex-direction:column;min-height:520px;position:sticky;top:0;align-self:start;background:var(--card)}
.lmodal__img{flex:1;display:flex;align-items:center;justify-content:center;position:relative}
.lmodal__img img{max-height:560px;width:auto;max-width:100%;transition:opacity .25s,transform .35s}
.lmodal__img img.swap{opacity:0;transform:perspective(900px) rotateX(8deg) scale(.97)}
.lmodal__tabs{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.lmodal__tabs .tabbtn{border:1px solid var(--navy);background:none;color:var(--navy);padding:10px 18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}
.lmodal__tabs .tabbtn.active{background:var(--navy);color:#fff}
.lmodal__tabs .tabbtn--3d{border-color:var(--gold);color:var(--gold-dark);margin-left:auto}
.lmodal__tabs .tabbtn--3d.active{background:var(--gold);border-color:var(--gold);color:#FBF6EA}
.lmodal__info{background:#fff;padding:44px 40px;border-left:1px solid var(--line)}
.lmodal__nr{font-family:var(--sans);font-weight:400;font-size:54px;line-height:1;color:var(--navy-deep)}
.lmodal__typ{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark);margin-top:8px}
.lmodal__pow{display:flex;gap:26px;margin:22px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lmodal__pow div b{font-family:var(--sans);font-size:27px;font-weight:600;color:var(--navy-deep);display:block;line-height:1.1}
.lmodal__pow div span{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.lmodal__rooms{width:100%;border-collapse:collapse;font-size:14px}
.lmodal__rooms td{padding:6.5px 0;border-bottom:1px solid var(--line)}
.lmodal__rooms td:first-child{width:30px;color:var(--gold-dark);font-weight:700;font-size:12.5px}
.lmodal__rooms td:last-child{text-align:right;font-weight:600;color:var(--navy-deep);white-space:nowrap}
.lmodal__note{font-size:12.5px;color:var(--ink);opacity:.8;margin-top:14px;line-height:1.55}
.lmodal__cta{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.lmodal__site{margin-top:26px}
.lmodal__site img{width:100%;max-width:230px;border:1px solid var(--line)}
.lmodal__site figcaption{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-top:8px}

/* ── dlaczego warto ── */
.warto{background:var(--bg-soft);color:var(--ink)}
.warto__head{max-width:680px}
.warto__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(40px,4.6vw,80px);row-gap:clamp(58px,6vw,88px)}
.warto__head .sec-title{font-size:clamp(30px,3.6vw,44px);line-height:1.08}

.warto__item{position:relative}
/* separatory: cienkie linie w połowie odstępu, wygaszane na końcach */
.warto__item::before,.warto__item::after{content:"";position:absolute;pointer-events:none}
.warto__item::before{top:0;bottom:0;left:calc(-1 * clamp(20px,2.3vw,40px));width:1px;
  background:linear-gradient(to bottom,rgba(7,49,63,0) 0,rgba(7,49,63,.13) 22%,rgba(7,49,63,.13) 78%,rgba(7,49,63,0) 100%)}
.warto__item::after{left:0;right:0;top:calc(-1 * clamp(29px,3vw,44px));height:1px;
  background:linear-gradient(to right,rgba(7,49,63,0) 0,rgba(7,49,63,.13) 16%,rgba(7,49,63,.13) 84%,rgba(7,49,63,0) 100%)}
.warto__item:nth-child(3n+1)::before{display:none}   /* pierwsza kolumna bez lewej linii */
.warto__item:nth-child(-n+3)::after{display:none}    /* pierwszy rząd bez górnej linii */
.warto__item svg{stroke:var(--gold);display:block;margin-bottom:22px;width:30px;height:30px}
.warto__item h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.4;letter-spacing:.005em;color:var(--navy-deep);margin-bottom:11px}
.warto__item p{font-size:15px;line-height:1.78;color:var(--ink);opacity:.8}
.warto .rv{transition-delay:var(--d,0s)}

/* ── lokalizacja / mapa ── */
.lokalizacja{background:#fff;color:var(--ink);padding-top:clamp(24px,2.6vw,40px);padding-bottom:clamp(24px,2.6vw,40px)}
.lok__grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);align-items:stretch;gap:clamp(24px,2.6vw,48px);padding-right:clamp(28px,3.4vw,58px)}
.lok__txt{max-width:620px;padding:44px 0}
.lok__txt .sec-title{font-size:clamp(30px,3.4vw,42px)}
.lok__lead{margin-top:26px;font-size:15px;line-height:1.75}
.lokalizacja__facts{list-style:none;display:grid;gap:20px;margin:32px 0 30px}
.lokalizacja__facts li{display:flex;gap:14px;font-size:14.5px;line-height:1.6;color:var(--ink)}
.lokalizacja__facts svg{flex:none;stroke:var(--gold);margin-top:3px}
.lokalizacja__facts b{color:var(--navy-deep);display:block}

/* mapa: kafelek obok tekstu, krawedzie wtopione w biel */
.mapa{position:relative;margin:0;height:100%;min-height:min(80vh,700px);
  -webkit-mask-image:radial-gradient(94% 50% at 26% 50%,#000 0 40%,rgba(0,0,0,0) 92%);
  mask-image:radial-gradient(94% 50% at 26% 50%,#000 0 40%,rgba(0,0,0,0) 92%)}
.mapa picture{display:block;height:100%}
.mapa picture>img,.mapa>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.mapa svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}

.mapa__pin path{fill:var(--gold)}
.mapa__pin text{fill:var(--navy-deep);font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:.5px}
.mapa__attr{display:block;margin-top:18px;font-size:10.5px;letter-spacing:.04em;color:var(--ink);opacity:.5}

/* ── kontakt + formularz ── */
.kontakt{background:#fff}
.kontakt__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(40px,5vw,88px);align-items:start}

.kontakt__h{max-width:620px}
.kontakt__row{margin-top:30px}
.kontakt__label{display:block;font-size:14px;color:var(--ink);opacity:.85;margin-bottom:2px}
.kontakt__label--sec{margin-top:44px;font-weight:600;color:var(--navy-deep);opacity:1}
.kontakt__big{display:inline-block;font-family:var(--sans);font-weight:500;font-size:clamp(26px,3.1vw,38px);line-height:1.2;letter-spacing:-.008em;color:var(--gold-dark);transition:color .2s;word-break:break-word}
.kontakt__big:hover{color:var(--navy-deep)}
.kontakt__facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:16px;padding-top:22px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.7;color:var(--ink)}
.kontakt__facts b{display:block;font-size:13.5px;font-weight:600;color:var(--navy-deep);margin-bottom:4px}
.kontakt__map{display:inline-flex;align-items:center;gap:9px;margin-top:26px;font-size:13.5px;font-weight:600;color:var(--navy-deep);border:1px solid var(--line);border-radius:999px;padding:11px 20px;background:#fff;transition:border-color .2s,color .2s}
.kontakt__map svg{stroke:currentColor}
.kontakt__map:hover{border-color:var(--gold);color:var(--gold-dark)}
.form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(28px,3vw,42px)}
.form h3{font-family:var(--sans);font-weight:500;font-size:clamp(21px,2.2vw,27px);letter-spacing:-.008em;color:var(--navy-deep);margin-bottom:24px}
.form__req{font-size:12.5px;opacity:.7;margin-top:12px}
.form__grid{display:grid;grid-template-columns:1fr;gap:14px}
.form__field{display:flex;flex-direction:column;gap:7px}
.form__field--full{grid-column:1/-1}
.form__field label{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--navy-deep);opacity:.85}
.form__field input,.form__field textarea{font-family:var(--sans);font-size:15px;color:var(--ink);background:#fff;border:1px solid rgba(7,49,63,.18);padding:15px 18px;outline:none;transition:border-color .2s;border-radius:12px;-webkit-appearance:none}
.form__field input:focus,.form__field textarea:focus{border-color:var(--gold)}
.form__field textarea{min-height:120px;resize:vertical}
.form__consents{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.consent{display:flex;gap:11px;font-size:12.5px;line-height:1.55;color:var(--ink);cursor:pointer}
.consent input{flex:none;width:17px;height:17px;margin-top:2px;accent-color:var(--gold);cursor:pointer}
.consent--all{font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-deep);padding-bottom:12px;border-bottom:1px solid var(--line)}
.form__foot{margin-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.form__status{font-size:13.5px;font-weight:600}
.form__status.ok{color:#2E7D4F}
.form__status.err{color:#B0483C}
.form__rodo{font-size:11.5px;opacity:.7;margin-top:18px;line-height:1.6}
.form__rodo a{color:var(--gold-dark);border-bottom:1px solid rgba(180,134,73,.4)}

/* ── footer ── */
.footer{background:#fff;padding:clamp(48px,4.6vw,70px) 0 26px;font-size:14px;color:var(--ink);text-align:center}
.footer__brand{display:inline-block}
.footer__brand img{height:86px;width:auto;margin:0 auto}
.footer__nav{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(22px,3vw,44px);margin-top:34px}
.footer__nav a{position:relative;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding-bottom:4px;transition:color .2s}
.footer__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .3s}
.footer__nav a:hover{color:var(--navy-deep)}
.footer__nav a:hover::after{transform:scaleX(1)}
.footer__contact{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:26px;font-size:14.5px}
.footer__contact a{color:var(--navy-deep);transition:color .2s}
.footer__contact a:first-child{font-size:19px;font-weight:500;color:var(--gold-dark)}
.footer__contact a:hover{color:var(--gold-dark)}
.footer__contact a b{font-weight:600;color:var(--navy-deep)}
.footer__contact span{width:3px;height:3px;border-radius:50%;background:var(--ink);opacity:.35}
.footer__dev{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:32px}
.footer__dev span{font-size:9.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:#8A929A}
.footer__dev img{width:98px;height:auto;opacity:.85}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:44px;padding-top:22px;border-top:1px solid rgba(7,49,63,.1);text-align:left}
.footer__legal{font-size:11.5px;line-height:1.6;color:var(--ink);opacity:.6;max-width:52ch;text-wrap:balance}
.footer__bottom-right{display:flex;align-items:center;gap:22px}
.footer__priv{font-size:11.5px;color:var(--ink);opacity:.7;border-bottom:1px solid rgba(7,49,63,.15);padding-bottom:2px;transition:color .2s,border-color .2s}
.footer__priv:hover{color:var(--gold-dark);border-color:var(--gold);opacity:1}
/* badge klikamy.net na jasnym tle */
.footer__made{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;background:#fff;
  border:1px solid var(--line);border-radius:8px;transition:border-color .3s,transform .4s}
.footer__made:hover{border-color:var(--gold);transform:scale(1.03)}
.footer__made-label{font-size:11.5px;color:var(--ink);opacity:.6}
.footer__made-logo{width:16px;height:16px;display:block;border-radius:3px;flex-shrink:0}
.footer__made-name{font-size:11.5px;font-weight:500;color:var(--navy-deep)}
@media(max-width:720px){
  .footer__bottom{flex-direction:column;align-items:center;text-align:center}
  .footer__brand img{height:70px}
}

}

/* ── polityka prywatności ── */
.legal-hero{padding:170px 0 60px;border-bottom:1px solid var(--line)}
.legal-hero p{margin-top:14px;max-width:560px}
.legal{padding:64px 0 100px}
.legal .wrap{max-width:820px}
.legal article+article{margin-top:52px}
.legal h2{font-family:var(--sans);font-weight:500;font-size:22px;letter-spacing:-.004em;color:var(--navy-deep);display:flex;align-items:baseline;gap:16px;margin-bottom:14px}
.legal h2 span{font-size:16px;color:var(--gold);font-family:var(--sans);font-weight:700;letter-spacing:.05em}
.legal p+p{margin-top:12px}
.legal ul{margin:12px 0 0 20px}
.legal ul li{margin-bottom:8px}
.legal a{color:var(--gold-dark);border-bottom:1px solid rgba(180,134,73,.4)}
.legal .box{background:var(--bg-soft);border:1px solid var(--line);padding:26px 30px;margin-top:16px;font-size:15px}

/* ── responsywność ── */
@media(max-width:1080px){
  .lokale__head{display:none}
  .lrow{grid-template-columns:110px 1fr 1fr;grid-template-rows:auto auto;gap:8px 18px;padding:18px 20px}
  .lrow__thumb{width:110px;grid-row:1/3}
  .lrow__thumb img{height:76px}
  .lrow__cta{grid-column:2/4;justify-content:flex-start}
}
@media(max-width:920px){
  section{padding:64px 0}
  .warto__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:50px}
  .warto__item:nth-child(3n+1)::before{display:block}
  .warto__item:nth-child(-n+3)::after{display:block}
  .warto__item:nth-child(2n+1)::before{display:none}
  .warto__item:nth-child(-n+2)::after{display:none}
  .historia__inw{grid-template-columns:1fr;gap:26px}
  .historia__inw-txt{grid-template-columns:1fr;gap:16px}
  .warto__head p{max-width:520px}
  .historia__grid,.inwestycja .wrap--head,.lokalizacja .wrap--head,.kontakt__grid{grid-template-columns:1fr;gap:40px}
  .historia__fig{aspect-ratio:3/2}
  .typy{grid-template-columns:1fr}
  .lokalizacja__facts{grid-template-columns:1fr;gap:18px;margin-bottom:40px}
  .lmodal{padding:0}
  .lmodal__box{grid-template-columns:1fr;max-height:100svh;height:100svh}
  .lmodal__media{min-height:0;padding:24px;position:static}
  .lmodal__img img{max-height:52svh}
  .lmodal__info{border-left:0;border-top:1px solid var(--line)}
  .form{padding:32px 24px}
  .form__grid{grid-template-columns:1fr}
}
@media(max-width:1080px){
  .lok__grid{grid-template-columns:1fr;gap:8px;padding-right:0}
  .mapa{order:2;height:60vh;min-height:400px;
    -webkit-mask-image:radial-gradient(84% 54% at 50% 50%,#000 0 38%,rgba(0,0,0,0) 94%);
    mask-image:radial-gradient(84% 54% at 50% 50%,#000 0 38%,rgba(0,0,0,0) 94%)}
  .lok__txt{order:1;padding:0 32px}
  .lok__txt{max-width:none}
  .mapa__pin text{font-size:20px}
}
@media(max-width:560px){
  .warto__grid{grid-template-columns:1fr;row-gap:36px}
  .warto__item::before{display:none!important}
  .warto__item:nth-child(-n+2)::after{display:block}
  .warto__item:first-child::after{display:none}
  .warto__item svg{margin-bottom:14px}
  .viewswitch{width:100%}
  .viewswitch button{flex:1;padding:12px 8px}
  .viewswitch--overlay{left:12px;right:12px;top:12px;width:auto}
  .viewswitch--overlay button{padding:9px 4px;font-size:10px;letter-spacing:.04em}
  .lokale__head,.lokale--cena .lokale__head{display:none}
  .lrow,.lokale--cena .lrow{grid-template-columns:1fr auto;gap:8px 14px;padding:16px 18px}
  .lrow__id{grid-column:1/3}
  .lrow__cta{grid-column:1/3;justify-content:flex-start;margin-top:4px}
}

/* tryb screenshot */


/* ── popup callback ── */
.cb{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}
.cb.open{opacity:1;visibility:visible}
.cb__ovl{position:absolute;inset:0;background:rgba(10,25,32,.62)}
.cb__box{position:relative;background:#fff;color:var(--ink);width:min(520px,100%);padding:52px 48px 36px;text-align:center;opacity:0;transform:translateY(26px) scale(.97);transition:opacity .55s cubic-bezier(.2,.7,.2,1) .08s,transform .55s cubic-bezier(.2,.7,.2,1) .08s;box-shadow:0 30px 70px rgba(7,49,63,.22)}
.cb.open .cb__box{opacity:1;transform:none}
.cb__close{position:absolute;top:14px;right:14px;background:none;border:0;color:var(--gold-dark);font-size:24px;line-height:1;cursor:pointer;padding:6px;transition:color .2s}
.cb__close:hover{color:var(--navy-deep)}
.cb__logo{height:54px;margin:0 auto 18px}
.cb.open .cb__logo,.cb.open .cb__box h3,.cb.open .cb__sub,.cb.open .cb__form,.cb.open .cb__alt{animation:cbIn .6s cubic-bezier(.2,.7,.2,1) both}
.cb.open .cb__box h3{animation-delay:.16s}
.cb.open .cb__sub{animation-delay:.24s}
.cb.open .cb__form{animation-delay:.32s}
.cb.open .cb__alt{animation-delay:.4s}
@keyframes cbIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cb__box h3{font-family:var(--sans);font-weight:500;font-size:23px;line-height:1.25;color:var(--navy-deep);letter-spacing:-.004em}
.cb__sub{font-size:14px;color:var(--ink);margin:14px auto 26px;max-width:360px;line-height:1.6}
.cb__form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cb__input{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(7,49,63,.3);padding:0 16px;flex:1;min-width:210px}
.cb__input:focus-within{border-color:var(--gold)}
.cb__input svg{stroke:var(--gold);flex:none}
.cb__input input{border:0;outline:none;font-family:var(--sans);font-size:16px;color:var(--ink);padding:15px 0;width:100%;background:none}
.cb__alt{font-size:13px;margin-top:20px;color:var(--ink)}
.cb__alt a{color:var(--gold-dark);font-weight:600}
.cb__rodo{font-size:11px;line-height:1.6;color:rgba(51,69,78,.55);margin-top:18px}
.cb__rodo a{color:rgba(51,69,78,.75);border-bottom:1px solid rgba(51,69,78,.3)}
.cb__ok{font-size:15px;color:#8FC7A6;margin-top:22px}
@media(max-width:560px){.cb{padding:12px}.cb__box{padding:40px 22px 28px}}

/* ── loader + wejście ── */
.loader{position:fixed;inset:0;z-index:200;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s}
.loader.done{opacity:0;visibility:hidden}
.loader__in{display:flex;flex-direction:column;align-items:center;gap:14px}
.loader__in img{height:62px;animation:loaderFade .8s ease both}
.loader__name{font-family:var(--thin);font-weight:300;font-size:11px;letter-spacing:.55em;text-transform:uppercase;color:var(--navy-deep);padding-left:.55em;animation:loaderFade .8s .1s ease both}
.loader__bar{display:block;width:150px;height:1px;background:rgba(7,49,63,.14);overflow:hidden;margin-top:6px}
.loader__bar i{display:block;height:100%;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;animation:loaderBar 1.4s cubic-bezier(.4,.1,.2,1) forwards}
@keyframes loaderFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes loaderBar{0%{transform:scaleX(0)}60%{transform:scaleX(.7)}100%{transform:scaleX(1)}}

.en{opacity:0;transform:translateY(20px)}
body.ready .en{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
body.ready .nav{animation:navIn .8s .25s ease both}
@keyframes navIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .en{opacity:1;transform:none}
  .loader__bar i{animation:none;transform:scaleX(1)}
  body.ready .nav{animation:none}
}
body.flat .loader{display:none}

@media(max-width:1240px){
  .nav__in{grid-template-columns:1fr auto;gap:16px;padding:12px 24px}
  .nav__loc{order:3;grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}
  .nav__loc-label{display:inline;margin-right:6px}
  .nav__brand img{height:52px}
  .pill--mail{display:none}
}
@media(max-width:720px){
  .nav__actions .pill{display:none}
  .nav__in{padding:12px 18px}
  .hero__head{padding:44px 22px 32px}
  .drawer__panel{padding:52px 30px}
}

@media (prefers-reduced-motion:reduce){.cb,.cb__box{transition:none}.cb.open .cb__logo,.cb.open .cb__box h3,.cb.open .cb__sub,.cb.open .cb__form,.cb.open .cb__alt{animation:none}}

/* ── podstrona apartamentu ── */
.ap-hero{padding:56px 0 44px}
.ap-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);opacity:.7;margin-bottom:26px;transition:color .2s,opacity .2s}
.ap-back svg{stroke:currentColor}
.ap-back:hover{opacity:1;color:var(--gold-dark)}
.ap-hero__grid{display:grid;grid-template-columns:1fr 1.5fr;gap:56px;align-items:end}
.ap-hero__nr{font-family:var(--sans);font-weight:500;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.008em;color:var(--navy-deep);line-height:1.12}
.ap-hero__typ{font-size:14px;color:var(--ink);opacity:.8;margin:8px 0 12px}
.ap-hero__facts{display:grid;grid-template-columns:repeat(5,auto);gap:26px;justify-content:end}
.ap-hero__facts b{display:block;font-family:var(--sans);font-size:22px;font-weight:500;color:var(--navy-deep);line-height:1.1;white-space:nowrap}
.ap-hero__facts span{display:block;margin-top:3px;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);opacity:.6}
.ap-h2{margin-bottom:clamp(30px,3.4vw,46px);max-width:720px}

.ap-top{padding:clamp(28px,2.8vw,44px) 0 clamp(56px,5.6vw,84px)}
.ap-top .phero__crumb{margin-bottom:20px}
.ap-top__grid{display:grid;grid-template-columns:1.9fr .95fr;gap:clamp(30px,3.6vw,58px);align-items:start}
.ap-top__media{position:sticky;top:150px}
.ap-views{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ap-views .tabbtn{background:none;border:1px solid var(--line);border-radius:999px;padding:10px 18px;
  font-family:var(--sans);font-size:12px;font-weight:500;color:var(--navy-deep);cursor:pointer;transition:.2s}
.ap-views .tabbtn:hover{border-color:var(--gold);color:var(--gold-dark)}
.ap-views .tabbtn.active{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}
.ap-panel{display:none}
.ap-panel.active{display:block}
.ap-panel .picker{position:relative;user-select:none}
.ap-panel .picker__stage{position:relative;height:min(clamp(300px,38vw,560px),calc(100svh - 250px));overflow:hidden;border-radius:18px}
.ap-panel .picker__stage img{width:100%;height:100%;object-fit:cover;display:block}
.ap-plan__img{background:var(--bg-soft);border:1px solid var(--line);border-radius:18px;padding:clamp(14px,1.8vw,24px);margin:0}
.ap-plan__img img{display:block;width:100%;max-height:min(clamp(340px,50vw,760px),calc(100svh - 250px));height:auto;object-fit:contain;margin:0 auto}

.ap-top__h{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:.03em;text-transform:uppercase;color:var(--navy-deep)}
.ap-top__typ{margin-top:14px;font-size:15px;color:var(--ink);opacity:.8}
.ap-top__info .status{margin-top:12px}
.ap-top__price{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.ap-top__price b{display:block;font-size:clamp(25px,2.6vw,32px);font-weight:600;letter-spacing:-.02em;color:var(--gold-dark);line-height:1.1}
.ap-top__price span{display:block;margin-top:4px;font-size:12.5px;color:var(--ink);opacity:.7}
.ap-top__rooms{margin-top:22px}

.ap-side__box{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.ap-side__btn{width:100%;border-radius:999px;padding:15px 24px;font-size:12px}
.ap-side__btn svg{stroke:currentColor}
.ap-side__pdf{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:2px;
  font-size:12.5px;color:var(--ink);opacity:.8;transition:color .2s,opacity .2s}
.ap-side__pdf svg{stroke:var(--gold)}
.ap-side__pdf:hover{color:var(--gold-dark);opacity:1}
.ap-side__avail{background:var(--bg-soft);border-radius:16px;padding:20px 22px;margin-top:18px}
.ap-side__dot{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#2E7D4F}
.ap-side__dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#2E7D4F}
.ap-side__avail p{margin-top:10px;font-size:14.5px;line-height:1.6;color:var(--navy-deep)}
.ap-side__avail>a{display:inline-block;margin-top:8px;font-size:15px;font-weight:500;color:var(--gold-dark);
  border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .2s}
.ap-side__avail>a:hover{border-color:var(--gold)}
.ap-side__hours{display:block;margin-top:10px;font-size:12px;color:var(--ink);opacity:.65}

.ap-loc{padding:0 0 clamp(60px,6vw,90px)}
.ap-loc .picker__stage{height:min(56.25vw,calc(100svh - 200px))}

@media(max-width:960px){
  .ap-top__grid{grid-template-columns:1fr}
  .ap-top__media{position:static}
}

.ap-std{background:var(--bg-soft);padding:80px 0}
.ap-std__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 40px}
.ap-std__grid b{display:block;font-size:15px;font-weight:600;color:var(--navy-deep);margin-bottom:6px}
.ap-std__grid p{font-size:14px;line-height:1.65;color:var(--ink);opacity:.85}

.ap-loc{padding:80px 0 0}
.ap-loc .picker__stage{height:min(56.25vw,calc(100svh - 180px))}
.picker__view svg polygon.focus{fill:rgba(180,134,73,.3);stroke:var(--gold);stroke-width:2.6}
.picker__view svg polygon.focus:hover{fill:rgba(180,134,73,.36)}
.ap-list{padding:80px 0}
.lrow.is-current{background:#FBF7EE}
.lrow.is-current::before{background:var(--gold)}
.lrow__here{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark)}
.lmodal__rooms th{text-align:left;padding:14px 0 6px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--navy-deep);border:0}

@media(max-width:1080px){
  .ap-hero__grid,.ap-plan__grid{grid-template-columns:1fr;gap:32px}
  .ap-hero__facts{justify-content:start;grid-template-columns:repeat(3,auto);gap:20px 30px}
  .ap-std__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ap-hero__facts{grid-template-columns:1fr 1fr}
  .ap-std__grid{grid-template-columns:1fr}
}

/* ── galeria ── */
.gal{padding:0 0 72px}
.gal--unit{border-top:1px solid var(--line);padding-top:56px}
.gal__head{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:22px}
.gal__meta{font-size:13.5px;color:var(--ink);opacity:.8;margin-top:6px}
.gal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.gal__grid--wide{grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}
.gal__item{position:relative;display:block;overflow:hidden;background:var(--bg-soft);border:1px solid var(--line);cursor:zoom-in}
.gal__item img{width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.gal__grid--wide .gal__item img{object-fit:cover}
.gal__item:hover img{transform:scale(1.03)}
.gal__item span{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:11.5px;letter-spacing:.06em;color:#fff;background:linear-gradient(to top,rgba(7,49,63,.8),rgba(7,49,63,0));opacity:0;transition:opacity .3s}
.gal__item:hover span{opacity:1}

.lb{position:fixed;inset:0;z-index:140;background:rgba(7,42,54,.94);display:none;align-items:center;justify-content:center;padding:44px}
.lb.open{display:flex}
.lb figure{max-width:1200px;max-height:100%;text-align:center}
.lb img{max-width:100%;max-height:82svh;width:auto;margin:0 auto;object-fit:contain}
.lb figcaption{margin-top:14px;font-size:13px;letter-spacing:.08em;color:rgba(252,247,236,.85)}
.lb__close{position:absolute;top:20px;right:26px;background:none;border:0;font-size:34px;line-height:1;color:#FCF7EC;cursor:pointer;opacity:.8}
.lb__close:hover{opacity:1}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;font-size:52px;line-height:1;color:#FCF7EC;cursor:pointer;opacity:.6;padding:10px 18px}
.lb__nav:hover{opacity:1}
.lb__prev{left:10px}
.lb__next{right:10px}
@media(max-width:720px){
  .gal__grid,.gal__grid--wide{grid-template-columns:1fr}
  .lb{padding:16px}
  .lb__nav{font-size:38px;padding:6px 10px}
}

/* popover z miniaturą rzutu */
.picker__tip{display:none;width:286px;min-width:0;padding:0;overflow:hidden}
.picker__tip.on{display:flex;align-items:stretch}
/* rzuty mają różne proporcje (360x342 do 360x448), więc contain, nigdy cover.
   Bez sztywnej wysokości: obrazek dociąga się do wysokości tekstu, nic się nie ucina. */
.tip__plan{width:112px;min-height:118px;flex:none;object-fit:contain;background:var(--bg-soft);border-right:1px solid var(--line);padding:9px;opacity:0;transition:opacity .16s ease}
.tip__plan.ready{opacity:1}
.tip__txt{padding:12px 15px;display:flex;flex-direction:column;gap:2px;min-width:0}
.tip__typ{font-size:11.5px;color:var(--ink);opacity:.75}
.tip__meta{font-size:12.5px;color:var(--navy-deep);font-weight:500}
.picker__tip .status{margin-top:8px}

.lokale__intro{margin-bottom:38px;text-align:center}
.lokale__intro .sec-title{max-width:760px;margin:0 auto}
.lokale__intro .sec-title{font-size:clamp(27px,3.1vw,38px)}
.lokale__intro .sec-lead{margin:18px auto 0;max-width:600px;font-size:15px;line-height:1.65}

/* ── kroki prezentacji (podstrona kontakt) ── */
.kroki{background:var(--bg-soft)}
.kroki__head{max-width:680px;margin-bottom:clamp(46px,5vw,68px)}
.kroki__list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(36px,4.4vw,72px);row-gap:44px;counter-reset:k}
.kroki__list li{position:relative}
.kroki__list li::before{content:"";position:absolute;left:calc(-1 * clamp(18px,2.2vw,36px));top:6px;bottom:6px;width:1px;
  background:linear-gradient(to bottom,rgba(7,49,63,0),rgba(7,49,63,.13) 20%,rgba(7,49,63,.13) 80%,rgba(7,49,63,0))}
.kroki__list li:first-child::before{display:none}
.kroki__nr{display:block;font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--gold-dark);margin-bottom:16px}
.kroki__list h3{font-family:var(--sans);font-weight:500;font-size:19px;line-height:1.35;color:var(--navy-deep);margin-bottom:10px}
.kroki__list p{font-size:15px;line-height:1.78;color:var(--ink);opacity:.82}
.gal__h{max-width:640px;margin-bottom:30px}
@media(max-width:920px){
  .kroki__list{grid-template-columns:1fr;row-gap:34px}
  .kroki__list li::before{display:none}
}

/* ── lista okolicy: widać cztery pozycje, reszta scrollem wewnątrz ── */
.okolica{margin:30px 0 26px}
.okolica__scroll{max-height:calc(4 * 64px);overflow-y:auto;overscroll-behavior:contain;
  -webkit-mask-image:linear-gradient(to bottom,#000 84%,rgba(0,0,0,.25) 97%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 84%,rgba(0,0,0,.25) 97%,transparent 100%);
  scrollbar-width:thin;scrollbar-color:rgba(7,49,63,.25) transparent}
.okolica__scroll::-webkit-scrollbar{width:4px}
.okolica__scroll::-webkit-scrollbar-thumb{background:rgba(7,49,63,.22);border-radius:4px}
.okolica__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  height:64px;padding-right:6px;border-bottom:1px solid var(--line)}
.okolica__row:last-child{border-bottom:0}
.okolica__ico{display:flex;align-items:center;justify-content:center;width:26px}
.okolica__ico svg{stroke:var(--gold)}
.okolica__name{font-size:15px;font-weight:500;color:var(--navy-deep);line-height:1.3}
.okolica__meta{display:inline-flex;align-items:center;gap:9px}
.okolica__meta svg{stroke:var(--navy-deep);opacity:.5;display:block;flex:none}
.okolica__meta b{font-size:16.5px;font-weight:600;color:var(--navy-deep);white-space:nowrap;min-width:58px;text-align:right}
.okolica__hint{display:block;margin-top:16px;font-size:12px;color:var(--ink);opacity:.6}
@media(max-width:560px){
  .okolica__name{font-size:14px}
  .okolica__row{gap:10px;height:60px}
  .okolica__scroll{max-height:calc(4 * 60px)}
  .okolica__meta b{font-size:15px;min-width:50px}
}

/* nagłówek sekcji z przyciskiem po prawej */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:clamp(46px,5vw,72px)}
.sec-head__cta{flex:none;border-radius:999px;padding:14px 26px;font-size:12px}
.sec-head__cta svg{stroke:currentColor;transition:transform .25s}
.sec-head__cta:hover svg{transform:translateX(4px)}
@media(max-width:720px){.sec-head{gap:26px}.sec-head__cta{width:100%}}

/* nagłówek listy wyśrodkowany sam, ale wyrównany do lewej gdy stoi obok przycisku */
.sec-head .lokale__intro{text-align:left;margin-bottom:0}
.sec-head .lokale__intro .sec-title{margin-left:0;margin-right:0}
.sec-head .lokale__intro .sec-lead{margin-left:0;margin-right:0}

/* nagłówki łamią się równomiernie, bez sierotek w ostatnim wierszu */
h1,h2,h3,.sec-title,.historia__title,.ap-hero__nr,.ap-h2,.typ h3,.kontakt__h,.gal__h{text-wrap:balance}
.sec-lead,.typ__meta,.warto__item p,.lokale__intro .sec-lead{text-wrap:pretty}

/* ── krótkie CTA na podstronach ── */
.cta{padding:0 0 clamp(70px,7vw,110px)}
.cta__box{display:grid;grid-template-columns:1.3fr auto;align-items:center;gap:clamp(26px,4vw,60px);
  background:var(--bg-soft);border:1px solid var(--line);border-radius:22px;padding:clamp(30px,3.4vw,52px) clamp(28px,3.4vw,56px);color:var(--ink)}
.cta__h{font-family:var(--sans);font-weight:500;font-size:clamp(22px,2.4vw,30px);line-height:1.22;letter-spacing:-.01em;color:var(--navy-deep)}
.cta__p{margin-top:10px;font-size:14.5px;line-height:1.7;color:var(--ink);opacity:.85;max-width:52ch}
.cta__actions{display:flex;flex-wrap:wrap;gap:12px}
.cta__actions .btn{border-radius:999px;padding:14px 26px;font-size:12.5px}
.cta__actions .btn--outline{border-color:var(--line);color:var(--navy-deep);background:#fff}
.cta__actions .btn--outline:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.cta__actions .btn svg{stroke:currentColor}
@media(max-width:860px){.cta__box{grid-template-columns:1fr}}

/* ── hero podstron: pasek z tłem, żeby nie mylił się z nagłówkiem sekcji ── */
.phero{position:relative;background:#fff;color:var(--ink);padding:clamp(44px,4.4vw,68px) 0 clamp(30px,3vw,44px)}
.phero .wrap{max-width:900px;text-align:center}
.phero .wrap{position:relative;z-index:2}
.phero .sec-eyebrow{color:var(--gold)}
.phero__h{font-family:var(--sans);font-weight:500;font-size:clamp(28px,3.3vw,42px);line-height:1.15;letter-spacing:-.015em;color:var(--navy-deep);margin-top:12px}
.phero__p{margin:16px auto 0;font-size:15px;line-height:1.7;color:var(--ink);opacity:.85;max-width:60ch}
.phero__crumb{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);opacity:.75;transition:color .2s,opacity .2s}
.phero__crumb svg{stroke:currentColor}
.phero__crumb:hover{color:var(--gold-dark);opacity:1}

/* ── nagłówek zakładki Apartamenty: biel przechodząca w wizualizację ── */
.ahero{padding:clamp(46px,4.6vw,72px) 0 0}
.ahero__head{max-width:900px;margin:0 auto;padding:0 32px;text-align:center}
.ahero__h{font-family:var(--sans);font-weight:500;font-size:clamp(28px,3.3vw,42px);line-height:1.15;letter-spacing:-.015em;color:var(--navy-deep);margin-top:12px}
.ahero__p{margin:16px auto 0;font-size:15px;line-height:1.7;color:var(--ink);max-width:60ch}
.inwestycja--fade{padding-top:0}
.inwestycja--fade .picker__view:first-child .picker__stage::after{content:"";position:absolute;left:0;right:0;top:0;height:22%;z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,.86) 26%,rgba(255,255,255,.42) 62%,rgba(255,255,255,0) 100%)}


/* mapa: mocniejszy kontrast podkładu i warstwa punktów orientacyjnych */
.mapa__fig img{filter:contrast(1.22) saturate(.9) brightness(.99)}
.mapa__road path{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:10 7;opacity:.75}
.mapa__tag rect{fill:var(--navy-deep);opacity:.92}
.mapa__tag text{fill:#FCF7EC;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.06em}
.mapa__poi circle{fill:var(--navy-deep);opacity:.8}
.mapa__poi text{fill:var(--navy-deep);font-family:var(--sans);font-size:14px;font-weight:500;
  paint-order:stroke;stroke:rgba(255,255,255,.92);stroke-width:4px;stroke-linejoin:round}

.lrow__cena b{display:block;font-weight:600;font-size:15px;color:var(--navy-deep)}
.lrow__cena span{display:block;margin-top:1px;font-size:11.5px;color:var(--ink);opacity:.6}
.ap-hero__price b{color:var(--gold)!important}

/* hero apartamentu ma dane po bokach, więc nie centrujemy go jak pozostałe */
.phero:has(.ap-hero__grid) .wrap{max-width:1400px;text-align:left}
.phero__crumb{margin-bottom:18px}

/* ── przejścia między podstronami ──
   Navbar i stopka są identyczne na każdej stronie, więc przy zmianie
   adresu przenikają się zamiast mrugać. Przeglądarki bez wsparcia
   po prostu przeładowują stronę jak dotąd. */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:vtOut .18s ease both}
  ::view-transition-new(root){animation:vtIn .28s ease both}
}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0}}
/* stałe elementy nie biorą udziału w przenikaniu, więc nie mrugają */
.nav{view-transition-name:site-nav}
.footer{view-transition-name:site-footer}
.footer__contact a b{font-weight:600;color:var(--navy-deep)}

/* najechanie wprost na dolny rzut wyciąga piętro na wierzch,
   a poddasze odsuwa wyżej, żeby nic go nie zasłaniało */
.typ__stack:has(.lvl-pietro:hover) .lvl-pietro{z-index:4}
.typ__stack:has(.lvl-pietro:hover) .lvl-poddasze{transform:translateX(-50%) translateY(-30%)}
.typ__stack:has(.lvl-poddasze:hover) .lvl-pietro{transform:translateX(-50%) translateY(30%)}

.kontakt:first-of-type{padding-top:clamp(56px,5vw,86px)}

/* ── podstrona: o inwestycji ── */
.inw-intro{padding:clamp(20px,2vw,34px) 0 clamp(70px,7vw,110px)}
.inw-intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,4.4vw,72px);align-items:center}
.inw-intro__fig{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:18px}
.inw-intro__fig img{width:100%;height:100%;object-fit:cover}
.inw-intro__txt p{font-size:15.5px;line-height:1.8;color:var(--ink)}
.inw-intro__txt p+p{margin-top:16px}
.inw-intro__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 26px;padding-top:24px;border-top:1px solid var(--line)}
.inw-intro__facts b{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--navy-deep);line-height:1.1}
.inw-intro__facts span{display:block;margin-top:5px;font-size:11.5px;color:var(--ink);opacity:.65;line-height:1.4}
.inw-intro__cta{border-radius:999px;padding:14px 26px;font-size:12px}
.inw-intro__cta svg{stroke:currentColor;transition:transform .25s}
.inw-intro__cta:hover svg{transform:translateX(4px)}
@media(max-width:920px){.inw-intro__grid{grid-template-columns:1fr}}
.ap-std__grid svg{stroke:var(--gold);margin-bottom:14px}

/* ── sekcja: przygotowanie na przyszłość (podstrona o inwestycji) ── */
.przyszlosc{background:#fff;padding:clamp(70px,7vw,110px) 0}
.przyszlosc__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4.6vw,76px);align-items:center}
.przyszlosc__list{list-style:none;margin-top:34px;display:grid;gap:22px}
.przyszlosc__list li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.przyszlosc__list svg{stroke:var(--gold);flex:none;margin-top:2px}
.przyszlosc__list b{display:block;font-size:15.5px;font-weight:600;color:var(--navy-deep);margin-bottom:4px}
.przyszlosc__list p{font-size:14.5px;line-height:1.7;color:var(--ink);opacity:.85}
.przyszlosc__fig{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:18px}
.przyszlosc__fig img{width:100%;height:100%;object-fit:cover}
@media(max-width:920px){
  .przyszlosc__grid{grid-template-columns:1fr}
  .przyszlosc__fig{aspect-ratio:3/2;order:-1}
}

/* ── CTA w stopce: złota karta, treść na biało ── */
.fcta{max-width:960px;margin:0 auto clamp(42px,4.2vw,62px)}
.fcta__box{position:relative;overflow:hidden;background:var(--gold);border-radius:22px;padding:clamp(30px,3vw,42px) clamp(24px,3vw,44px);text-align:center}
.fcta__wm{position:absolute;right:-1%;bottom:-16%;width:min(26%,230px);height:auto;opacity:.09;pointer-events:none;user-select:none}
.fcta__box>*:not(.fcta__wm){position:relative;z-index:2}
.fcta__h{font-family:var(--sans);font-weight:500;font-size:clamp(21px,2.2vw,28px);line-height:1.15;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.fcta__p{margin:10px auto 0;max-width:52ch;font-size:14px;line-height:1.65;color:rgba(255,255,255,.9)}
.fcta__form{max-width:600px;margin:22px auto 0}
.fcta__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fcta__form input[type=tel],.fcta__form input[type=email]{width:100%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.45);border-radius:999px;
  padding:13px 22px;font-family:var(--sans);font-size:14px;color:#fff;text-align:center;
  transition:background .25s,border-color .25s}
.fcta__form input::placeholder{color:rgba(255,255,255,.75)}
.fcta__form input:hover{border-color:rgba(255,255,255,.7)}
.fcta__form input:focus{outline:none;background:rgba(255,255,255,.2);border-color:#fff}
.fcta__consent{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:18px;text-align:left}
.fcta__consent input{appearance:none;-webkit-appearance:none;margin-top:2px;width:19px;height:19px;flex:none;cursor:pointer;
  border:1px solid rgba(255,255,255,.6);border-radius:5px;background:rgba(255,255,255,.12);transition:background .2s,border-color .2s}
.fcta__consent input:hover{border-color:#fff}
.fcta__consent input:checked{background:#fff;border-color:#fff}
.fcta__consent input:checked::after{content:"";display:block;width:5px;height:9px;margin:2px auto 0;
  border:2px solid var(--gold-dark);border-top:0;border-left:0;transform:rotate(43deg)}
.fcta__consent input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fcta__consent span{font-size:12px;line-height:1.6;color:rgba(255,255,255,.85)}
.fcta__consent a{color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}
.fcta__btn{margin-top:18px;border-radius:999px;padding:13px 30px;font-size:12px;background:#fff;color:var(--navy-deep)}
.fcta__btn:hover{background:var(--navy-deep);color:#fff}
.fcta__status{margin-top:12px;font-size:13.5px;min-height:20px;color:#fff}
.fcta__status.ok{color:#fff;font-weight:500}
.fcta__status.err{color:#FFE3E0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:640px){.fcta__fields{grid-template-columns:1fr}}

/* na podstronie apartamentu: normalny oddech pod atutami, wizualizacja bez własnego odstępu u góry */
.ap-top ~ .warto{padding-bottom:clamp(70px,7vw,110px)}
.warto + .ap-loc{padding-top:0}

/* ── specyfikacja apartamentu: zwykła tabela na pełną szerokość ── */
.ap-spec{padding:0 0 clamp(60px,6vw,90px)}
.spec{width:100%;border-top:1px solid var(--line)}
.spec__row{display:grid;grid-template-columns:minmax(220px,.5fr) 1fr;gap:24px;
  padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.spec dt{color:var(--ink);opacity:.7}
.spec dd{color:var(--navy-deep);font-weight:500}
@media(max-width:640px){.spec__row{grid-template-columns:1fr;gap:3px}}

/* specyfikacja w prawej kolumnie, pod boksem kontaktowym */
.ap-side__spec{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.ap-side__spech{font-family:var(--sans);font-weight:500;font-size:17px;letter-spacing:-.01em;color:var(--navy-deep);margin-bottom:12px}
.ap-side__spec .spec__row{grid-template-columns:minmax(130px,.75fr) 1fr;gap:16px;padding:10px 0;font-size:13.5px}
.ap-side__spec .spec{border-top:0}

/* hero: hasło z akcentem */
.hero h1 em{font-style:normal;color:var(--gold)}
.hero__head{padding-top:clamp(56px,6vw,96px)}

/* niewybrane budynki tracą kolor, żeby aktywny był wyraźny */
.picker__view img{transition:filter .5s ease,opacity .5s ease}
.picker__view.is-dim img{opacity:.75}
.picker__view.is-dim .picker__label{opacity:.5}

/* ── propozycje podświetlania mieszkań (strona testowa) ── */
.prop-nav{display:flex;justify-content:center;gap:10px;margin-top:22px}
.prop-nav .btn{border-radius:999px;padding:12px 24px;font-size:12px}
.picker__view .picker__stage>picture img{transition:filter .4s ease}
.hl-cut{display:none}
/* jeden efekt na wszystkich wizualizacjach: obramowanie + nakladka z opacity.
   Zadnych filtrow na zdjeciu, klient chcial to uproscic. */
.picker__view .picker__stage>picture img{filter:none}
.hl-1 .picker__view.is-hl .picker__stage>picture img{filter:grayscale(1) contrast(1.03)}
.hl-1 svg polygon:hover{fill:rgba(180,134,73,.16);stroke:var(--gold);stroke-width:2.6}

/* wariant 2: tło rozmyte i przyciemnione, wybrane mieszkanie ostre */
.hl-2 .picker__view.is-hl .picker__stage>picture img{filter:blur(5px) brightness(.85)}
/* na podstronie lokalu podswietlenie wchodzi od razu; panel bywa jeszcze ukryty,
   a transition wystartowane w display:none zostaje zamrozone na zerze */
.picker__view[data-focus] .picker__stage>picture img{transition:none}
.hl-2 svg polygon:hover{fill:transparent;stroke:#fff;stroke-width:3}

/* wariant 3: granatowa zasłona, mieszkanie wycięte i rozjaśnione */
.hl-3 .picker__view.is-hl .picker__stage>picture img{filter:brightness(.45) saturate(.5)}
.hl-3 svg polygon:hover{fill:transparent;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 14px rgba(255,255,255,.8))}
.hl-3 .picker__view.is-hl .hl-cut{filter:brightness(1.06)}

.prop-top{padding:clamp(26px,2.6vw,40px) 0 clamp(18px,2vw,28px)}
.prop-top .prop-nav{margin-top:0}

/* ── Dobrze, że jest HOMEA ─────────────────────────────────────────────── */
.pomoc{padding:0 0 clamp(56px,6vw,96px)}
.pomoc__grid{display:grid;grid-template-columns:1.05fr .85fr;gap:clamp(30px,4vw,68px);align-items:start}
.pomoc__txt p{font-size:16px;line-height:1.8;color:var(--ink)}
.pomoc__txt p + p{margin-top:20px}
.pomoc__punch{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);
  font-size:17px;line-height:1.7;color:var(--navy-deep);font-weight:500}
.pomoc__sign{margin-top:30px}
.pomoc__sign img{height:15px;width:auto;opacity:.5}
.pomoc__fig{margin:0;border-radius:20px;overflow:hidden;background:var(--bg-soft);aspect-ratio:4/5}
.pomoc__fig img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:920px){
  .pomoc__grid{grid-template-columns:1fr;gap:28px}
  .pomoc__fig{order:-1;aspect-ratio:3/2}
  .pomoc__txt p{font-size:15px}
}

/* ── Niskie ekrany (male laptopy, np. 1366x768) ────────────────────────────
   Wysokosc okna, nie szerokosc, decyduje o tym ile sie miesci. Skalujemy
   odstepy i naglowki, zeby sekcja miescila sie bez scrollowania. */
@media (min-width:900px) and (max-height:860px){
  section{padding:clamp(44px,5vw,64px) 0}
  .hero__head{padding-top:clamp(38px,4.4vw,58px);padding-bottom:6px}
  .hero__img{margin-top:-60px}
  .sec-title,.warto__head .sec-title{font-size:clamp(26px,2.9vw,34px)}
  .historia__title{font-size:clamp(25px,2.7vw,32px);margin-bottom:20px}
  .historia__years span{font-size:clamp(40px,4.4vw,54px)}
  .historia__sign{margin-top:26px}
  .phero{padding:clamp(30px,3.4vw,44px) 0 clamp(20px,2.4vw,30px)}
  .phero__h,.ahero__h{font-size:clamp(25px,2.8vw,34px)}
  .typ__stack{min-height:clamp(250px,23vw,320px)}
  .typ__stack img{max-height:clamp(180px,17vw,240px)}
  .ap-top__h{font-size:clamp(25px,2.5vw,33px)}
  .ap-top__media{top:120px}
  .cta__box{padding:clamp(28px,3vw,44px)}
}
@media (min-width:900px) and (max-height:740px){
  section{padding:clamp(34px,4vw,50px) 0}
  .sec-title,.warto__head .sec-title{font-size:clamp(24px,2.6vw,30px)}
  .sec-lead,.pomoc__txt p{font-size:14.5px}
  .lokale__row,.lokale__head{font-size:13.5px}
  .hero h1{font-size:clamp(22px,2.4vw,31px)}
}