/* HOMEFolio — wycinki segmentów (demo/krasickiego/seg-*.html).
   Ramka na stronie „Możliwości” ma wysokość treści, więc wysokości liczone od ekranu (vh/svh) zastępujemy stałymi —
   inaczej segment rósłby razem z ramką. */
html.hfseg,html.hfseg body{min-height:0;height:auto;overflow:hidden}
html.hfseg body{padding:0!important;margin:0!important}
html.hfseg #hf-demo-badge,html.hfseg .hf-agency{display:none!important}
html.hfseg [data-seg-off]{display:none!important}
/* tryb kafelka (bento): karta z szablonu leży na tle strony HOMEFolio, przodkowie bez układu, tła i odstępów */
html.hfseg[data-card],html.hfseg[data-card] body{background:transparent!important}
html.hfseg[data-card] .hfseg-anc{display:block!important;position:static!important;padding:0!important;margin:0!important;border:0!important;
  background:none!important;box-shadow:none!important;min-height:0!important;height:auto!important;max-width:none!important;width:auto!important;transform:none!important}
html.hfseg[data-card] .hfseg-anc::before,html.hfseg[data-card] .hfseg-anc::after{display:none!important}
html.hfseg[data-card] .rv{opacity:1!important;transform:none!important}

/* 2027 · rzut (#dane): plan obok listy pomieszczeń, lista przewija się w swoim polu */
html[data-seg=dane] #dane{padding-top:40px;padding-bottom:36px;margin:0}
html[data-seg=dane] .planbox svg{max-height:560px}
html[data-seg=dane] .plancol{position:static}
html[data-seg=dane] .rooms{max-height:760px;overflow:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin}
@media (max-width:1000px){
  html[data-seg=dane] .planbox svg{max-height:440px}
  html[data-seg=dane] .rooms{max-height:620px;margin-top:20px}
}

/* 2027 · spacer (#spacer) */
html[data-seg=spacer] #spacer{padding-top:40px;padding-bottom:40px;margin:0}
html[data-seg=spacer] .stage,html[data-seg=spacer] .t-ctl{width:min(100%,1040px)}

/* Światło · mapa (#mapa) */
html[data-seg=mapa] #mapa{padding-top:36px;padding-bottom:36px;margin:0}
html[data-seg=mapa] .map-shell{height:720px;min-height:0}
@media (max-width:860px){
  html[data-seg=mapa] .map-shell{height:auto}
  html[data-seg=mapa] .map{height:420px;min-height:0}
}

/* Zmierzch · kolor ścian (#kolor) */
html[data-seg=kolor] #kolor{margin:0}
html[data-seg=kolor] .ba{height:clamp(380px,56vw,720px);min-height:0}

/* tryb okna z własnym przewijaniem: dokument ramki się przewija, sticky działa natywnie */
html.hfseg[data-scroll]{overflow-y:auto;height:auto}
html.hfseg[data-scroll] body{overflow:visible}
/* Zmierzch · pokój po pokoju z modelem 3D (#mieszkanie): bez paska marki szablonu, więc --topH = 0 */
html[data-seg=mieszkanie]{--topH:0px;scroll-padding-top:0}
html[data-seg=mieszkanie] #mieszkanie{padding:20px var(--g) 40px;margin:0 auto}
html[data-seg=mieszkanie] .story-rh{margin-bottom:14px}

/* Noir · możliwości (#mozliwosci): style umeblowania z suwakiem puste/umeblowane. Nagłówek szablonu pomijamy — tytuł i opis są na stronie nadrzędnej. */
html[data-seg=mozliwosci] #mozliwosci{padding-top:36px;padding-bottom:40px;margin:0;border-top:0}
html[data-seg=mozliwosci] .pos-h{display:none}
html[data-seg=mozliwosci] .pos-list{max-height:640px}