/* ============================================================
   Dr Ika Pankowska — Medycyna estetyczna i długowieczność
   Design system: warm ivory · soft beige · sage · rose gold
   Type: Cormorant Garamond (display) · Jost (labels) · Mulish (body)
   ============================================================ */

:root{
  /* surfaces — warm, low-chroma */
  --ivory:        #FAF6EF;
  --ivory-2:      #F5EEE3;
  --cream:        #F0E7D8;
  --sand:         #E7D9C4;

  /* ink */
  --ink:          #2A2520;
  --ink-soft:     #5C5448;
  --ink-faint:    #8C8275;

  /* sage */
  --sage:         #7C8A70;
  --sage-soft:    #9BA890;
  --sage-pale:    #E6EADD;
  --sage-deep:    #434B3A;

  /* rose gold */
  --rose:         #C09A7E;
  --rose-deep:    #A87A5C;
  --rose-pale:    #EFE0D3;
  --gold-line:    #CBB096;

  --line:         rgba(42,37,32,0.13);
  --line-soft:    rgba(42,37,32,0.07);

  --maxw: 1240px;
  --gutter: clamp(22px, 5vw, 80px);

  --ff-display: "Cormorant Garamond", Georgia, serif;
  --ff-label:   "Jost", system-ui, sans-serif;
  --ff-body:    "Mulish", system-ui, sans-serif;

  --shadow-soft: 0 24px 60px -28px rgba(42,37,32,0.30);
  --shadow-card: 0 18px 44px -26px rgba(42,37,32,0.26);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  font-family:var(--ff-body);
  color:var(--ink);
  background:var(--ivory);
  line-height:1.65;
  font-size:17px;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; cursor:pointer; }

/* ---------- type primitives ---------- */
.eyebrow{
  font-family:var(--ff-label);
  text-transform:uppercase;
  letter-spacing:0.32em;
  font-size:12px;
  font-weight:500;
  color:var(--rose-ink);
  display:inline-flex;
  align-items:center;
  gap:0.85em;
}
.eyebrow::before{
  content:"";
  width:34px; height:1px;
  background:var(--gold-line);
  display:inline-block;
}
.eyebrow.center{ justify-content:center; }
.eyebrow.center::after{
  content:""; width:34px; height:1px; background:var(--gold-line); display:inline-block;
}

h1,h2,h3{ font-family:var(--ff-display); font-weight:500; line-height:1.04; letter-spacing:-0.01em; color:var(--ink); }
.display{
  font-size:clamp(2.7rem, 6.4vw, 5.1rem);
  font-weight:500;
}
.h2{
  font-size:clamp(2rem, 4.4vw, 3.4rem);
  font-weight:500;
  line-height:1.06;
}
.h3{
  font-size:clamp(1.45rem, 2.4vw, 1.95rem);
  font-weight:500;
}
.lead{
  font-size:clamp(1.05rem, 1.5vw, 1.2rem);
  color:var(--ink-soft);
  line-height:1.7;
  text-wrap:pretty;
}
em, .it{ font-style:italic; }

.section{ padding:clamp(72px, 11vh, 140px) 0; position:relative; }
.wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 var(--gutter); }

.section-head{ max-width:640px; }
.section-head.center{ margin:0 auto; text-align:center; }
.section-head .h2{ margin-top:22px; }
.section-head .lead{ margin-top:20px; }

/* ---------- buttons ---------- */
.btn{
  font-family:var(--ff-label);
  text-transform:uppercase;
  letter-spacing:0.16em;
  font-size:12.5px;
  font-weight:500;
  padding:1.15em 2.1em;
  border:1px solid transparent;
  border-radius:2px;
  display:inline-flex;
  align-items:center;
  gap:0.7em;
  transition:all .4s var(--ease);
  white-space:nowrap;
}
.btn-primary{
  background:var(--ink);
  color:var(--ivory);
}
.btn-primary:hover{ background:var(--rose-deep); }
.btn-rose{ background:var(--rose); color:#fff; }
.btn-rose:hover{ background:var(--rose-deep); }
.btn-ghost{
  background:transparent;
  color:var(--ink);
  border-color:var(--line);
}
.btn-ghost:hover{ border-color:var(--ink); }
.btn-light{ background:#fff; color:var(--ink); }
.btn-light:hover{ background:var(--rose-pale); }
.btn-on-dark{ border-color:rgba(255,255,255,.4); color:#fff; }
.btn-on-dark:hover{ background:#fff; color:var(--sage-deep); border-color:#fff; }

.link-underline{
  font-family:var(--ff-label);
  text-transform:uppercase;
  letter-spacing:0.18em;
  font-size:12px;
  font-weight:500;
  padding-bottom:4px;
  border-bottom:1px solid var(--gold-line);
  transition:color .3s, border-color .3s;
}
.link-underline:hover{ color:var(--rose-ink); border-color:var(--rose-deep); }

/* ---------- top utility bar ---------- */
.topbar{
  background:var(--sage-deep);
  color:rgba(255,255,255,.86);
  font-family:var(--ff-label);
  font-size:11.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
}
.topbar .wrap{ display:flex; justify-content:space-between; align-items:center; min-height:40px; gap:18px; white-space:nowrap; }
.topbar a{ transition:color .3s; }
.topbar a:hover{ color:#fff; }
.topbar .tb-right{ display:flex; gap:26px; align-items:center; }
.topbar .tb-left{ display:flex; gap:10px; align-items:center; opacity:.9; }
.topbar .tb-left span{ display:inline-flex; align-items:center; gap:.6em; }
.topbar .tb-left span::before{ content:"✦"; color:var(--gold-line); }
@media (max-width:720px){ .topbar .tb-left{ display:none; } .topbar .wrap{ justify-content:center; } }

/* ---------- header ---------- */
.header{
  position:sticky; top:0; z-index:60;
  background:rgba(250,246,239,0.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
  transition:box-shadow .4s, background .4s;
}
.header.scrolled{ box-shadow:0 10px 40px -24px rgba(42,37,32,.4); background:rgba(250,246,239,0.94); }
.header .wrap{ display:flex; align-items:center; justify-content:space-between; min-height:84px; gap:24px; }
.brand{ display:flex; align-items:center; gap:14px; }
.brand img{ height:46px; width:auto; }
.brand .brand-txt{ display:flex; flex-direction:column; line-height:1; }
.brand .brand-name{ font-family:var(--ff-display); font-size:21px; letter-spacing:.04em; font-weight:600; }
.brand .brand-sub{ font-family:var(--ff-label); font-size:9.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--ink-faint); margin-top:5px; white-space:nowrap; }
.brand .brand-name{ white-space:nowrap; }

.nav{ display:flex; align-items:center; gap:clamp(18px,2.4vw,40px); }
.nav a{
  font-family:var(--ff-label);
  text-transform:uppercase;
  letter-spacing:0.16em;
  font-size:12.5px;
  font-weight:400;
  color:var(--ink-soft);
  position:relative;
  padding:6px 0;
  white-space:nowrap;
  transition:color .3s;
}
.nav a::after{
  content:""; position:absolute; left:0; bottom:0; width:0; height:1px;
  background:var(--rose-deep); transition:width .35s var(--ease);
}
.nav a:hover{ color:var(--ink); }
.nav a:hover::after{ width:100%; }

.header-cta{ display:flex; align-items:center; gap:14px; }
.burger{ display:none; background:none; border:none; width:42px; height:42px; flex-direction:column; gap:5px; justify-content:center; align-items:center; }
.burger span{ width:24px; height:1.5px; background:var(--ink); transition:.3s; }

@media (max-width:1040px){
  .nav, .header-cta .btn{ display:none; }
  .burger{ display:flex; }
}

/* mobile drawer */
.drawer{
  position:fixed; inset:0; z-index:80;
  background:var(--ivory);
  transform:translateX(100%);
  transition:transform .5s var(--ease);
  display:flex; flex-direction:column;
  padding:28px var(--gutter) 48px;
}
.drawer.open{ transform:translateX(0); }
.drawer{ visibility:hidden; transition:transform .5s var(--ease), visibility 0s linear .5s; }
.drawer.open{ visibility:visible; transition:transform .5s var(--ease), visibility 0s; }
.drawer-top{ display:flex; justify-content:space-between; align-items:center; }
.drawer-close{ background:none; border:none; font-size:30px; color:var(--ink); line-height:1; }
.drawer nav{ display:flex; flex-direction:column; gap:6px; margin-top:42px; }
.drawer nav a{
  font-family:var(--ff-display); font-size:2rem; color:var(--ink);
  padding:10px 0; border-bottom:1px solid var(--line-soft);
}
.drawer .drawer-actions{ margin-top:auto; display:flex; flex-direction:column; gap:14px; }

/* ---------- hero ---------- */
.hero{ position:relative; background:linear-gradient(180deg,var(--ivory) 0%, var(--ivory-2) 100%); overflow:hidden; }
.hero .wrap{
  display:grid; grid-template-columns:1.05fr 0.95fr; gap:clamp(30px,5vw,72px);
  align-items:center;
  padding-top:clamp(48px,7vh,90px); padding-bottom:clamp(48px,7vh,90px);
}
.hero-copy{ max-width:600px; }
.hero .display{ margin-top:26px; }
.hero .display .it{ color:var(--rose-ink); }
.hero-sub{ margin-top:26px; font-size:clamp(1.02rem,1.4vw,1.18rem); color:var(--ink-soft); line-height:1.7; max-width:480px; }
.hero-sub .dot{ color:var(--rose); margin:0 .5em; }
.hero-actions{ margin-top:38px; display:flex; flex-wrap:wrap; gap:14px; align-items:center; }

.hero-stats{ margin-top:46px; display:flex; gap:clamp(20px,3vw,44px); flex-wrap:wrap; }
.hstat .n{ font-family:var(--ff-display); font-size:2.5rem; line-height:1; color:var(--ink); }
.hstat .n span{ color:var(--rose-ink); }
.hstat .n span[data-since]{ color:inherit; }
.hstat .l{ font-family:var(--ff-label); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-faint); margin-top:9px; }

/* hero portrait */
.hero-figure{ position:relative; justify-self:center; }
.hero-portrait{
  position:relative; z-index:2;
  width:clamp(280px, 34vw, 440px);
  aspect-ratio:275/511;
  border-radius:220px 220px 16px 16px;
  overflow:hidden;
  background:linear-gradient(180deg, var(--sage-pale), var(--cream));
}
.hero-portrait img{ width:100%; height:100%; object-fit:cover; object-position:50% 22%; }
.hero-figure::before{
  content:""; position:absolute; z-index:1;
  width:clamp(280px,34vw,440px); aspect-ratio:1;
  background:var(--sage-pale);
  border-radius:50%;
  left:50%; top:42%; transform:translate(-50%,-50%) scale(1.18);
  filter:blur(0px);
}
.hero-badge{
  position:absolute; z-index:3; right:-6px; bottom:42px;
  background:#fff; border-radius:4px; padding:16px 20px;
  box-shadow:var(--shadow-card);
  max-width:190px;
  display:flex; flex-direction:column; gap:4px;
}
.hero-badge .t{ font-family:var(--ff-display); font-size:1.55rem; line-height:1; }
.hero-badge .t span{ color:var(--rose-ink); }
.hero-badge .s{ font-family:var(--ff-label); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-faint); line-height:1.4; }

@media (max-width:880px){
  .hero .wrap{ grid-template-columns:1fr; text-align:center; }
  .hero-copy{ max-width:none; }
  .eyebrow{ justify-content:center; }
  .hero-sub{ margin-left:auto; margin-right:auto; }
  .hero-actions, .hero-stats{ justify-content:center; }
  .hero-figure{ order:-1; margin-bottom:18px; }
}


/* ---------- about ---------- */
.about{ background:var(--ivory); }
.about .wrap{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:clamp(36px,5vw,80px); align-items:center; }
.about-figure{ position:relative; }
.about-figure .frame{
  position:relative; border-radius:8px; overflow:hidden; background:var(--cream);
  aspect-ratio:4/5; box-shadow:var(--shadow-soft);
}
.about-figure .frame img{ width:100%; height:100%; object-fit:cover; object-position:60% 22%; }
.about-figure .tag{
  position:absolute; left:-18px; bottom:36px; z-index:3;
  background:var(--sage-deep); color:#fff; padding:18px 22px; border-radius:4px;
  font-family:var(--ff-display); font-size:1.3rem; line-height:1.2; max-width:200px;
}
.about-figure .deco{ position:absolute; inset:auto -22px -22px auto; width:140px; height:140px; border:1px solid var(--gold-line); border-radius:4px; z-index:-0; }
.about-copy p{ margin-top:20px; color:var(--ink-soft); }
.about-copy p:first-of-type{ margin-top:26px; }

.about-sign{ margin-top:30px; font-family:var(--ff-display); font-style:italic; font-size:1.9rem; color:var(--rose-ink); }
.about-sign .role{ display:block; font-family:var(--ff-label); font-style:normal; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--ink-faint); margin-top:6px; }
@media (max-width:860px){ .about .wrap{ grid-template-columns:1fr; } .about-figure{ max-width:440px; margin:0 auto; } }

/* ---------- why / reasons ---------- */
.why{ background:var(--ivory-2); }
.why-grid{ margin-top:56px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.reason{ background:var(--ivory); padding:clamp(28px,3vw,42px); display:flex; flex-direction:column; gap:14px; transition:background .4s; }
.reason:hover{ background:#fff; }
.reason .num{ font-family:var(--ff-display); font-size:1.5rem; color:var(--rose); }
.reason h3{ font-size:1.4rem; }
.reason p{ color:var(--ink-soft); font-size:15.5px; line-height:1.6; }
@media (max-width:880px){ .why-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .why-grid{ grid-template-columns:1fr; } }

/* ---------- treatments ---------- */
.treat{ background:var(--ivory); }
.treat-grid{ margin-top:56px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2vw,28px); }
.tcard{
  position:relative; background:var(--ivory-2); border:1px solid var(--line-soft);
  border-radius:10px; padding:clamp(30px,3vw,46px); overflow:hidden;
  transition:transform .5s var(--ease), box-shadow .5s var(--ease), background .5s;
}
.tcard:hover{ transform:translateY(-4px); box-shadow:var(--shadow-card); background:#fff; }
.tcard .letter{
  font-family:var(--ff-display); font-size:4.5rem; line-height:.8; color:var(--sand);
  position:absolute; top:18px; right:26px; transition:color .5s;
}
.tcard:hover .letter{ color:var(--rose-pale); }
.tcard h3{ font-size:1.65rem; max-width:80%; }
.tcard p{ margin-top:16px; color:var(--ink-soft); font-size:15.5px; line-height:1.62; }
.tcard .tlist{ margin-top:20px; display:flex; flex-wrap:wrap; gap:8px; }
.tcard .chip{
  font-family:var(--ff-label); font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  padding:7px 13px; border:1px solid var(--line); border-radius:40px; color:var(--ink-soft);
}
.tcard .tfoot{ margin-top:24px; }
.tcard.wide{ grid-column:1/-1; }
.tcard.wide h3{ max-width:none; }
.tcard.wide p{ max-width:640px; }
.tcard.wide .letter{ font-size:6rem; }
@media (max-width:720px){ .treat-grid{ grid-template-columns:1fr; } }

/* featured preparat banner */
.treat-banner{
  margin-top:clamp(20px,2.4vw,30px);
  display:grid; grid-template-columns:1.45fr 1fr; gap:clamp(26px,4vw,60px);
  align-items:center; position:relative; overflow:hidden;
  background:linear-gradient(118deg, var(--rose-pale) 0%, var(--cream) 78%);
  border:1px solid var(--gold-line); border-radius:14px;
  padding:clamp(30px,4vw,52px);
}
.treat-banner::after{
  content:""; position:absolute; right:-80px; top:-80px; width:260px; height:260px;
  border:1px solid var(--gold-line); border-radius:50%; opacity:.5; pointer-events:none;
}
.tb-badge{
  display:inline-flex; align-items:center; gap:.6em;
  font-family:var(--ff-label); font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:#fff; background:var(--rose-deep); padding:7px 14px; border-radius:40px;
}
.treat-banner h3{ font-size:clamp(2rem,3.4vw,2.9rem); margin-top:18px; }
.treat-banner h3 sup{ font-size:.4em; vertical-align:super; color:var(--rose-ink); }
.treat-banner > div > p{ margin-top:14px; color:var(--ink-soft); max-width:520px; }
.treat-banner .tb-cta{ margin-top:26px; }
.tb-benefits{ display:flex; flex-direction:column; gap:16px; position:relative; z-index:1; }
.tb-benefit{ display:flex; gap:14px; align-items:flex-start; }
.tb-benefit .bdot{ width:26px; height:26px; border-radius:50%; border:1px solid var(--rose); color:var(--rose-ink); display:grid; place-items:center; flex-shrink:0; font-family:var(--ff-display); font-size:.95rem; margin-top:2px; }
.tb-benefit p{ font-size:15.5px; color:var(--ink); line-height:1.45; }
@media (max-width:720px){ .treat-banner{ grid-template-columns:1fr; } }

/* ---------- gallery / efekty ---------- */
.efekty{ background:var(--sage-deep); color:var(--ivory); }
.efekty .eyebrow{ color:var(--gold-line); }
.efekty .eyebrow::before, .efekty .eyebrow::after{ background:rgba(255,255,255,.4); }
.efekty .h2{ color:#fff; }
.efekty .lead{ color:rgba(255,255,255,.78); }
.gal-grid{
  margin-top:60px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2vw,30px); align-items:start;
}
.ba-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:14px; }
.ba-card.tall{ grid-row:span 1; }
.ba-pair{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ba-slot{ position:relative; width:100%; }
.ba-slot image-slot{ width:100%; display:block; }
.ba-slot img{ width:100%; aspect-ratio:4/3; display:block; border-radius:8px; object-fit:cover; }
.ba-label{
  position:absolute; top:10px; left:10px; z-index:5;
  font-family:var(--ff-label); font-size:9.5px; letter-spacing:.18em; text-transform:uppercase;
  background:rgba(0,0,0,.55); color:#fff; padding:5px 10px; border-radius:30px; backdrop-filter:blur(4px);
  pointer-events:none;
}
.ba-label.po{ background:var(--rose-deep); }
.ba-card .cap{ margin-top:12px; font-family:var(--ff-label); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.6); padding:0 4px 4px; }
.gal-note{ margin-top:36px; text-align:center; font-size:14px; color:rgba(255,255,255,.6); font-style:italic; font-family:var(--ff-display); }
@media (max-width:600px){ .gal-grid{ grid-template-columns:minmax(0,1fr); } }

/* ---------- jalupro / szkolenia band ---------- */
.szk{ background:var(--cream); position:relative; overflow:hidden; }
.szk .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,5vw,80px); align-items:center; }
.szk-copy p{ color:var(--ink-soft); margin-top:18px; }
.szk-stats{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.szk-stat{ background:var(--ivory); border:1px solid var(--line-soft); border-radius:10px; padding:30px 28px; }
.szk-stat .n{ font-family:var(--ff-display); font-size:3.4rem; line-height:.9; color:var(--rose-ink); }
.szk-stat .l{ font-family:var(--ff-label); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft); margin-top:14px; line-height:1.5; }
.szk-stat.dark{ background:var(--sage-deep); color:#fff; }
.szk-stat.dark .n{ color:#fff; }
.szk-stat.dark .l{ color:rgba(255,255,255,.8); }
.szk-jalupro{ font-family:var(--ff-display); font-style:italic; }
@media (max-width:860px){ .szk .wrap{ grid-template-columns:1fr; } }

/* ---------- cennik ---------- */
.cennik{ background:var(--ivory); }
.price-groups{ margin-top:56px; display:flex; flex-direction:column; gap:14px; }
.pgroup{ border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--ivory-2); }
.pgroup-head{
  width:100%; display:flex; align-items:center; gap:20px; text-align:left;
  padding:clamp(22px,2.4vw,32px) clamp(22px,3vw,40px); background:transparent; border:none;
  transition:background .3s;
}
.pgroup-head:hover{ background:rgba(255,255,255,.5); }
.pgroup-head .pg-letter{ font-family:var(--ff-display); font-size:2.2rem; color:var(--rose); line-height:1; min-width:38px; }
.pgroup-head .pg-tt{ flex:1; }
.pgroup-head .pg-tt h3{ font-size:1.4rem; }
.pgroup-head .pg-tt p{ font-size:14px; color:var(--ink-faint); margin-top:4px; }
.pgroup-head .pg-toggle{ font-family:var(--ff-display); font-size:1.8rem; color:var(--ink-soft); transition:transform .4s var(--ease); }
.pgroup.open .pg-toggle{ transform:rotate(45deg); }
.pgroup-body{ max-height:0; overflow:hidden; transition:max-height .55s var(--ease); }
.pgroup.open .pgroup-body{ max-height:1400px; }
.pgroup-inner{ padding:0 clamp(22px,3vw,40px) clamp(16px,2vw,28px); }
.price-row{ display:flex; align-items:baseline; gap:14px; padding:14px 0; border-top:1px solid var(--line-soft); }
.price-row .pr-name{ flex:1; font-size:15.5px; color:var(--ink); }
.price-row .pr-dots{ flex:1; border-bottom:1px dotted var(--line); transform:translateY(-4px); min-width:20px; }
.price-row .pr-price{ font-family:var(--ff-label); font-weight:500; font-size:15px; letter-spacing:.02em; color:var(--rose-ink); white-space:nowrap; }
.cennik-foot{ margin-top:28px; font-size:14px; color:var(--ink-faint); font-style:italic; }
@media (max-width:560px){ .price-row{ flex-wrap:wrap; gap:4px; } .price-row .pr-dots{ display:none; } .price-row .pr-price{ width:100%; } }

/* ---------- contact ---------- */
.kontakt{ background:var(--ivory-2); }
.kontakt .wrap{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:clamp(40px,5vw,80px); align-items:start; }
.kontakt-info .lead{ margin-top:22px; }
.kontakt-channels{ margin-top:38px; display:flex; flex-direction:column; gap:20px; }
.kch{ display:flex; gap:16px; align-items:flex-start; }
.kch .kic{ width:44px; height:44px; border-radius:50%; border:1px solid var(--gold-line); display:grid; place-items:center; flex-shrink:0; color:var(--rose-ink); }
.kch .kic svg{ width:20px; height:20px; }
.kch .kt{ font-family:var(--ff-label); font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-faint); }
.kch .kv{ font-size:1.15rem; color:var(--ink); margin-top:3px; font-family:var(--ff-display); }
.kch a.kv:hover{ color:var(--rose-ink); }
.wa-btn{ margin-top:30px; background:#25D366; color:#fff; }
.wa-btn:hover{ background:#1da851; }

.form{ background:var(--ivory); border:1px solid var(--line-soft); border-radius:12px; padding:clamp(28px,3.5vw,46px); box-shadow:var(--shadow-card); }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.field{ display:flex; flex-direction:column; gap:8px; }
.field.full{ grid-column:1/-1; }
.field label{ font-family:var(--ff-label); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft); }
.field input, .field textarea{
  font-family:var(--ff-body); font-size:15.5px; color:var(--ink);
  background:var(--ivory-2); border:1px solid var(--line); border-radius:6px;
  padding:13px 15px; width:100%; transition:border-color .3s, background .3s;
}
.field input:focus, .field textarea:focus{ outline:none; border-color:var(--rose); background:#fff; }
.field textarea{ resize:vertical; min-height:110px; }
.form .btn{ width:100%; justify-content:center; margin-top:6px; }
.form-note{ font-size:12px; color:var(--ink-faint); margin-top:16px; text-align:center; }
.form-success{
  display:none; text-align:center; padding:30px 10px;
}
.form-success.show{ display:block; }
.form-success .chk{ width:64px; height:64px; border-radius:50%; background:var(--sage-pale); color:var(--sage-deep); display:grid; place-items:center; margin:0 auto 20px; }
.form-success h3{ font-size:1.8rem; }
.form-success p{ color:var(--ink-soft); margin-top:10px; }
@media (max-width:780px){ .kontakt .wrap{ grid-template-columns:1fr; } .form-grid{ grid-template-columns:1fr; } }

/* locations + maps */
.kontakt .wrap.locations{ display:block; }
.loc-grid{ margin-top:48px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2vw,28px); }
.loc-card{ background:var(--ivory); border:1px solid var(--line-soft); border-radius:12px; overflow:hidden; box-shadow:var(--shadow-card); display:flex; flex-direction:column; transition:transform .5s var(--ease); }
.loc-card:hover{ transform:translateY(-4px); }
.loc-map{ position:relative; aspect-ratio:4/3; background:var(--cream); }
.loc-map iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; filter:grayscale(0.25) contrast(1.02); }
.loc-body{ padding:24px clamp(22px,2.4vw,30px) 28px; }
.loc-body h3{ font-size:1.6rem; }
.loc-addr{ margin-top:6px; color:var(--ink-soft); font-size:15.5px; }
.loc-body .link-underline{ margin-top:18px; display:inline-flex; }
@media (max-width:860px){ .loc-grid{ grid-template-columns:1fr; max-width:460px; margin-left:auto; margin-right:auto; } }

/* ---------- footer ---------- */
.footer{ background:var(--ink); color:rgba(255,255,255,.72); padding:clamp(56px,8vh,90px) 0 34px; }
.footer .wrap{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:48px; }
.footer-brand img{ height:88px; width:auto; margin-bottom:22px; opacity:.95; }
.footer-brand p{ font-size:14.5px; max-width:300px; line-height:1.7; }
.footer .f-h{ font-family:var(--ff-label); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:20px; }
.footer ul{ list-style:none; display:flex; flex-direction:column; gap:12px; }
.footer ul a{ font-size:14.5px; transition:color .3s; }
.footer ul a:hover{ color:#fff; }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.12); margin-top:56px; padding-top:26px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; font-family:var(--ff-label); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.footer-socials{ display:flex; gap:16px; }
.footer-socials a{ width:38px; height:38px; border:1px solid rgba(255,255,255,.22); border-radius:50%; display:grid; place-items:center; transition:.3s; }
.footer-socials a:hover{ border-color:#fff; background:#fff; color:var(--ink); }
.footer-socials svg{ width:17px; height:17px; }
@media (max-width:760px){ .footer .wrap{ grid-template-columns:1fr 1fr; } .footer-brand{ grid-column:1/-1; } }
@media (max-width:480px){ .footer .wrap{ grid-template-columns:1fr; } }

/* floating whatsapp */
.fab{
  position:fixed; right:22px; bottom:22px; z-index:70;
  width:58px; height:58px; border-radius:50%; background:#25D366; color:#fff;
  display:grid; place-items:center; box-shadow:0 14px 30px -8px rgba(37,211,102,.6);
  transition:transform .3s;
}
.fab:hover{ transform:scale(1.08); }
.fab svg{ width:30px; height:30px; }

/* ---------- metamorfoza ---------- */
.meta{ background:var(--ivory-2); }
.meta-grid{ margin-top:56px; display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,1.6vw,24px); }
.mcard{ position:relative; background:var(--ivory); border:1px solid var(--line-soft); border-radius:12px; overflow:hidden; cursor:pointer; text-align:left; padding:0; font:inherit; color:inherit; box-shadow:var(--shadow-card); transition:transform .5s var(--ease), box-shadow .5s var(--ease); display:block; width:100%; }
.mcard:hover{ transform:translateY(-5px); box-shadow:0 26px 54px -26px rgba(42,37,32,.36); }
.mcard-img{ position:relative; width:100%; aspect-ratio:1; overflow:hidden; background:var(--cream); }
.mcard-img img{ width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.mcard:hover .mcard-img img{ transform:scale(1.04); }
.mcard-badge{ position:absolute; top:12px; left:12px; font-family:var(--ff-label); font-size:9px; letter-spacing:.16em; text-transform:uppercase; background:rgba(20,17,14,.62); color:#fff; padding:5px 10px; border-radius:30px; backdrop-filter:blur(4px); }
.mcard-body{ padding:18px 20px 20px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.mcard-body h3{ font-size:1.18rem; line-height:1.2; }
.mcard-count{ font-family:var(--ff-label); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--rose-ink); white-space:nowrap; padding-bottom:3px; }
@media (max-width:1040px){ .meta-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){ .meta-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:460px){ .meta-grid{ grid-template-columns:1fr; } }

/* metamorfoza modal */
.mmodal{ position:fixed; inset:0; z-index:120; background:rgba(20,17,14,.93); backdrop-filter:blur(6px); display:none; overflow-y:auto; padding:clamp(18px,4vw,52px); }
.mmodal.on{ display:block; }
.mmodal-inner{ max-width:1080px; margin:0 auto; }
.mmodal-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:28px; }
.mmodal-head h3{ color:#fff; font-size:clamp(1.7rem,3.4vw,2.6rem); }
.mmodal-head p{ color:rgba(255,255,255,.66); margin-top:8px; font-size:15px; max-width:520px; }
.mmodal-close{ background:none; border:1px solid rgba(255,255,255,.32); color:#fff; width:46px; height:46px; border-radius:50%; font-size:22px; line-height:1; flex-shrink:0; transition:.3s; }
.mmodal-close:hover{ background:#fff; color:var(--ink); }
.mmodal-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(14px,2vw,24px); }
.mmodal-grid figure{ margin:0; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:10px; overflow:hidden; }
.mmodal-grid img{ width:100%; height:auto; display:block; }
.mmodal-grid figcaption{ font-family:var(--ff-label); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.6); padding:11px 14px; }
.mmodal-foot{ margin-top:34px; display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:center; }
.mmodal-foot .note{ font-family:var(--ff-display); font-style:italic; color:rgba(255,255,255,.55); font-size:14px; }
@media (max-width:640px){ .mmodal-grid{ grid-template-columns:1fr; } }

/* ---------- reveal animations ---------- */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
.reveal.d1{ transition-delay:.08s; }
.reveal.d2{ transition-delay:.16s; }
.reveal.d3{ transition-delay:.24s; }
@media (prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  html{ scroll-behavior:auto; }
}

/* ===== v2: fixed header, hero ===== */
html{scroll-padding-top:96px}
.site-top{position:fixed;top:0;left:0;right:0;z-index:60}
.site-top .header{position:relative;top:auto}
.topbar{max-height:40px;overflow:hidden;transition:max-height .35s var(--ease)}
.site-top.scrolled .topbar{max-height:0}
.header .wrap{transition:min-height .35s var(--ease)}
.brand img{transition:height .35s var(--ease)}
.site-top.scrolled .header .wrap{min-height:66px}
.site-top.scrolled .brand img{height:38px}
.top-space{height:124px}
.btn-mini{display:none;min-height:44px;padding:0 18px}
.mbar{display:none}
@media (max-width:1040px){.header-cta .btn-mini{display:inline-flex;align-items:center}}
@media (max-width:760px){
.topbar{display:none}
.header .wrap,.site-top.scrolled .header .wrap{min-height:64px;gap:12px}
.brand img,.site-top.scrolled .brand img{height:36px}
.brand .brand-sub{display:none}
.top-space{height:64px}
html{scroll-padding-top:76px}
.fab{display:none}
.mbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:65;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(250,246,239,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line-soft)}
.mbar .btn{min-height:48px;justify-content:center;padding:0 10px}
.btn-wa{background:var(--sage-deep);color:#fff}
body{padding-bottom:72px}
}
.hero-figure .contours{position:absolute;z-index:0;left:50%;top:44%;width:190%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.contours svg{width:100%;height:100%;overflow:visible}
.contours path{fill:none;stroke:var(--sand);stroke-width:1;vector-effect:non-scaling-stroke}
.contours .cg{transform-origin:50% 50%;transform-box:view-box}
.contours .cg1{animation:cdrift 140s linear infinite}
.contours .cg2{animation:cdrift 190s linear infinite reverse}
@keyframes cdrift{to{transform:rotate(360deg)}}
.hero{overflow:hidden}
.hero-badge{max-width:240px}
.hero-badge .t{font-size:1.4rem}
.hl{opacity:0;transform:translateY(18px);animation:hlin 1s var(--ease) forwards}
.hl1{animation-delay:.1s}.hl2{animation-delay:.25s}.hl3{animation-delay:.4s}.hl4{animation-delay:.55s}.hl5{animation-delay:.7s}
@keyframes hlin{to{opacity:1;transform:none}}
@media (max-width:880px){.hero-figure .contours{width:150%}}
@media (prefers-reduced-motion:reduce){.hl{opacity:1;transform:none;animation:none}.contours .cg{animation:none}.topbar,.header .wrap,.brand img{transition:none}}

/* ===== v2: main page ===== */
.topo{height:120px;margin:-60px 0;position:relative;z-index:1;pointer-events:none}
.topo svg{width:100%;height:100%;display:block}
.topo path{fill:none;stroke:var(--sand);stroke-width:1;vector-effect:non-scaling-stroke}
.topo-dark{position:absolute;top:0;left:0;right:0;margin:0}
.topo-dark path{stroke:rgba(255,255,255,.1)}
.filo{background:var(--ivory);text-align:center;padding:clamp(110px,16vh,190px) 0}
.filo-big{font-family:var(--ff-display);font-size:clamp(2.5rem,6.2vw,5.2rem);line-height:1.08;font-weight:500;max-width:15ch;margin:0 auto;text-wrap:balance}
.filo-big span{color:var(--sand);transition:color .6s var(--ease)}
.filo-big span.on{color:var(--ink)}
.filo-body{margin:44px auto 0;max-width:620px;color:var(--ink-soft);font-size:clamp(1.02rem,1.3vw,1.14rem);line-height:1.8;text-wrap:pretty}
.principles{margin:clamp(64px,8vw,100px) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px);max-width:1080px;text-align:left}
.pr{border-top:1px solid var(--gold-line);padding-top:22px}
.pr h3{font-size:1.6rem}
.pr p{margin-top:10px;color:var(--ink-soft);font-size:15px;line-height:1.7}
@media (max-width:860px){.principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}
@media (max-width:390px){.pr h3{font-size:1.35rem}.pr p{font-size:14px}}

.world{background:var(--ivory-2)}
.search{position:relative;max-width:560px;margin:44px auto 0}
.search svg{position:absolute;left:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--ink-faint)}
.tsearch{width:100%;min-height:54px;font:inherit;font-size:16px;color:var(--ink);background:var(--ivory);border:1px solid var(--line);border-radius:40px;padding:0 22px 0 50px}
.tsearch:focus{outline:none;border-color:var(--rose)}
.river{position:relative;margin-top:56px;padding:20px 0 30px}
.river-svg{position:absolute;inset:0;overflow:visible;pointer-events:none}
.river-svg path{fill:none;stroke-width:1.4;stroke-linecap:round}
.rv-base{stroke:var(--sand)}
.rv-draw{stroke:var(--rose)}
.stops{list-style:none;display:flex;flex-direction:column;position:relative;z-index:1}
.stop{width:calc(50% - 44px);margin-right:auto;transition:margin .35s var(--ease)}
.stop.r{margin-left:auto;margin-right:0}
.stop+.stop{margin-top:-46px}
.stop.open{margin-bottom:56px}
.stop[hidden]{display:none}
.pebble{background:var(--ivory);border:1px solid var(--line-soft);border-radius:44px 36px 46px 38px/38px 46px 36px 44px;padding:22px 28px 22px;box-shadow:0 14px 36px -26px rgba(42,37,32,.35)}
.stop:nth-child(3n+2) .pebble{border-radius:38px 46px 36px 44px/44px 36px 46px 38px}
.stop:nth-child(3n) .pebble{border-radius:46px 40px 42px 36px/36px 44px 40px 46px}
.st-head{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;background:none;border:0;padding:0;min-height:44px;text-align:left;cursor:pointer;color:var(--ink)}
.st-tt{font-family:var(--ff-display);font-size:1.55rem;line-height:1.15;font-weight:500}
.st-ic{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--gold-line);position:relative}
.st-ic::before,.st-ic::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1px;background:var(--rose-deep);transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.st-ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.stop.open .st-ic::after{transform:translate(-50%,-50%) rotate(0)}
.st-line{margin-top:6px;color:var(--ink-soft);font-size:15px;line-height:1.65}
.st-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.stop.open .st-more{grid-template-rows:1fr}
.st-in{overflow:hidden}
.st-det{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);font-size:14.5px;color:var(--ink)}
.st-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px}
.st-links .link-underline{min-height:44px;display:inline-flex;align-items:center}
.stop:not(.open) .st-links a{visibility:hidden}
.noresult{text-align:center;color:var(--ink-soft);position:relative;z-index:1}
.noresult a{color:var(--rose-ink);text-decoration:underline}
.world-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 40px;margin-top:48px}
@media (max-width:760px){
.river{padding-left:0}
.stop,.stop.r{width:auto;margin-left:34px;margin-right:0}
.stop+.stop{margin-top:14px}
.stop.open{margin-bottom:0}
.pebble{padding:18px 20px}
.st-tt{font-size:1.35rem}
}

.reel{margin-top:34px;display:flex;align-items:center;gap:22px;max-width:420px}
.reel-still{position:relative;flex-shrink:0;width:118px;aspect-ratio:9/16;border-radius:60px 60px 10px 10px;overflow:hidden;background:linear-gradient(180deg,var(--sage-pale),var(--cream));display:grid;place-items:center}
.reel-still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-play{position:relative;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);display:grid;place-items:center;box-shadow:var(--shadow-card)}
.reel-play svg{width:18px;height:18px;margin-left:3px}
.reel-txt{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.reel-t{font-family:var(--ff-display);font-size:1.5rem;color:var(--ink)}
.reel:hover .reel-play{background:#fff}

.visit{background:var(--ivory)}
.steps{list-style:none;margin-top:60px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,44px);position:relative;--p:0}
.steps::before{content:"";position:absolute;top:22px;left:22px;right:22px;height:1px;background:var(--sand)}
.steps::after{content:"";position:absolute;top:22px;left:22px;right:22px;height:1px;background:var(--rose);transform:scaleX(var(--p));transform-origin:left}
.step{position:relative;z-index:1}
.sn{width:44px;height:44px;border-radius:50%;background:var(--ivory);border:1px solid var(--gold-line);display:grid;place-items:center;font-family:var(--ff-display);font-size:1.3rem;color:var(--rose-ink)}
.step h3{margin-top:22px;font-size:1.6rem}
.step p{margin-top:10px;color:var(--ink-soft);font-size:15px;line-height:1.7}
.visit-cta{margin-top:56px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 36px}
@media (max-width:860px){
.steps{grid-template-columns:1fr;gap:30px}
.steps::before,.steps::after{top:22px;bottom:22px;left:22px;right:auto;width:1px;height:auto}
.steps::after{transform:scaleY(var(--p));transform-origin:top}
.step{padding-left:68px}
.sn{position:absolute;left:0;top:0}
.step h3{margin-top:6px}
}

.men{background:var(--sage-pale);text-align:center}
.men .h2{max-width:18ch;margin:0 auto}
.men .lead{max-width:640px;margin:24px auto 0;text-wrap:pretty}

.meta2{position:relative;overflow:hidden}
.m2-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);align-items:start}
.m2-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;text-align:left;color:inherit;cursor:pointer;display:flex;flex-direction:column;transition:border-color .3s,background .3s}
.m2-card:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.m2-img{position:relative;display:block}
.m2-img img{width:100%;height:auto;display:block;border-radius:7px}
.m2-card .cap{margin-top:12px;font-family:var(--ff-label);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82);padding:0 4px}
.m2-count{margin-top:4px;padding:0 4px 4px;font-size:13px;color:rgba(255,255,255,.55)}
.m2-small{text-align:center;margin-top:10px;font-size:13px;color:rgba(255,255,255,.55)}
.m2-link{text-align:center;margin-top:36px}
.link-underline.on-dark{color:#fff;border-color:rgba(255,255,255,.5)}
.link-underline.on-dark:hover{color:var(--gold-line);border-color:var(--gold-line)}
@media (max-width:1040px){.m2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.m2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.m2-card{padding:8px}.m2-card .cap{font-size:10px;letter-spacing:.08em}}

.gab{background:var(--ivory)}
.gab .wrap.locations{display:block}
.map-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center;background:var(--cream);color:var(--ink-soft);font-size:14.5px}
.map-ph .btn{min-height:44px}
.loc-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.consent{display:flex;gap:12px;align-items:flex-start;margin:4px 0 18px;font-size:14px;color:var(--ink-soft);line-height:1.55;cursor:pointer}
.consent input{flex-shrink:0;width:22px;height:22px;margin-top:1px;accent-color:var(--rose-deep)}
.consent a{color:var(--rose-ink);text-decoration:underline}
.consent.err span{color:var(--rose-ink)}
.form-note{font-size:13px}

.f-addr{margin-top:18px;font-size:14px;gap:6px!important}
.footer-bottom{align-items:flex-start}
.f-small{max-width:640px;text-transform:none;letter-spacing:0;font-family:var(--ff-body);line-height:1.6}

a{color:inherit}
@media (prefers-reduced-motion:reduce){.filo-big span{transition:none}.st-more,.st-ic::before,.st-ic::after,.stop{transition:none}}

/* ===== v2: subpages ===== */
.page-head{background:var(--ivory);padding:clamp(56px,9vh,110px) 0 clamp(40px,6vh,70px)}
.page-head .h2{margin-top:20px;max-width:20ch}
.page-head .lead{margin-top:20px;max-width:620px}
.page-cta{display:flex;justify-content:center;margin:clamp(48px,6vw,80px) 0 clamp(72px,10vh,120px)}
.nav a[aria-current="page"]{color:var(--ink)}
.nav a[aria-current="page"]::after{width:100%}
.ptabs{position:sticky;top:66px;z-index:40;background:rgba(250,246,239,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.ptabs-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 0}
.ptabs-in::-webkit-scrollbar{display:none}
.ptabs a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:30px;font-family:var(--ff-label);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border:1px solid transparent;transition:.25s}
.ptabs a:hover{color:var(--ink)}
.ptabs a.on{border-color:var(--gold-line);color:var(--ink);background:var(--ivory)}
body.sub-cennik{scroll-padding-top:150px}
html:has(.ptabs){scroll-padding-top:136px}
.pcats{max-width:900px}
.pcat{margin-top:clamp(48px,6vw,72px)}
.pcat-head h2{font-size:clamp(1.8rem,3.4vw,2.4rem)}
.pcat-head p{margin-top:8px;color:var(--ink-soft)}
.pcat-rows{margin-top:18px;border-bottom:1px solid var(--line-soft)}
.pr-price.ph{color:var(--ink-faint);font-weight:400;background:var(--cream);padding:2px 10px;border-radius:20px}
.pcats .cennik-foot{margin-top:40px}
.page-dark{padding-top:clamp(80px,12vh,140px)}
.ba-card{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:100;background:rgba(20,17,14,.95);display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;padding:16px}
.lb[hidden]{display:none}
.lb-stage{display:flex;flex-direction:column;align-items:center;gap:14px;touch-action:pan-y}
.lb-stage .ba-pair{width:100%;max-width:1200px}
.lb-stage img{width:100%;max-height:78vh;object-fit:contain;border-radius:6px}
.lb-stage .cap{font-family:var(--ff-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75);text-align:center}
.lb button{background:none;border:0;color:#fff;font-size:42px;line-height:1;min-width:48px;min-height:48px;cursor:pointer}
.lb-x{position:absolute;top:10px;right:12px}
@media (max-width:760px){.lb{grid-template-columns:minmax(0,1fr);padding:56px 8px 16px}.lb-prev,.lb-next{position:absolute;bottom:16px}.lb-prev{left:16px}.lb-next{right:16px}.lb-stage .ba-pair{grid-template-columns:1fr}.lb-stage img{max-height:36vh}}
.az{max-width:920px}
.az .search{margin-top:0}
.az-index{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:28px}
.az-index a{min-width:44px;min-height:44px;display:grid;place-items:center;font-family:var(--ff-display);font-size:1.3rem;color:var(--rose-ink);border-radius:50%}
.az-index a:hover{background:var(--cream)}
.az-list{list-style:none;margin-top:36px}
.az-letter{font-family:var(--ff-display);font-size:2.4rem;color:var(--rose-ink);margin-top:32px;padding-bottom:6px;border-bottom:1px solid var(--gold-line)}
.az-letter[hidden],.az-row[hidden]{display:none}
.az-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line-soft)}
.az-main h3{font-size:1.4rem;line-height:1.2}
.az-main p{margin-top:4px;color:var(--ink-soft);font-size:15px;line-height:1.6}
.az-tag{font-size:12.5px;color:var(--sage-deep);background:var(--sage-pale);padding:4px 12px;border-radius:20px;max-width:220px}
.az-row .link-underline{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:700px){.az-row{grid-template-columns:minmax(0,1fr) auto}.az-main{grid-column:1/-1}.az-tag{justify-self:start}}
.szk-page{background:var(--cream)}
.szk-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,5vw,80px);align-items:center}
.szk-page .szk-copy p{color:var(--ink-soft);margin-top:20px;max-width:560px}
.szk3{grid-template-columns:1fr 1fr}
.szk3 .szk-stat:first-child{grid-column:1/-1}
@media (max-width:860px){.szk-grid{grid-template-columns:1fr}}
.faq{max-width:820px}
.fq{border-bottom:1px solid var(--line)}
.fq:first-child{border-top:1px solid var(--line)}
.fq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding:20px 0;cursor:pointer;font-family:var(--ff-display);font-size:clamp(1.3rem,2.2vw,1.6rem);color:var(--ink)}
.fq summary::-webkit-details-marker{display:none}
.fq[open] .st-ic::after{transform:translate(-50%,-50%) rotate(0)}
.fq-a p{padding:0 50px 22px 0;color:var(--ink-soft);line-height:1.75}
.fq-a a,.legal a{color:var(--rose-ink);text-decoration:underline}
.legal{max-width:820px;min-height:30vh;padding-bottom:100px;color:var(--ink-soft)}

/* ===== v2: mobile tap targets ===== */
.topo{overflow:hidden}
@media (max-width:760px){
.link-underline,.kch .kv,.brand,.footer ul a{position:relative}
.link-underline::before,.kch a.kv::before,.brand::before,.footer ul a::before{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
.footer ul{gap:16px}
}

/* ===== v3: round 1 review ===== */
.section{padding:clamp(48px,7.3vh,94px) 0}
.hero .wrap{padding-bottom:clamp(32px,4.6vh,60px)}
.filo{padding:clamp(56px,9vh,110px) 0 clamp(64px,10vh,120px)}
.section-head .h2{margin-top:0}
.topo{height:110px;margin:-30px 0}
.topo path{stroke:var(--sand);opacity:.8}
/* hero contours */
.hero-figure .contours{width:175%;height:125%;aspect-ratio:auto;top:50%}
.contours .cg,.contours .cg1,.contours .cg2{animation:cdrift2 80s ease-in-out infinite alternate}
@keyframes cdrift2{from{transform:rotate(-3deg) scale(.99)}to{transform:rotate(3deg) scale(1.01)}}
.contours path{stroke:var(--sand);opacity:.85}
.hero-copy{position:relative;z-index:3}
@media (max-width:880px){.hero-figure .contours{width:150%;height:118%}.hero-figure{margin-bottom:40px}}
/* metamorfozy */
button.ba-card{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;display:block;transition:border-color .3s,background .3s}
button.ba-card:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.ba-slot.hs{aspect-ratio:3/2;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.04)}
.ba-slot.hs img{position:absolute;left:50%;width:auto;height:200%;max-width:none;aspect-ratio:auto;border-radius:0;transform:translateX(-50%);object-fit:fill}
.ba-slot.hs img.top{top:0}.ba-slot.hs img.bot{bottom:0}
.ba-card .cap{display:block;color:rgba(255,255,255,.82)}
.ba-card .m2-count{display:block;padding:2px 4px 2px;font-size:13px;color:rgba(255,255,255,.55)}
.mmodal-grid figure{padding:12px}
.mmodal-grid figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 4px 2px}
.mm-n{display:none}
@media (max-width:640px){
.mmodal-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -18px;padding:0 18px;scrollbar-width:none}
.mmodal-grid::-webkit-scrollbar{display:none}
.mmodal-grid figure{flex:0 0 88%;scroll-snap-align:center}
.mm-n{display:inline}
.ba-pair{gap:6px}
}
/* river compact */
.stops{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;grid-auto-rows:minmax(50px,auto)}
.stop,.stop.r{width:auto;max-width:400px;margin:0;justify-self:end;align-self:start}
.stop.r{justify-self:start}
.stop+.stop,.stop.open{margin:0}
.pebble{padding:12px 20px 12px 22px;box-shadow:0 10px 26px -22px rgba(42,37,32,.35);border-color:var(--line-soft);background:rgba(255,255,255,.55)}
.stop .pebble{border-radius:34px 28px 36px 30px/30px 36px 28px 34px}
.stop:nth-child(3n+2) .pebble{border-radius:28px 36px 30px 34px/34px 28px 36px 30px}
.stop:nth-child(3n) .pebble{border-radius:36px 30px 32px 28px/28px 34px 30px 36px}
.st-head{min-height:44px;gap:12px}
.st-tt{font-size:1.22rem;line-height:1.2}
.st-ic{width:28px;height:28px}
.st-line{margin-top:0;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.stop.open .st-line{display:block;-webkit-line-clamp:unset}
.st-det{margin-top:10px;padding-top:10px;font-size:14px}
.st-links{margin-top:6px;gap:0 20px}
.river{margin-top:40px;padding:10px 0 20px}
.search{margin-top:32px}
.world-links{margin-top:32px}
.rv-dots circle{fill:var(--ivory-2);stroke:var(--sand);stroke-width:1.4;transition:fill .4s,stroke .4s}
.rv-dots circle.on{fill:var(--rose);stroke:var(--rose)}
@media (max-width:760px){
.stops{display:flex;flex-direction:column;gap:10px}
.stop,.stop.r{max-width:none;margin-left:34px;justify-self:auto}
.pebble{padding:10px 16px 10px 18px}
.st-tt{font-size:1.15rem}
}
/* o mnie */
.about .wrap{align-items:start}
.about-figure{display:flex;flex-direction:column;gap:28px}
.af-photo{position:relative}
.about-figure .reel{margin:0;flex-direction:column;align-items:stretch;gap:16px;max-width:none}
.about-figure .reel-still{width:100%;aspect-ratio:9/16;border-radius:8px}
.reel-ph{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:13px;color:var(--ink-faint)}
.reel-play{width:64px;height:64px}
.reel-play svg{width:24px;height:24px}
.about-figure .reel-txt{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px}
.about-szk{margin-top:18px;display:inline-flex}
@media (max-width:860px){.about-figure{max-width:440px;margin:0 auto;width:100%}.about-figure .reel{order:2}}
/* panowie */
.men-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:28px}
.men-cta{margin-top:30px;display:flex;justify-content:center}
/* kontakt */
.field select{font-family:var(--ff-body);font-size:15.5px;color:var(--ink);background:var(--ivory-2);border:1px solid var(--line);border-radius:6px;padding:13px 15px;width:100%;min-height:50px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.field select:focus{outline:none;border-color:var(--rose);background-color:#fff}
.form-err{margin-top:14px;font-size:14px;color:var(--rose-ink);text-align:center}
.fs-mail{font-size:14px}
.form .btn:disabled{opacity:.6;cursor:wait}
@media (max-width:600px){.form-grid{grid-template-columns:1fr}}
/* whatsapp olive */
.wa-btn,.fab,.btn-wa{background:var(--sage-deep);color:#fff}
.wa-btn:hover,.fab:hover,.btn-wa:hover{background:#363d2f;color:#fff}
/* footer */
.f-reg{margin-top:8px;font-size:13px;opacity:.75}
@media (prefers-reduced-motion:reduce){.contours .cg{animation:none}.rv-dots circle{transition:none}}
.topo[data-style="smooth"]{margin:0 0 -40px}
button.ba-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:14px}
@media (max-width:760px){.stops .stop,.stops .stop.r,.stops .stop+.stop{margin:0 0 0 34px}}

/* ===== v4: round 2 ===== */
html{scroll-padding-top:116px}
.site-top.scrolled .topbar{max-height:40px}
.tb-right{gap:18px!important}
.tb-ic{display:inline-grid;place-items:center;width:28px;height:28px}
.tb-ic svg{width:15px;height:15px}
.brand{margin-right:clamp(28px,4vw,72px)}
.header .wrap{justify-content:flex-start}
.header .nav{margin-right:auto}
@media (max-width:1200px){.nav,.header-cta .btn-full{display:none!important}.burger{display:flex}.header-cta .btn-mini{display:inline-flex;align-items:center}.header-cta{margin-left:auto}}
@media (max-width:760px){
.topbar{display:block}
.topbar .tb-left,.topbar .tb-ig,.topbar .tb-fb{display:none}
.topbar .wrap{justify-content:center;min-height:36px}
.top-space{height:100px}
html{scroll-padding-top:112px}
}
.drawer-actions .btn{justify-content:center;min-height:48px}
/* hero */
.hero .display{margin-top:22px}
.hero-stats{margin-top:40px}
.hero-figure .contours{width:160%;height:160%;top:50%}
@media (max-width:880px){.hero-figure{order:0;margin-top:56px;margin-bottom:44px}.hero-figure .contours{width:150%;height:150%}}
/* river */
.stops{display:flex!important;flex-direction:column;gap:46px;padding:10px 0}
.stop,.stop.r{max-width:360px!important;width:max-content;margin:0 0 0 7%!important;align-self:flex-start;justify-self:auto;grid-row:auto!important;grid-column:auto!important}
.stop.r{align-self:flex-end;margin:0 7% 0 0!important}
.stop:nth-child(4n+3){margin-left:15%!important}
.stop.r:nth-child(4n){margin-right:15%!important}
.stop.open{width:360px}
.pebble{padding:6px 10px 6px 20px;background:var(--ivory)}
.stop .pebble{border-radius:999px 860px 920px 880px/700px 760px 720px 740px}
.stop.open .pebble{border-radius:28px 34px 30px 36px/32px 28px 36px 30px;padding:6px 16px 14px 20px}
.st-head{gap:14px}
.st-tt{font-size:1.18rem}
.st-ic{width:26px;height:26px}
.st-more .st-line{display:block;-webkit-line-clamp:unset;margin-top:4px;font-size:14.5px}
.st-det{margin-top:10px}
.river.anim .stop{opacity:0;transform:translateY(10px) scale(.94);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.river.anim .stop.shown{opacity:1;transform:none}
.river.anim .stop:not(.shown){pointer-events:none}
.rv-base{stroke:var(--line-soft)}
.rv-draw{stroke:var(--rose);stroke-width:1.5}
.world .search{margin-top:30px}
@media (max-width:760px){
.stops{gap:12px}
.stop,.stop.r,.stop:nth-child(4n+3),.stop.r:nth-child(4n){margin:0 0 0 34px!important;width:auto;max-width:none!important;align-self:stretch}
.stop.open{width:auto}
.stop .pebble{border-radius:26px 30px 28px 32px/30px 26px 32px 28px}
}
/* o mnie */
.about .wrap{align-items:start}
.about-copy .h2{margin-top:0}

.reel-mini{margin-top:26px;display:flex;align-items:center;gap:18px;background:none;border:0;padding:0;cursor:pointer;text-align:left;color:var(--ink);font:inherit}
.rmi-thumb{position:relative;width:96px;aspect-ratio:9/16;border-radius:48px 48px 8px 8px;background:linear-gradient(180deg,var(--sage-pale),var(--cream));display:grid;place-items:center;overflow:hidden;flex-shrink:0;border:1px solid var(--line-soft)}
.rmi-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rmi-play{position:relative;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:var(--shadow-card);color:var(--ink)}
.rmi-play svg{width:16px;height:16px;margin-left:2px}
.rmi-t{font-family:var(--ff-display);font-size:1.35rem}
.reel-mini:hover .rmi-t{color:var(--rose-ink)}
.rmodal{position:fixed;inset:0;z-index:130;background:rgba(20,17,14,.9);display:grid;place-items:center;padding:20px}
.rmodal[hidden]{display:none}
.rm-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(380px,100%)}
.rm-x{position:absolute;top:-6px;right:-58px}
.rm-frame{width:100%;height:min(680px,calc(100vh - 140px));background:#fff;border-radius:10px;overflow:hidden}
.rm-frame iframe{width:100%;height:100%;border:0}
.rm-ph{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;text-align:center;background:var(--cream);color:var(--ink-soft);font-size:14.5px}
.rm-ph .btn{min-height:44px}
@media (max-width:520px){.rm-x{right:0;top:-56px}.rm-in{margin-top:50px}}
/* wizyta, panowie */
.visit-cta{gap:14px 40px}
.men-links{gap:6px 30px}
/* metamorfozy */
.meta2 .gal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
@media (max-width:1040px){.meta2 .gal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.meta2 .gal-grid{grid-template-columns:minmax(0,1fr)}}
button.mcard2{padding:10px}
.mc-img{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:7px;background:rgba(255,255,255,.04)}
.mc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
button.mcard2:hover .mc-img img{transform:scale(1.03)}
.mc-img .ba-label.po{top:calc(50% + 10px)}
.mc-img.lr .ba-label.po{top:10px;left:calc(50% + 10px)}
.mc-body{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 4px 4px}
.mc-t{font-family:var(--ff-display);font-size:1.28rem;line-height:1.2;color:#fff}
.mc-n{font-family:var(--ff-label);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-line);white-space:nowrap}
.mmodal-grid .mc-img{border-radius:6px}
.meta2 .gal-note{margin-top:30px}
.mmodal-foot .link-underline{min-height:44px;display:inline-flex;align-items:center}
/* kontakt */
.kontakt .wrap.kontakt2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(36px,6vw,96px);align-items:center;max-width:1040px}
.k-head .lead{margin-top:18px;max-width:440px}
.k-card{background:var(--ivory);border:1px solid var(--line-soft);border-radius:14px;box-shadow:var(--shadow-card);padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;align-items:stretch;gap:14px}
.k-card .btn{justify-content:center;min-height:56px;gap:12px;margin:0}
.k-card .btn svg{width:20px;height:20px;flex-shrink:0}
.k-wa{font-size:13px;min-height:62px!important}
.k-ig{align-self:center;margin-top:10px;min-height:44px;display:inline-flex;align-items:center}
.k-mail{align-self:center;font-size:14.5px;color:var(--ink-soft);min-height:32px;display:inline-flex;align-items:center}
.k-mail:hover{color:var(--rose-ink)}
.k-card .socials{justify-content:center;margin-top:6px}
@media (max-width:780px){.kontakt .wrap.kontakt2{grid-template-columns:1fr}.k-head{text-align:center}.k-head .lead{margin-left:auto;margin-right:auto}}
/* socials */
.socials{display:flex;gap:12px}
.socials a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:color .3s,border-color .3s}
.socials svg{width:18px;height:18px}
.socials.on-light a{border:1px solid var(--line);color:var(--ink-faint)}
.socials.on-light a:hover{border-color:var(--ink-soft);color:var(--ink)}
.socials.on-dark a{border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.6)}
.socials.on-dark a:hover{border-color:rgba(255,255,255,.7);color:#fff}
.footer-brand .socials{margin-top:24px}
.footer-brand p{max-width:340px}
.f-pwz{font-size:12.5px;opacity:.7;margin-top:4px;letter-spacing:.04em}
/* floating + mobile bar */
.fabs{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;flex-direction:column;gap:12px}
.fabs .fab{position:static;width:54px;height:54px;border-radius:50%;background:var(--sage-deep);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -12px rgba(42,37,32,.5);transition:transform .3s,background .3s}
.fabs .fab:hover{transform:scale(1.06);background:#363d2f}
.fabs .fab svg{width:26px;height:26px}
.mbar{display:none}
@media (max-width:760px){
.fabs{display:none}
.mbar{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0;padding:0 0 env(safe-area-inset-bottom);background:var(--sage-deep);border-top:0}
.mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;color:#fff;font-family:var(--ff-label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
.mbar a+a{border-left:1px solid rgba(255,255,255,.14)}
.mbar svg{width:20px;height:20px}
body{padding-bottom:64px}
}
.rv-base{stroke:none}
.st-links{flex-direction:row;gap:0 18px}
.st-links .link-underline{font-size:10.5px}
.st-more{contain:inline-size}
.stop:not(.open){width:max-content}
@media (max-width:760px){.stop:not(.open){width:auto}}
@media (max-width:880px){.hero-figure{order:-1;margin-top:40px;margin-bottom:64px}}

/* ===== v4: round 4 ===== */
.topbar .tb-left{opacity:1}
.topbar .tb-right a[href^="tel"]{font-weight:600;color:#fff}
.fabs .fab{transition:transform .3s,background-color .5s ease,color .5s ease,box-shadow .5s ease}
.fabs .fab.inv{background:var(--ivory);color:var(--sage-deep)}
.fabs .fab.inv:hover{background:#fff;color:var(--sage-deep)}
.tsearch::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px;cursor:pointer;background:var(--rose-deep);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 2l10 10M12 2 2 12' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 2l10 10M12 2 2 12' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}

.about-figure .reel-mini{margin-top:22px}
.about{padding-bottom:clamp(28px,4vh,48px)}
.visit{padding-top:0}
.visit-panel{background:var(--ivory-2);border-radius:18px;padding:clamp(40px,5vw,64px) clamp(22px,4vw,56px) clamp(40px,5vw,56px);position:relative}
.visit-line{display:block;width:120px;height:12px;margin:0 auto 18px;fill:none;stroke:var(--gold-line);stroke-width:1}
.h2-sub{font-size:clamp(1.7rem,3.4vw,2.6rem)}
.visit-panel .steps{margin-top:44px}
.visit-panel .visit-cta{margin-top:44px}
.loc-body h3{font-size:clamp(1.8rem,2.4vw,2.1rem);font-weight:600;letter-spacing:.005em}
.pcats>.search{margin:clamp(32px,4vw,48px) auto 0}
.pcats>.noresult{margin-top:40px}
.pcat-rows{border-bottom:0;margin-top:14px}
.pcats .price-row{border-top:0;padding:9px 0;gap:12px}
.pcats .price-row .pr-name{flex:0 1 auto;white-space:nowrap}
.pcats .price-row .pr-dots{flex:1 1 20px;border-bottom:1px dotted rgba(42,37,32,.16)}
.pr-alias{color:var(--ink-faint);white-space:nowrap}
.pcats .cennik-foot{line-height:1.7}
@media (max-width:760px){.pcats .price-row{flex-wrap:nowrap;align-items:baseline}.pcats .price-row .pr-name{white-space:normal;flex:0 1 auto}.pcats .price-row .pr-dots{display:block;min-width:14px}.pcats .price-row .pr-price{width:auto;flex-shrink:0}.pr-alias{white-space:normal}}
.szk3 .szk-stat{background:var(--ivory);border:1px solid var(--line);color:var(--ink)}
.szk3 .szk-stat .n{color:var(--rose-ink)}
.szk3 .szk-stat .l{color:var(--ink-soft)}
.ph-t{color:var(--ink-faint);font-style:italic}
.pcats [hidden]{display:none!important}
.pcats .pr-price.ph{padding:0 10px;line-height:1.6}
.loc-note{margin-top:4px;min-height:1.6em;font-size:14px;color:var(--ink-faint)}

/* ===== v5: layout fixes ===== */
.site-top .header{transition:background-color .4s ease,box-shadow .4s ease,backdrop-filter .4s ease}
.site-top.scrolled .header{background:rgba(250,246,239,.85);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}
.site-top.scrolled .header .wrap{min-height:62px}
.hero-portrait,.hero-figure::before{width:min(clamp(260px,34vw,440px),calc((100svh - 230px) * 275 / 511))}
.stops{gap:23px!important}
.pebble{padding:8px 12px 8px 24px}
.st-tt{font-size:1.32rem}
.st-ic{width:30px;height:30px}
.river-svg{z-index:0}
.stops{position:relative;z-index:1}
.stop .pebble{position:relative;background:var(--ivory)}
.meta2 .gal-grid{align-items:stretch;grid-auto-rows:1fr}
button.mcard2{display:flex;flex-direction:column;height:100%}
.mc-body{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;flex:1}
.mc-n{white-space:normal}
.m2-dots{display:none}
.kontakt .wrap.kontakt2{align-items:start}
.k-head{padding-top:clamp(0px,1vw,10px)}
.map-ph{background:radial-gradient(120% 90% at 50% 40%,var(--ivory) 0%,var(--cream) 100%);gap:14px}
.map-ph::before{content:"";width:26px;height:26px;background:var(--rose-deep);opacity:.7;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21Z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21Z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
.loc-acts{display:flex;flex-wrap:wrap;gap:0 28px;align-items:center}
.loc-acts .link-underline{margin-top:18px}
.loc-maptoggle{display:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.about-toggle{display:none;background:none;border:0;padding:0;cursor:pointer;margin-top:18px;min-height:44px}
@media (max-width:760px){
.topbar{display:none!important}
.top-space{height:64px}
html{scroll-padding-top:76px}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.hero-copy{display:contents}
.hero .eyebrow{order:1}.hero .display{order:2}.hero-figure{order:3!important;margin:34px auto 18px!important}.hero-stats{order:4}
.hero-portrait,.hero-figure::before{width:210px}
.hero-badge{position:relative;right:auto;bottom:auto;margin:-28px auto 0;max-width:none;width:max-content;padding:10px 16px;align-items:center;text-align:center}
.hero-badge .t{font-size:1.12rem;white-space:nowrap}
.hero-badge .s{font-size:9px}
.hero-stats{flex-wrap:nowrap;justify-content:center;gap:36px;margin-top:22px}
.principles{grid-template-columns:minmax(0,1fr)}
.about .wrap{display:flex;flex-direction:column}
.about-figure{display:contents}
.af-photo{order:1;max-width:440px;width:100%;margin:0 auto}
.about-copy{order:2}
.about-figure .reel-mini{order:3;margin-top:0}
.about-copy:not(.expanded) p:nth-of-type(n+3),.about-copy:not(.expanded) .about-szk{display:none}
.about-copy:not(.expanded) .about-toggle{display:inline-flex;align-items:center}
.about-sign .rs{display:none}.about-sign .r2{display:block}
.men-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;max-width:360px;margin-left:auto;margin-right:auto}
.meta2 .wrap{display:flex;flex-direction:column}
.meta2 .section-head{order:0}.meta2 .gal-grid{order:1}.m2-dots{order:2}.m2-link{order:3}.meta2 .gal-note{order:4}
.meta2 .gal-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:40px calc(var(--gutter) * -1) 0;padding:0 var(--gutter);scroll-padding:0 var(--gutter);scrollbar-width:none;grid-auto-rows:auto}
.meta2 .gal-grid::-webkit-scrollbar{display:none}
.meta2 .gal-grid>.mcard2{flex:0 0 82%;scroll-snap-align:start;height:auto}
.m2-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.m2-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.28);transition:background .3s,transform .3s}
.m2-dots span.on{background:var(--gold-line);transform:scale(1.3)}
.m2-link{margin-top:18px;text-align:center}
.loc-map{display:block}
.loc-body{padding:20px 22px 22px}
.loc-maptoggle{display:inline-flex}
.loc-acts .link-underline{margin-top:12px;min-height:44px;display:inline-flex;align-items:center}
.loc-grid{gap:14px}
.footer .wrap:not(.footer-bottom)>div:last-child{display:none}
.footer .wrap:not(.footer-bottom)>div:nth-child(2) ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
}
@media (max-width:760px){.footer .wrap:not(.footer-bottom)>div:nth-child(2){grid-column:1/-1}}
.loc-body .loc-maptoggle{display:none}
@media (max-width:760px){.loc-body .loc-maptoggle{display:inline-flex}}

/* ===== v6: o mnie 2 rows, hero, metamorfozy ===== */
.hero-portrait img{height:110%;object-position:50% 0}
.about .wrap.about2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"photo c1" "c2 reel";column-gap:clamp(36px,5vw,80px);row-gap:clamp(36px,4vw,56px);align-items:stretch}
.ab-photo{grid-area:photo;display:flex}
.ab-photo .af-photo{flex:1;display:flex}
.ab-photo .frame{flex:1;height:100%;aspect-ratio:auto;min-height:420px}
.ab-c1{grid-area:c1}
.ab-c2{grid-area:c2}
.ab-c2 p:first-of-type{margin-top:0}
.ab-reel{grid-area:reel;align-self:center;display:flex;justify-content:flex-start}
.ab-reel .reel-mini{margin:0}
.about-copy .about-toggle{display:none!important}
div.mcard2.single{cursor:default}
div.ba-card.single:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
div.mcard2.single:hover .mc-img img{transform:none}
@media (max-width:760px){
.about .wrap.about2{display:flex;flex-direction:column;row-gap:0}
.ab-photo{order:1;max-width:440px;width:100%;margin:0 auto}
.ab-photo .frame{aspect-ratio:4/5;height:auto;min-height:0}
.ab-c1{order:2;margin-top:34px}
.ab-c2{order:3;margin-top:20px}
.ab-reel{order:4;margin-top:30px}
.about-copy.expanded p,.about-copy.expanded .about-szk{display:revert}
.ab-c1 .about-szk{display:inline-flex}
}
.ab-photo .frame{position:relative;border-radius:8px;overflow:hidden;background:var(--cream);box-shadow:var(--shadow-soft)}
.ab-photo .frame img{width:100%;height:100%;object-fit:cover;object-position:60% 22%}
@media (max-width:760px){.about-copy.expanded.ab-c1 .about-szk{display:inline-flex;align-items:center;min-height:44px}}

/* ===== v7: breadcrumbs ===== */
.crumbs{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:18px;font-family:var(--ff-label);font-size:12px;letter-spacing:.06em;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-head.center .crumbs{justify-content:center}
.crumbs a{color:var(--ink-faint);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
.crumbs a:hover{color:var(--rose-ink)}
.crumbs span[aria-current]{color:var(--ink-soft)}
.crumbs.on-dark,.crumbs.on-dark a{color:rgba(255,255,255,.6)}
.crumbs.on-dark span[aria-current]{color:rgba(255,255,255,.85)}
.back-home{display:flex;justify-content:center;padding:clamp(28px,4vw,48px) 0 clamp(40px,6vw,72px)}
.back-home .link-underline{min-height:44px;display:inline-flex;align-items:center}

/* ===== v8 ===== */
.site-top.scrolled .header{background:rgba(250,246,239,.75);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15)}
.fabs .fab,.fabs .fab.inv,.k-card .k-btn{background:linear-gradient(180deg,var(--sage-pale),var(--cream));color:var(--sage-deep);border:1px solid rgba(76,86,64,.2);box-shadow:0 10px 26px -14px rgba(42,37,32,.45)}
.fabs .fab{opacity:.85;transition:opacity .3s,transform .3s,box-shadow .3s}
.fabs .fab:hover,.fabs .fab:active,.fabs .fab:focus-visible,.fabs .fab.inv:hover{opacity:1;background:linear-gradient(180deg,var(--sage-pale),var(--cream));color:var(--sage-deep);transform:scale(1.06)}
.k-card .k-btn{transition:box-shadow .3s,transform .3s,border-color .3s}
.k-card .k-btn:hover{color:var(--sage-deep);border-color:rgba(76,86,64,.38);box-shadow:0 14px 30px -14px rgba(42,37,32,.5);transform:translateY(-1px)}
.k-wa{min-height:56px!important}
@media (max-width:760px){.mbar{grid-template-columns:repeat(4,1fr)!important}.mbar a{font-size:10px;letter-spacing:.1em}}
.st-sub{display:block;margin-top:2px;font-family:var(--ff-body);font-size:13px;line-height:1.35;font-weight:400;color:var(--ink-faint);letter-spacing:.01em}
.steps.steps5{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,2.2vw,32px)}
.steps.steps5 .step h3{font-size:1.4rem}
.steps.steps5 .step p{font-size:14.5px}
@media (max-width:860px){.steps.steps5{grid-template-columns:1fr;gap:30px}.steps.steps5 .step h3{font-size:1.6rem}}
.men .h2+.men-links{margin-top:30px}
@media (min-width:761px){.men-links{flex-wrap:nowrap}.men-links a{white-space:nowrap}}
@media (max-width:760px){.men-links a:last-child:nth-child(odd){grid-column:1/-1;justify-self:center}}
@media (min-width:900px){.gab-h{white-space:nowrap}}
.pr-alias{display:block;margin-top:1px;font-size:13px;line-height:1.4;color:var(--ink-faint);white-space:normal}
.pr-price.pr-quote{font-family:var(--ff-body);font-weight:400;font-size:14px;letter-spacing:0;color:var(--ink-soft)}
.pcat-konsult{padding-top:0}
.pcat-konsult .pcat-rows{margin-top:clamp(28px,3vw,40px)}
.pr-note{margin-top:2px;font-size:13.5px;color:var(--ink-faint);font-style:italic}
.voucher{margin-top:clamp(40px,5vw,64px);background:linear-gradient(180deg,var(--sage-pale),var(--cream));border:1px solid var(--line-soft);border-radius:16px;padding:clamp(26px,3.5vw,40px);text-align:center}
.voucher h2{font-family:var(--ff-display);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.1rem);color:var(--ink)}
.voucher p{margin:12px auto 0;max-width:520px;color:var(--ink-soft);text-wrap:pretty}
.voucher-links{margin-top:18px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 30px}
.voucher-links .link-underline{min-height:44px;display:inline-flex;align-items:center}
.faq-h{white-space:nowrap}
@media (max-width:560px){.faq-h{font-size:8.2vw}}

/* ===== v9 ===== */
.kontakt .wrap.kontakt3{display:block;max-width:820px;text-align:center}
.k-btn span{white-space:nowrap}
.k-grid{margin-top:clamp(28px,3.5vw,44px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.k-btn{display:flex;align-items:center;justify-content:center;gap:14px;min-height:76px;padding:14px 22px;border-radius:14px;background:linear-gradient(180deg,var(--sage-pale),var(--cream));border:1px solid rgba(76,86,64,.2);box-shadow:0 10px 26px -14px rgba(42,37,32,.45);color:var(--sage-deep);font-family:var(--ff-label);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:box-shadow .3s,transform .3s,border-color .3s}
.k-btn:hover{color:var(--sage-deep);border-color:rgba(76,86,64,.38);box-shadow:0 14px 30px -14px rgba(42,37,32,.5);transform:translateY(-1px)}
.k-btn svg{width:24px;height:24px;flex-shrink:0}
.k-btn-wa svg,.fabs .fab-wa,.fabs .fab-wa:hover{color:#25D366}
@media (max-width:600px){.k-grid{grid-template-columns:minmax(0,1fr);gap:12px}.k-btn{min-height:64px}}
@keyframes kRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.k-grid.k-anim:not(.k-in) .k-btn{opacity:0}
.k-grid.k-anim.k-in .k-btn{animation:kRise .4s var(--ease,ease) backwards;animation-delay:calc(var(--i) * .1s)}
.st-sub{font-size:14.5px;color:#6E655A}
@media (max-width:760px){.st-sub{font-size:13.5px}}

/* ===== v10: static maps ===== */
a.loc-map{display:block;overflow:hidden}
.loc-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* ===== v10: interaction states ===== */
.k-btn,.fabs .fab{cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out,background .2s ease-out,opacity .2s ease-out}
.k-btn svg,.fabs .fab svg{transition:transform .2s ease-out}
.k-btn:hover,.fabs .fab:hover,.fabs .fab.inv:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(42,37,32,.55);border-color:var(--rose-deep);background:linear-gradient(180deg,#DCE1CE,#E9DDC9)}
.k-btn:hover svg,.fabs .fab:hover svg{transform:scale(1.05)}
.k-btn:active,.fabs .fab:active{transform:scale(.98)}
.k-btn:focus-visible,.fabs .fab:focus-visible{outline:2px solid var(--rose-deep);outline-offset:3px}
.fabs .fab:focus-visible{opacity:1}
.k-grid.k-anim.k-in .k-btn:hover{transform:translateY(-2px)}
.k-grid.k-anim.k-in .k-btn:active{transform:scale(.98)}
.stop .pebble{cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}
.stop .pebble .st-more{cursor:auto}
.st-ic{transition:background-color .2s ease-out,border-color .2s ease-out}
.stop .pebble:hover{transform:translateY(-2px);box-shadow:0 18px 36px -22px rgba(42,37,32,.45);border-color:var(--rose-deep)}
.stop .pebble:hover .st-ic,.stop.open .st-ic{background:var(--rose-deep);border-color:var(--rose-deep)}
.stop .pebble:hover .st-ic::before,.stop .pebble:hover .st-ic::after,.stop.open .st-ic::before,.stop.open .st-ic::after{background:#fff}
.stop.open .st-ic::before{transform:translate(-50%,-50%) rotate(45deg)}
.stop.open .st-ic::after{transform:translate(-50%,-50%) rotate(135deg)}
.stop .pebble:active{transform:scale(.98)}
.stop .pebble:has(.st-head:focus-visible){outline:2px solid var(--rose-ink);outline-offset:3px}
.stop .st-head:focus-visible{outline:none}
.link-underline{transition:color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}
.link-underline:hover{box-shadow:0 1px 0 0 currentColor}
.lu-arr{display:inline-block;transition:transform .2s ease-out}
.link-underline:hover .lu-arr{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){
.k-btn:hover,.k-btn:active,.fabs .fab:hover,.fabs .fab:active,.k-grid.k-anim.k-in .k-btn:hover,.k-grid.k-anim.k-in .k-btn:active,.stop .pebble:hover,.stop .pebble:active{transform:none}
.k-btn:hover svg,.fabs .fab:hover svg,.link-underline:hover .lu-arr{transform:none}
.stop.open .st-ic::before{transform:translate(-50%,-50%) rotate(45deg)}.stop.open .st-ic::after{transform:translate(-50%,-50%) rotate(135deg)}
}

/* ===== v11: więcej o zabiegach ===== */
.wz>.search{margin:clamp(32px,4vw,48px) auto 0}
.wz>.noresult{margin-top:40px}
.wz-ch{margin-top:clamp(48px,6vw,80px)}
.wz-ch[hidden],.wz-card[hidden]{display:none}
.wz-ch-t{font-family:var(--ff-display);font-weight:500;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--gold-line)}
.wz-cards{list-style:none;margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}
@media (max-width:860px){.wz-cards{grid-template-columns:minmax(0,1fr);gap:12px}}
.wz-card .pebble{cursor:pointer;background:var(--ivory);border:1px solid var(--line-soft);border-radius:28px 34px 30px 36px/32px 28px 36px 30px;padding:18px 20px 18px 24px;box-shadow:0 14px 36px -26px rgba(42,37,32,.35);transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}
.wz-card .st-head{align-items:flex-start}
.wz-card .st-ic{margin-top:2px}
.wz-ht{display:flex;flex-direction:column;gap:8px;min-width:0}
.wz-naco{font-family:var(--ff-body);font-size:15px;line-height:1.6;color:var(--ink-soft);font-weight:400}
.wz-card .st-more{cursor:auto}
.wz-card.open .st-more{grid-template-rows:1fr}
.wz-jak{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);font-size:15px;line-height:1.65;color:var(--ink)}
.wz-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:16px}
.wz-facts div{min-width:0}
.wz-facts dt{font-family:var(--ff-label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
.wz-facts dd{margin:3px 0 0;font-size:14px;line-height:1.45;color:var(--ink)}
@media (max-width:600px){.wz-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}}
.wz-card .st-links{margin-top:12px}
.wz-card .pebble:hover{transform:translateY(-2px);box-shadow:0 18px 36px -22px rgba(42,37,32,.45);border-color:var(--rose-deep)}
.wz-card .pebble:hover .st-ic,.wz-card.open .st-ic{background:var(--rose-deep);border-color:var(--rose-deep)}
.wz-card .pebble:hover .st-ic::before,.wz-card .pebble:hover .st-ic::after,.wz-card.open .st-ic::before,.wz-card.open .st-ic::after{background:#fff}
.wz-card.open .st-ic::before{transform:translate(-50%,-50%) rotate(45deg)}
.wz-card.open .st-ic::after{transform:translate(-50%,-50%) rotate(135deg)}
.wz-card .pebble:active{transform:scale(.98)}
.wz-card .pebble:has(.st-head:focus-visible){outline:2px solid var(--rose-deep);outline-offset:3px}
.wz-card .st-head:focus-visible{outline:none}
.wz-close{margin-top:clamp(56px,7vw,88px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wz-close .voucher{margin-top:0}
@media (max-width:760px){.wz-close{grid-template-columns:minmax(0,1fr);gap:14px}}
.wz-note{margin-top:32px}
@media (prefers-reduced-motion:reduce){.wz-card .pebble:hover,.wz-card .pebble:active{transform:none}.wz-card .st-more{transition:none}}

.loc-map{display:block!important;overflow:hidden}
.loc-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.loc-body .loc-maptoggle{display:none!important}

.hstat .n,.szk-stat .n{font-variant-numeric:lining-nums}
.szk-photo{max-width:440px;width:100%;margin:0 auto}.szk-photo .frame{position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:var(--cream);box-shadow:var(--shadow-soft)}.szk-photo .frame img{width:100%;height:100%;object-fit:cover;display:block}

/* ===== v11 ===== */
.pcats .price-row.pr-indent .pr-name{padding-left:18px}
.st-sub{color:#5C5448}
.hstat .l{font-size:13px;color:var(--ink-soft)}
.szk-stat .l{font-size:13px}
.k-num{display:inline}
@media (max-width:760px){.k-num{display:none}}
.fq-gh{font-family:var(--ff-label);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-ink);margin:48px 0 6px}
.fq-gh:first-child{margin-top:0}
.fq-gh+.fq{border-top:1px solid var(--line)}

/* ===== v12 ===== */
.sub-links{margin:clamp(40px,5vw,56px) 0 clamp(48px,6vw,64px)}
.page-dark .sub-links{margin-bottom:0}
@media (max-width:760px){.sub-links{margin-top:32px}}
.page-head:not(.szk-page){padding-bottom:16px}
.page-head:not(.szk-page)+.topo{height:84px;margin:0;padding:10px 0;box-sizing:border-box;overflow:hidden;z-index:0}
.page-head+.topo+.ptabs{margin-top:0}
.ptabs{top:var(--stick,66px)}
html:has(.ptabs){scroll-padding-top:calc(var(--stick,66px) + 76px)}
.ptabs .wrap{display:flex;align-items:center;gap:8px}
.ptabs-in{flex:1;min-width:0;margin-left:-16px}
.ptabs-s{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--ivory);color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s}
.ptabs-s:hover{color:var(--ink);border-color:var(--gold-line)}
.ptabs-s svg{width:18px;height:18px}
.ptabs-s .ps-open{display:grid;place-items:center}
.ptabs-s .ps-close{display:none;font-size:24px;line-height:1}
.ptabs-sf{display:none;position:relative;flex:1;min-width:0;padding:8px 0}
.ptabs-sf svg{position:absolute;left:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--ink-faint)}
.ptabs-sf .tsearch{min-height:44px}
.ptabs.s-open .ptabs-in{display:none}
.ptabs.s-open .ptabs-sf{display:block}
.ptabs.s-open .ps-open{display:none}
.ptabs.s-open .ps-close{display:block}
.pcats>.search .tsearch,.wz>.search .tsearch{background:#FFFDF9}
.fq-q{display:block}
.sn{font-variant-numeric:lining-nums;background:#F7F1E8}
.steps::after{transition:transform .4s var(--ease,ease)}
@media (prefers-reduced-motion:reduce){.steps::after{transition:none}}
@media (min-width:861px){
.steps.steps5{--g:clamp(18px,2.2vw,32px);gap:var(--g);align-items:start}
.steps.steps5::before,.steps.steps5::after{left:calc((100% - 4 * var(--g)) / 10);right:calc((100% - 4 * var(--g)) / 10)}
.steps.steps5 .step{text-align:center}
.steps.steps5 .sn{margin:0 auto}
.steps.steps5 .step p{max-width:22ch;margin-left:auto;margin-right:auto}
}
.ab-quote,.about-szk-d{display:none}
@media (min-width:761px){
.about .wrap.about2{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"photo text";align-items:start;row-gap:0}
.ab-photo{grid-area:photo;grid-row:1 / span 3;position:sticky;top:calc(var(--stick,110px) + 28px);display:block;margin-bottom:40px}
.ab-photo .af-photo{display:block}
.ab-photo .frame{height:auto;aspect-ratio:4/5;min-height:0}
.ab-c1,.ab-c2{grid-column:2;grid-row:auto}
.ab-c1{grid-row:1}.ab-c2{grid-row:2}
.ab-c1{display:flex;flex-direction:column;align-items:flex-start}
.ab-c1 .about-szk{display:none}
.ab-c2{display:flex;flex-direction:column;align-items:flex-start}
.ab-c2 p:first-of-type{margin-top:20px}
.ab-c2::after{content:none}
.ab-c2 .about-szk-d{display:inline-flex;order:1;margin-top:28px}
.ab-c2 .about-sign{order:2}
.ab-quote{display:block;position:relative;margin:40px 0 20px;padding:4px 0 4px 40px;font-family:var(--ff-display);font-size:clamp(1.6rem,2.3vw,2.1rem);line-height:1.3;color:var(--ink);text-wrap:pretty}
.abq-line{position:absolute;left:0;top:0;width:12px;height:100%;fill:none;stroke:var(--gold-line);stroke-width:1;vector-effect:non-scaling-stroke}
.ab-photo .ab-reel{position:absolute;right:-28px;bottom:-28px;z-index:2;display:block}
.ab-photo .reel-mini{display:block;margin:0;position:relative}
.ab-photo .rmi-thumb{width:118px;border-radius:14px;border:4px solid var(--ivory);box-shadow:0 18px 40px -18px rgba(42,37,32,.5)}
.ab-photo .rmi-t{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:1.05rem}
}
.m2-label{text-align:center;margin-top:36px;font-family:var(--ff-label);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.meta2 .m2-label+.gal-grid{margin-top:18px}
a.m2-more{display:flex;flex-direction:column;padding:10px;text-decoration:none;color:#fff;transition:border-color .3s,background .3s}
a.m2-more:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.m2m-in{aspect-ratio:1;border-radius:7px;display:grid;place-items:center;text-align:center;padding:16px;border:1px dashed rgba(255,255,255,.22)}
@media (max-width:760px){.meta2 .gal-grid>.m2-more{flex:0 0 82%;scroll-snap-align:start}}
.ba-label{background:var(--cream);color:var(--ink);backdrop-filter:none}
.ba-label.po{background:var(--sage-deep);color:var(--cream)}
.ef-groups{margin-top:clamp(56px,7vw,96px)}
.ef-grp+.ef-grp{margin-top:clamp(48px,6vw,72px)}
.ef-gt{font-family:var(--ff-display);font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:400;color:#fff;text-align:center}
.ef-gd{margin:10px auto 0;max-width:620px;text-align:center;color:rgba(255,255,255,.78);text-wrap:pretty}
.ef-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.ef-grid figure{margin:0}
.ef-grid figcaption{margin-top:10px;font-family:var(--ff-label);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}
@media (max-width:1040px){.ef-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.ef-grid{grid-template-columns:minmax(0,1fr)}}
.szk-album{max-width:520px;width:100%;margin:0 auto;min-width:0}
.sa-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 30px}
.sa-track::-webkit-scrollbar{display:none}
.sa-track .frame{flex:0 0 86%;margin:0;scroll-snap-align:start;position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:var(--cream);box-shadow:var(--shadow-soft)}
.sa-track .frame img{width:100%;height:100%;object-fit:cover;display:block}
.sa-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:-10px}
.sa-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--ivory);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:border-color .2s}
.sa-nav button:hover{border-color:var(--gold-line)}
@media (max-width:760px){.sa-nav{display:none}}
.kontakt3 .k-head{padding-top:0}
@media (min-width:900px){.gab-lead{white-space:nowrap}}
.kontakt{background:var(--ivory)}
#kontakt{padding:96px 0}
.kontakt3 .k-head .h2{margin-top:-.119em;padding-bottom:.071em}
.kontakt3 .k-grid{margin-top:48px}
@media (max-width:760px){#kontakt{padding:64px 0}.kontakt3 .k-grid{margin-top:32px}}
.kontakt .k-btn:not(:hover){box-shadow:0 10px 26px -14px rgba(42,37,32,.22)}

/* ===== v12 ===== */
.ab-quote[hidden]{display:none!important}
#gabinety{padding-bottom:clamp(24px,3.65vh,47px)}
#kontakt{padding-top:48px}
@media (max-width:760px){#kontakt{padding-top:32px}}
.wz-facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:12px 20px}
@media (max-width:600px){.wz-facts{gap:12px 14px}}
@media (max-width:359px){.wz-facts{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}}
.wz-ch-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;padding-bottom:12px;border-bottom:1px solid var(--gold-line)}
.wz-ch-h .wz-ch-t{padding-bottom:0;border-bottom:0}
.wz-all{background:none;border:0;border-bottom:1px solid var(--gold-line);padding:0 0 4px;color:inherit;cursor:pointer;white-space:nowrap;font-size:10.5px}
sup.reg{font-size:.58em;line-height:0;vertical-align:baseline;position:relative;top:-.52em;margin-left:.04em}
.pcat-konsult .price-row{padding-bottom:0}.pcat-konsult .pr-note{margin-top:1px}

/* ===== v13 typography system ===== */
:root{--ink-muted:#6E655A}
.h2-sub,.pcat-head h2,.wz-ch-t,.voucher h2,.ef-gt{font-family:var(--ff-display);font-weight:500;font-size:clamp(1.75rem,3.2vw,2.375rem);line-height:1.1;letter-spacing:-0.01em}
.h2-sub,.pcat-head h2,.wz-ch-t,.voucher h2{color:var(--ink)}
.pr h3,.loc-body h3{font-family:var(--ff-display);font-weight:500;font-size:26px;line-height:1.15;letter-spacing:-0.01em;color:var(--ink)}
.st-tt,.steps.steps5 .step h3,.fq summary,.az-main h3{font-family:var(--ff-display);font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-0.01em}
.lead,.hero-sub{font-family:var(--ff-body);font-weight:400;font-size:18px;line-height:1.7;letter-spacing:0}
.lead,.hero-sub{color:var(--ink-soft)}
.about-copy p,.filo-body,.szk-copy p,.szk-page .szk-copy p,.fq-a p,.legal,.voucher p{font-family:var(--ff-body);font-weight:400;font-size:17px;line-height:1.7;letter-spacing:0;color:var(--ink-soft)}

.pr p,.steps.steps5 .step p,.st-line,.st-more .st-line,.st-det,.wz-naco,.wz-jak,.az-main p,.loc-addr{font-family:var(--ff-body);font-weight:400;font-size:15px;line-height:1.6;letter-spacing:0;color:var(--ink-soft)}
.st-sub,.pr-alias{font-family:var(--ff-body);font-weight:400;font-size:14px;line-height:1.4;letter-spacing:0;color:var(--ink-muted)}
.loc-note{font-family:var(--ff-body);font-weight:400;font-size:14px;color:var(--ink-muted)}
.cennik-foot,.pcats .cennik-foot,.pr-note,.reel-ph,.form-note{font-family:var(--ff-body);font-weight:400;font-style:italic;font-size:14px;line-height:1.6;letter-spacing:0;color:var(--ink-muted)}
.ph-t,.pr-price.ph{color:var(--ink-muted)}
.gal-note,.mmodal-foot .note{font-family:var(--ff-body);font-weight:400;font-style:italic;font-size:14px;line-height:1.6;letter-spacing:0;color:rgba(255,255,255,.78)}
.hero-badge .s,.wz-facts dt,.brand .brand-sub,.kch .kt,.field label,.mcard-count,.tb-badge,.ba-label,.ba-card .cap,.m2-card .cap,.mc-n,.mmodal-grid figcaption,.ef-grid figcaption,.lb-stage .cap,.m2-label{font-family:var(--ff-label);font-weight:500;font-size:11px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}
.hero-badge .s,.wz-facts dt,.brand .brand-sub,.kch .kt,.field label{color:var(--ink-muted)}
.ba-card .cap,.m2-card .cap,.mmodal-grid figcaption,.ef-grid figcaption,.lb-stage .cap,.m2-label{color:rgba(255,255,255,.78)}
.hstat .l,.szk-stat .l,.szk3 .szk-stat .l{font-family:var(--ff-label);font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.eyebrow,.fq-gh{font-family:var(--ff-label);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-ink)}
.efekty .eyebrow{color:var(--gold-line)}
.nav a,.ptabs a{font-family:var(--ff-label);font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.link-underline{font-family:var(--ff-label);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.st-links .link-underline,.wz-all{font-size:11px}
.btn,.k-btn{font-family:var(--ff-label);font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.price-row .pr-price{font-family:var(--ff-label);font-weight:500;font-size:15px;letter-spacing:.02em;color:var(--rose-ink)}
.price-row .pr-price.pr-quote{font-family:var(--ff-label);font-weight:500;font-size:15px;letter-spacing:.02em;color:var(--ink-soft)}
.footer-brand p,.footer ul a,.f-addr{font-family:var(--ff-body);font-weight:400;font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.72)}
.footer ul a:hover{color:#fff}
.footer-brand p.f-pwz{font-size:12.5px;letter-spacing:.04em}
.footer .f-h{font-family:var(--ff-label);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.footer-bottom{font-family:var(--ff-label);font-weight:400;font-size:11px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.footer-bottom .f-small{font-family:var(--ff-body);font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.55)}
.crumbs{font-family:var(--ff-label);font-weight:400;font-size:12px;letter-spacing:.06em;text-transform:none;color:var(--ink-muted)}
.crumbs a{color:var(--ink-muted)}
.crumbs span[aria-current]{color:var(--ink)}
.drawer-top .brand-name{font-family:var(--ff-display);font-size:21px;letter-spacing:.04em;font-weight:600;color:var(--ink);line-height:1}
@media (max-width:760px){
.pr h3,.loc-body h3{font-size:23px}
.st-tt,.steps.steps5 .step h3,.fq summary,.az-main h3{font-size:20px}
.lead,.hero-sub{font-size:17px}
.about-copy p,.filo-body,.szk-copy p,.szk-page .szk-copy p,.fq-a p,.legal,.voucher p{font-size:16px}
.st-sub,.pr-alias{font-size:13.5px}
.mbar a{font-size:11px}
}

/* ===== v14: audit fixes ===== */
:root{--rose-ink:#946649;--sh-card:0 14px 36px -24px rgba(42,37,32,.32);--sh-raised:0 18px 40px -18px rgba(42,37,32,.45)}
.btn-rose{background:var(--rose-ink);color:#fff}
.btn-rose:hover,.btn-primary:hover{background:color-mix(in oklab,var(--rose-ink) 82%,var(--ink))}
/* subpage header + merged search */
.ptabs-sr{position:relative;z-index:1;background:var(--ivory);border-bottom:1px solid var(--line-soft);padding:4px 0 16px}
.ptabs-sr .search{max-width:none;margin:0}
.ptabs-sr .tsearch{background:#FFFDF9}
.ptabs:not(.stuck){border-bottom-color:transparent}
.ptabs:not(.stuck) .ptabs-s{display:none}
.pcats>.pcat-konsult{margin-top:48px}
.pcats>.pcat-konsult .pcat-rows{margin-top:0}
#wzList>.wz-ch:first-child{margin-top:48px}
/* tabs */
.ptabs a{padding:0 13px}
.ptabs-in{margin-left:-13px}
.ptabs-in::after{content:"";flex:0 0 44px}
.ptabs-in.can-scroll{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent)}
/* Szkolenia stats */
.szk-hstats{flex-wrap:nowrap;gap:clamp(24px,4vw,48px)}
@media (min-width:861px){.szk-grid{align-items:stretch}.szk-copy{display:flex;flex-direction:column}.szk-hstats{margin-top:auto;padding-top:40px;padding-bottom:64px}.szk-album{align-self:end}}
/* floating buttons vs sticky bar */
.fabs{transition:opacity .2s,visibility .2s}
.fabs.fab-hide{opacity:0;visibility:hidden;pointer-events:none}
/* bottom link row */
.sub-links,.page-dark .sub-links{margin-top:48px;margin-bottom:48px}
.back-home{padding:48px 0}
@media (max-width:760px){.sub-links,.page-dark .sub-links{margin-top:32px;margin-bottom:32px}.back-home{padding:32px 0}}
/* tap areas */
@media (max-width:760px){
.st-head{position:relative}
.st-head::after{content:"";position:absolute;left:0;right:0;top:50%;height:max(100%,44px);transform:translateY(-50%)}
.burger{position:relative}
.burger::after{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%)}
.crumbs a{position:relative}
.crumbs a::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
}
/* headings */
h1,h2,h3,h4,.h2,.h3,.display,.fq summary{text-wrap:balance}
/* radii */
.about-figure .frame,.ab-photo .frame,.szk-photo .frame,.sa-track .frame,.ba-slot img,.ba-slot.hs,.m2-img img,.m2m-in,.mc-img,.mmodal-grid .mc-img,.mmodal-grid figure,.lb-stage img,.rm-frame,.about-figure .reel-still,.field input,.field textarea,.field select{border-radius:8px}
.hero-badge,.why-grid,.tcard,.treat-banner,.ba-card,button.ba-card,.szk-stat,.pgroup,.form,.loc-card,.mcard,.m2-card,.k-card,.visit-panel,.voucher{border-radius:14px}
.btn,.k-btn,.tsearch,.ptabs a,.tcard .chip,.tb-badge,.ba-label,.mcard-badge,.pr-price.ph,.az-tag,.about-figure .tag{border-radius:999px}
/* shadows */
.hero-badge,.about-figure .frame,.ab-photo .frame,.szk-photo .frame,.sa-track .frame,.form,.loc-card,.mcard,.pebble,.stop .pebble,.wz-card .pebble,.k-card,.k-btn,.k-card .k-btn,.kontakt .k-btn:not(:hover),.reel-play,.rmi-play,.ab-photo .rmi-thumb{box-shadow:var(--sh-card)}
.header.scrolled,.tcard:hover,.mcard:hover,.stop .pebble:hover,.wz-card .pebble:hover,.k-btn:hover,.k-card .k-btn:hover,.fab,.fabs .fab,.fabs .fab.inv,.fabs .fab:hover,.fabs .fab.inv:hover{box-shadow:var(--sh-raised)}
/* focus */
html body :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--rose-ink);outline-offset:3px}
/* main page sections */
#filozofia,#zabiegi,#omnie,#wizyta,section.section.men,#efekty,#gabinety,#kontakt{padding-top:96px;padding-bottom:96px}
#gabinety{padding-bottom:0}
#kontakt{padding-top:48px}
@media (max-width:760px){
#filozofia,#zabiegi,#omnie,#wizyta,section.section.men,#efekty,#gabinety,#kontakt{padding-top:64px;padding-bottom:64px}
#gabinety{padding-bottom:0}
#kontakt{padding-top:32px}
.page-head{padding-top:48px}
}
/* open pebbles */
@media (min-width:761px){.stops .stop.open{width:440px;max-width:440px!important}}
/* reduced motion */
@media (prefers-reduced-motion:reduce){.tcard:hover,.loc-card:hover,.mcard:hover,.m2-card:hover,.ba-card:hover,.wz-card .pebble:hover,.stop .pebble:hover{transform:none}.mcard:hover .mcard-img img{transform:none}.fabs{transition:none}}
.page-head h1,.page-head .h2{text-wrap-style:auto}
.page-head .faq-h{max-width:none;white-space:nowrap;text-wrap-mode:nowrap}
@media (max-width:560px){.page-head .faq-h{white-space:normal;text-wrap-mode:wrap}}
.szk-copy{min-width:0}
.szk-hstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.szk-hstats .hstat{min-width:0;padding-right:clamp(20px,3vw,44px)}
.szk-hstats .hstat+.hstat{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,44px);padding-right:0}
@media (min-width:1024px){.szk-hstats .l{white-space:nowrap}}
.footer-bottom{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding-top:24px;padding-bottom:32px}
.footer-bottom .f-small{max-width:none}
@media (min-width:1024px){.footer-bottom .f-small{white-space:nowrap}}
.f-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.f-legal{color:inherit;text-decoration:none;text-underline-offset:3px}
.f-legal:hover{text-decoration:underline;color:inherit}
@media (max-width:760px){.f-meta{flex-direction:column;align-items:flex-start}}
.footer{padding-bottom:0}
.footer .wrap.footer-bottom{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;grid-template-columns:none;gap:16px}
@media (max-width:760px){.footer .wrap.footer-bottom{display:flex;grid-template-columns:none;gap:16px}}
.nobr-l{white-space:nowrap}

/* ===== v14 ===== */
.footer .f-h{line-height:inherit;text-wrap:balance}
.anchor-alias{display:block;height:0}
.hero h1.eyebrow{line-height:inherit}
.hero p.display{font-family:var(--ff-display);font-weight:500;line-height:1.04;letter-spacing:-0.01em;color:var(--ink);text-wrap:balance}
:where(img[width][height]){height:auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:var(--ivory);color:var(--ink);font-family:var(--ff-label);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:12px 16px;border-radius:999px;box-shadow:var(--sh-raised);text-decoration:underline;text-underline-offset:4px}
.skip-link:focus{top:16px;outline:2px solid var(--rose-ink);outline-offset:3px}
main:focus,#main:focus{outline:none}
.lu-arr{margin-left:6px}
.wz-hd{margin:0;font:inherit;letter-spacing:inherit;color:inherit;text-wrap:inherit}
.hl{animation-duration:.5s}.hl1{animation-delay:0s}.hl2{animation-delay:.08s}.hl3{animation-delay:.16s}.hl4{animation-delay:.24s}.hl5{animation-delay:.3s}
.logo-draw .header .brand img{animation:logoDraw .6s cubic-bezier(.4,0,.2,1) both}
@keyframes logoDraw{from{opacity:.15;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){.logo-draw .header .brand img{animation:none}}
#gabinety .section-head{margin-left:auto;margin-right:auto;text-align:center}
#gabinety .gab-lead{margin-left:auto;margin-right:auto}
@media (min-width:761px){.wrap.pcats{margin-left:max(0px,calc((100% - var(--maxw)) / 2))}}
.fabs.fabs-l{left:22px;right:auto}
.fabs-l .fab{position:relative;inset:auto}
.fabs-l .fh-l{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--ivory);color:var(--sage-deep);font-family:var(--ff-label);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:7px 12px;border-radius:999px;box-shadow:var(--sh-card);opacity:0;pointer-events:none;transition:opacity .2s ease-out}
.fabs-l .fab:hover .fh-l,.fabs-l .fab:focus-visible .fh-l{opacity:1}
.drawer-close{position:relative}
.drawer-close::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.rv-rip{fill:none;stroke:var(--rose);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:rvRip .6s ease-out forwards;pointer-events:none}
@keyframes rvRip{from{transform:scale(1);opacity:.8}to{transform:scale(3.4);opacity:0}}
@media (max-width:760px){
.fabs.fabs-l{display:none}
.footer .wrap:not(.footer-bottom)>div:last-child{display:block;grid-column:1/-1}
.loc-card .loc-map{display:none!important}
.loc-card.map-open .loc-map{display:block!important}
.loc-body .loc-maptoggle{display:inline-flex!important}
.wz-ch-h{flex-direction:column;align-items:flex-start;justify-content:flex-start}
.river .stops .stop.stop,.river .stops .stop.stop.r,.river .stops .stop.stop:nth-child(4n+3),.river .stops .stop.stop.r:nth-child(4n){margin:0!important;width:max-content!important;max-width:80%!important;align-self:flex-start!important}
.river .stops .stop.stop.r,.river .stops .stop.stop.r:nth-child(4n){align-self:flex-end!important}
.river .stops .stop.stop.open{width:100%!important;max-width:100%!important}
.river.anim .stops .stop{transform:translateX(-12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.river.anim .stops .stop.r{transform:translateX(12px)}
.river.anim .stops .stop.shown{transform:none;opacity:1}
}
@media (prefers-reduced-motion:reduce){.rv-rip{display:none}.river .stops .stop{transform:none!important;transition:none!important}}
.hero h1.eyebrow .nw{white-space:nowrap}
.hero h1.eyebrow{text-wrap:wrap}
.hero h1.eyebrow .eb-t{min-width:0}

/* ===== v15 ===== */
@media (max-width:760px){.footer .wrap:not(.footer-bottom)>div:nth-child(2) ul{display:flex;flex-direction:column;gap:16px}.footer .wrap:not(.footer-bottom)>div:nth-child(2) ul a{white-space:nowrap}}
.drawer-sec{display:flex;flex-direction:column;margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.drawer-sec a{font-family:var(--ff-display);font-size:1.2rem;line-height:1.3;color:var(--ink-muted);min-height:44px;display:flex;align-items:center}
.drawer-sec a:hover{color:var(--ink)}
@media (max-width:1100px){.site-top{transition:transform .3s var(--ease,ease)}.site-top.hdr-hide{transform:translateY(-100%)}}
@media (prefers-reduced-motion:reduce){.site-top{transition:none}}
@media (max-width:760px){
.loc-card .loc-map,.loc-card.map-open .loc-map{display:block!important;aspect-ratio:auto;height:160px}
.loc-body .loc-maptoggle,.loc-maptoggle{display:none!important}
.men .h2+.men-links,.men-links{display:flex;flex-direction:column;gap:0;max-width:340px;margin:32px auto 0;border-top:1px solid var(--line)}
.men-links a.link-underline{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;white-space:nowrap;border-bottom:1px solid var(--line);text-decoration:none;box-shadow:none;padding:0}
.men-links a.link-underline:hover{box-shadow:none}
.men-links a.link-underline::after{content:"→";flex-shrink:0;font-size:14px;letter-spacing:0}
.men-links a:last-child:nth-child(odd){justify-self:auto}
}
@media (min-width:761px) and (max-width:1100px){.men-links{flex-wrap:wrap}}
@media (max-width:1100px){.world-links,.visit-cta,.voucher-links,.sub-links,.st-links{flex-wrap:wrap;max-width:100%}.world-links>a,.visit-cta>a,.voucher-links>a,.sub-links>a{max-width:100%}}
@media (max-width:760px){
.ab-photo{position:relative}
.ab-photo .ab-reel{position:absolute;right:-12px;bottom:-20px;z-index:2;display:block;width:30%;margin:0;order:0}
.ab-photo .reel-mini{display:block;margin:0;position:relative;width:100%}
.ab-photo .rmi-thumb{width:100%;border-radius:12px;border:3px solid var(--ivory);box-shadow:0 18px 40px -18px rgba(42,37,32,.5)}
.ab-photo .rmi-play{width:34px;height:34px}
.ab-photo .rmi-t{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:.9rem}
}
@media (min-width:761px) and (max-width:1100px){.men .h2+.men-links,.men-links{gap:20px 32px}.men-links>a{order:0}.men-links>a:last-child{order:2;margin-top:-20px}.men-links::before{content:"";flex-basis:100%;order:1;height:0}}
@media (max-width:760px){
.mbar{background:rgba(67,75,58,.88)!important;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);transition:background-color .35s ease}
.mbar a{transition:color .35s ease,border-color .35s ease}
.mbar.mb-light{background:rgba(250,246,239,.86)!important}
.mbar.mb-light a{color:var(--ink)}
.mbar.mb-light a+a{border-left-color:rgba(42,37,32,.12)}
}
.steps::after{transition:transform .4s var(--ease,ease)}.steps .step .sn{transition:border-color .3s ease,box-shadow .3s ease,color .3s ease}.steps .step.on .sn{border-color:var(--rose);box-shadow:0 0 0 3px color-mix(in oklab,var(--rose) 22%,transparent)}
@media (max-width:860px){.steps.steps5::before,.steps.steps5::after{bottom:var(--lb,22px)}}
@media (prefers-reduced-motion:reduce){.steps::after,.steps .step .sn{transition:none}}
.legal .lg-in{max-width:68ch}
.legal p,.legal li{text-wrap:pretty}
.legal p+p,.legal p+ul,.legal ul+p{margin-top:12px}
.legal ul{margin:12px 0 0;padding-left:1.25em;display:flex;flex-direction:column;gap:8px}
.legal ul ul{margin-top:8px}
.legal li>p{margin-top:8px}
.lg-toc{margin-top:32px;padding:20px 24px;background:var(--ivory-2);border-radius:14px}
.lg-toc-h{font-family:var(--ff-label);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-ink)}
.legal .lg-toc ol{margin:12px 0 0;padding-left:1.4em;display:flex;flex-direction:column;gap:4px;font-size:15px}
.legal .lg-toc a{color:var(--ink-soft);text-decoration:none}
.legal .lg-toc a:hover{color:var(--rose-ink);text-decoration:underline}
.lg-sec{margin-top:48px;scroll-margin-top:calc(var(--stick,110px) + 24px)}
.lg-h{font-family:var(--ff-display);font-weight:500;font-size:26px;line-height:1.15;letter-spacing:-0.01em;color:var(--ink);margin-bottom:12px}
.lg-date{margin-top:48px;font-size:14px;font-style:italic;color:var(--ink-muted)}
@media (max-width:760px){.lg-h{font-size:23px}.lg-sec{margin-top:32px}.lg-toc{padding:16px 18px}}
.f-legal-g{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.f-ck{display:inline-flex;align-items:baseline;gap:10px}.f-ck[hidden]{display:none}
button.f-legal{background:none;border:0;padding:0;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}
@media (max-width:760px){.about-copy.expanded.ab-c1 .about-szk{display:none}.ab-c2 .about-szk-d{display:inline-flex;align-items:center;min-height:44px;margin-top:20px}}
@media (min-width:761px) and (max-width:1099px){.hero .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-copy{display:contents}.hero .eyebrow{order:1}.hero .display{order:2}.hero-stats{order:3;justify-content:center}.hero-figure{order:4!important;margin:48px auto 0!important}}
.page-dark .m2-label+.gal-grid{margin-top:18px}
.ef-groups+.ef-note{margin-top:36px}
@media (max-width:760px){.m2-label .m2-sep{display:none}.m2-label .m2-l2{display:block}}
@media (min-width:1100px){.about .ab-photo{top:calc(var(--stick,110px) + 24px)}}
@media (min-width:761px) and (max-width:1099px){
.about .wrap.about2{display:flex;flex-direction:column;row-gap:0}
.ab-photo{order:1;max-width:440px;width:100%;margin:0 auto;position:relative;top:auto}
.ab-photo .frame{aspect-ratio:4/5;height:auto;min-height:0}
.ab-c1{order:2;margin-top:34px;display:block}
.ab-c2{order:3;margin-top:20px;display:block}
.ab-c2 p:first-of-type{margin-top:0}
.ab-quote{display:none}
.about-copy.expanded.ab-c1 .about-szk{display:none}
.ab-c2 .about-szk-d{display:inline-flex;align-items:center;min-height:44px;margin-top:20px}
.ab-photo .ab-reel{position:absolute;right:-12px;bottom:-20px;z-index:2;display:block;width:30%;margin:0;order:0}
.ab-photo .reel-mini{display:block;margin:0;position:relative;width:100%}
.ab-photo .rmi-thumb{width:100%;border-radius:12px;border:3px solid var(--ivory);box-shadow:0 18px 40px -18px rgba(42,37,32,.5)}
.ab-photo .rmi-play{width:34px;height:34px}
.ab-photo .rmi-t{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:.9rem}
}
@media (min-width:1100px){body:has(.pcats) .wrap.pcats{margin-left:auto;margin-right:auto}body:has(.pcats) .page-head .wrap,body:has(.pcats) .ptabs .wrap,body:has(.pcats) .ptabs-sr .wrap{max-width:900px;margin-left:auto;margin-right:auto}}
.river.anim .stop{opacity:.5}
.river.anim .stop.shown{opacity:1}
.hstat .n,.szk-stat .n,.price-row .pr-price{font-variant-numeric:lining-nums tabular-nums}
.st-links .link-underline{font-size:12px;position:relative}
.st-links .link-underline::before{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;min-height:100%;transform:translateY(-50%)}
.wz-facts dt{font-size:11px}
@media (max-width:760px){.mbar a{font-size:11px}}
.river.anim .stop{opacity:.5;transform:translateY(14px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.river.anim .stop.shown{opacity:1;transform:none}
@media (max-width:760px){.river.anim .stops .stop{opacity:.5;transform:translate(-12px,14px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.river.anim .stops .stop.r{transform:translate(12px,14px)}.river.anim .stops .stop.shown{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.river .stop,.river.anim .stop,.river.anim .stops .stop{opacity:1!important;transform:none!important;transition:none!important}}
#omnie{padding-bottom:0}
.pcat-konsult .pr-note{font-family:var(--ff-body);font-weight:400;font-style:normal;font-size:14px;line-height:1.4;letter-spacing:0;color:var(--ink-muted)}
@media (max-width:760px){.pcat-konsult .pr-note{font-size:13.5px}}
body:has(.pcats) .pcat-head p{margin-top:8px;font-family:var(--ff-body);font-weight:400;font-style:normal;font-size:15px;color:#6E655A}
body:has(.pcats) .ptabs-in{margin-left:0}
@media (max-width:760px){body:has(.pcats) .pcat-head p{font-size:14px}.pcats .price-row .pr-price{font-size:16px}}
.topo-gap{height:120px;margin:-60px 0;position:relative;z-index:1;pointer-events:none}
@media (max-width:760px){.topo-gap{height:110px;margin:-30px 0}}
.ab-photo .af-photo{position:relative}
.ab-pq{display:none!important}
@media (min-width:1100px){.about .ab-photo{position:static}.ab-pq{display:block!important;margin:84px 0 0!important}.ab-pq-by{display:block;margin-top:14px;font-family:var(--ff-label);font-style:normal;font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6E655A}}
.fabs .fab-tel{position:relative;inset:auto}
.fabs .fh-r{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--ivory);color:var(--sage-deep);font-family:var(--ff-label);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:7px 12px;border-radius:999px;box-shadow:var(--sh-card);opacity:0;pointer-events:none;transition:opacity .2s}
.fabs .fab-tel:hover .fh-r,.fabs .fab-tel:focus-visible .fh-r{opacity:1}

.tox-note{margin:16px 0 20px;padding:14px 18px;border-radius:14px;background:rgba(148,102,73,.07);font-family:var(--ff-body);font-weight:400;font-size:14px;line-height:1.4;font-style:normal;color:var(--ink-muted)}
.tox-note+.pcat-rows{margin-top:0}
.noresult .nr-back{display:block;margin-top:16px}
.noresult a.nr-reset{color:var(--ink);text-decoration:none}
.noresult a.nr-reset:hover{color:var(--rose-ink)}
.pcats .pr-group .price-row{padding:3px 0}
.pcats .pr-group .price-row:first-child{padding-top:9px}
.pcats .pr-group .price-row:last-child{padding-bottom:9px}
.pcats .pr-group .price-row.pr-indent .pr-name{padding-left:var(--pfx,16px)}
.pcats .pr-tgroup .price-row.pr-indent .pr-name{padding-left:16px}
.pr-group[hidden]{display:none}
@media (max-width:760px){.pcats .pr-group .price-row.pr-indent .pr-name{padding-left:16px}}
.sr-clear{display:flex;align-items:center;width:max-content;margin:12px auto 0;min-height:36px;padding:0 16px;border:1px solid #946649;border-radius:999px;background:transparent;color:#946649;font-family:var(--ff-label);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.sr-clear:hover{background:#946649;color:#fff}
.sr-clear[hidden]{display:none}
@media (max-width:760px){.sr-clear{min-height:44px}}
.ptabs.stuck{background:color-mix(in srgb,var(--ivory) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.pcats .price-group{display:grid;grid-template-columns:fit-content(60%) 1fr;column-gap:12px;align-items:baseline;padding:9px 0}
.pcats .price-group[hidden]{display:none}
.pcats .pg-name{min-width:0;font-size:15.5px;color:var(--ink)}
.pcats .pg-opts{display:grid;row-gap:6px;min-width:0}
.pcats .price-group .price-row{padding:0;display:flex;align-items:baseline;gap:12px}
.pcats .price-group .pr-var{flex:0 1 auto;font-size:15.5px;color:#6E655A}
@media (max-width:599px){.pcats .price-group{grid-template-columns:minmax(0,1fr);row-gap:6px}.pcats .price-group .pg-opts{padding-left:14px}.pcats .price-group.solo{display:flex;align-items:baseline;gap:12px}.pcats .price-group.solo .pg-name{flex:0 1 auto}.pcats .price-group.solo .pg-opts{flex:1 0 auto;padding-left:0}}
.ptabs a.on,.ptabs.stuck a.on{background:#EFE4D7;border-color:transparent;color:var(--ink);border-radius:999px}
@media (min-width:1100px){body:has(.pcats) .ptabs-in::after{display:none}}
.pcats .pr-alias{margin-top:2px;line-height:1.35}
@media (min-width:1200px){body:has(.pcats) .ptabs .wrap{max-width:calc(1120px + 2*var(--gutter))}}
@media (min-width:1100px) and (max-width:1199px){body:has(.pcats) .ptabs a{padding:0 10px;letter-spacing:.12em}}
.ps-count{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;font-family:var(--ff-body);font-weight:400;font-size:14px;line-height:1.35;color:var(--ink-muted);white-space:nowrap}
body:has(.pcats) .ptabs-sf .tsearch{padding-right:110px}
body:has(.pcats) .ptabs-sf .tsearch::-webkit-search-cancel-button{display:none}
.ptabs.searching{background:rgba(250,246,239,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.ptabs.searching .ptabs-in{display:none}
.ptabs.searching .ptabs-sf{display:block}
.ptabs.searching .ptabs-s{display:grid}
.ptabs.searching .ps-open{display:none}
.ptabs.searching .ps-close{display:block}
body:has(#ptabs.searching) .ptabs-sr{display:none}
@media (min-width:600px){.pcats .price-group:not(.solo){grid-template-columns:270px minmax(0,1fr)}.pcats .price-group.solo{grid-template-columns:auto minmax(0,1fr)}.pcats .price-group .pg-name{display:block}.pcats .price-group .pr-alias{display:block}.pcats .price-group.solo .pr-alias{white-space:nowrap;width:0;overflow:visible}}
@media (max-width:1100px){.fabs{transition:opacity .25s,transform .25s,visibility .25s}.fabs.fab-away{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px)}}
@media (max-width:1100px) and (prefers-reduced-motion:reduce){.fabs{transition:none}}
.wz-author{margin-top:8px;font-family:var(--ff-body);font-weight:400;font-size:13px;line-height:1.45;letter-spacing:0;text-transform:none;color:#6E655A}
.wz-cards.wz-list2{display:block;margin-top:0;list-style:none}
.wz-row{padding:24px 0}
.wz-row+.wz-row{border-top:1px solid var(--line-soft)}
.wz-row .wz-name{margin:0;font-family:var(--ff-body);font-weight:400;font-size:15.5px;color:var(--ink);min-width:0}
.wz-row .wz-sub{display:block;margin-top:2px;line-height:1.35}
.wz-row .wz-body{min-width:0}
.wz-row .wz-jak{margin:0;padding:0;border:0}
.wz-fl{margin-top:10px;font-family:var(--ff-body);font-size:14px;line-height:1.5;color:#6E655A}
.wz-fl b{font-weight:600}
.wz-row .st-links{margin-top:6px;display:flex;flex-wrap:wrap;gap:0 24px}
@media (min-width:600px){.wz-row{display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:12px;align-items:baseline}}
@media (max-width:599px){.wz-row{padding:18px 0}.wz-row .wz-body{margin-top:8px}}
.wz-intro{margin-top:12px;max-width:680px;font-family:var(--ff-body);font-weight:400;font-size:15px;line-height:1.6;color:var(--ink-soft)}
.wz-note-box{margin:16px 0 4px;max-width:680px}
.wz-chips{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wz-chips li{background:#F1E8DC;border-radius:999px;padding:6px 14px;font-family:var(--ff-body);font-size:13.5px;line-height:1.35;color:var(--ink)}
.wz-chips .wz-cl{color:#6E655A;font-weight:400}
.wz-sum{margin-top:8px;padding-top:24px;border-top:1px solid var(--line-soft)}
.wz-sum[hidden],.wz-tbl tr[hidden],.wz-fbar[hidden]{display:none}
.wz-sum-l{font-family:var(--ff-label);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6E655A}
.wz-tbl{width:100%;margin-top:10px;border-collapse:collapse;font-family:var(--ff-body);font-size:13px;line-height:1.45;color:var(--ink)}
.wz-tbl th{text-align:left;font-family:var(--ff-label);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6E655A;padding:8px 12px 8px 0;border-bottom:1px solid var(--line-soft)}
.wz-tbl td{padding:9px 12px 9px 0;border-bottom:1px solid var(--line-soft);vertical-align:top}
.wz-tbl .wz-tn{font-weight:600}
.wz-faq{margin-top:20px}
.wz-fbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:32px;font-family:var(--ff-body);font-size:14px;line-height:1.4;color:var(--ink-muted)}
.wz-fbar .link-underline{font-size:11px}
@media (max-width:599px){.wz-chips li{padding:5px 12px;font-size:13px}.wz-tbl thead{display:none}.wz-tbl,.wz-tbl tbody,.wz-tbl tr,.wz-tbl td{display:block}.wz-tbl tr{padding:10px 0;border-bottom:1px solid var(--line-soft)}.wz-tbl td{padding:1px 0;border:0}.wz-tbl td[data-l]::before{content:attr(data-l) ": ";color:#6E655A}}
/* Więcej – lista faktów, grupy, pytania, rodzaje preparatów (21 Oct) */
.wz-dl{display:grid;grid-template-columns:136px minmax(0,1fr);gap:6px 14px;margin:14px 0 0;font-family:var(--ff-body);font-size:14px;line-height:1.5;color:var(--ink)}
.wz-dl dt{font-family:var(--ff-label);font-weight:500;font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#6E655A;padding-top:2px}
.wz-dl dd{margin:0;min-width:0}
.wz-dl a,.wz-plinks a,.wz-tbl td a{color:var(--rose-ink);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
@media (max-width:599px){.wz-dl{grid-template-columns:104px minmax(0,1fr);gap:6px 10px;font-size:13.5px}}
.wz-grp{margin-top:28px}
.wz-grp[hidden],.wz-prep[hidden]{display:none}
.wz-grp-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
.wz-grp-t{margin:0;font-family:var(--ff-label);font-weight:500;font-size:12px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-ink)}
.wz-grp-h .link-underline{font-size:11px}
.wz-faq{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.wz-faq .wz-sum-l{margin-bottom:2px}
.wz-prep .wz-sum{margin-top:20px;border-top:0;padding-top:0}
.wz-plinks{margin-top:8px;font-family:var(--ff-body);font-size:14px;line-height:1.6;color:#6E655A}
.wz-prow,.wz-grp,.wz-card{scroll-margin-top:150px}
@media (max-width:599px){.wz-tbl td.wz-na{display:none}}
.fq-links{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 50px 22px 0}
.fq-links .link-underline{color:var(--ink);text-decoration:none;font-size:11px}
.fq-ul{margin:-10px 50px 22px 0;padding-left:20px;color:var(--ink-soft);line-height:1.75}
.fq-ul li{list-style:disc}
@media (max-width:599px){.fq-links,.fq-ul{padding-right:0;margin-right:0}}
/* Cennik – linki do opisów i podgrupy w Mezoterapii (21 Oct) */
.pcat-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px}
.pcat-head .pcat-more{font-size:11px;white-space:nowrap}
.pcat-sub{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:30px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--line-soft)}
.pcat-rows>.pcat-sub:first-child{margin-top:6px}
.pcat-sub[hidden]{display:none}
.pcat-sub-t{margin:0;font-family:var(--ff-label);font-weight:500;font-size:11px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-ink)}
.pcat-sub .link-underline{font-size:11px}
/* Nagłówek – menu „Dla pacjentów” (desktop, 21 Oct) */
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd-btn{font-family:var(--ff-label);font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);background:none;border:0;padding:6px 0;margin:0;cursor:pointer;white-space:nowrap;position:relative;display:inline-flex;align-items:center;gap:7px;transition:color .3s}
.nav-dd-btn::after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.nav-dd-btn::before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--rose-deep);transition:width .35s var(--ease)}
.nav-dd:hover .nav-dd-btn,.nav-dd.open .nav-dd-btn,.nav-dd:focus-within .nav-dd-btn,.nav-dd.is-current .nav-dd-btn{color:var(--ink)}
.nav-dd.is-current .nav-dd-btn::before,.nav-dd:hover .nav-dd-btn::before{width:calc(100% - 12px)}
.nav-dd:hover .nav-dd-btn::after,.nav-dd.open .nav-dd-btn::after,.nav-dd:focus-within .nav-dd-btn::after{transform:translateY(1px) rotate(-135deg)}
.nav-dd-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);margin-top:10px;min-width:300px;padding:10px 0;background:var(--ivory);border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--sh-raised);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu,.nav-dd.open .nav-dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav .nav-dd-menu a{display:block;padding:10px 22px;font-family:var(--ff-display);font-size:18px;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--ink-soft);white-space:nowrap}
.nav .nav-dd-menu a::after{display:none}
.nav .nav-dd-menu a:hover,.nav .nav-dd-menu a:focus-visible,.nav .nav-dd-menu a[aria-current="page"]{color:var(--ink);background:rgba(148,102,73,.06)}
@media (prefers-reduced-motion:reduce){.nav-dd-menu,.nav-dd-btn::after,.nav-dd-btn::before{transition:none}}

/* Pasek górny – „Szkolenia dla lekarzy” (desktop, 21 Oct) */
.topbar .tb-szk{padding-right:18px;border-right:1px solid rgba(255,255,255,.28)}
.topbar .tb-szk[aria-current="page"]{color:#fff}
@media (max-width:1200px){.topbar .tb-szk{display:none}}
/* Pływające przyciski – wyraźniejsze na jasnym tle (22 Oct) */
.fabs .fab,.fabs .fab.inv{background:#fff;border:1px solid rgba(67,75,58,.18);opacity:1;color:var(--sage-deep)}
.fabs .fab:hover,.fabs .fab:focus-visible,.fabs .fab:active,.fabs .fab.inv:hover{background:var(--sage-deep);border-color:var(--sage-deep);color:#fff}
.fabs .fab-wa,.fabs .fab-wa:hover,.fabs .fab-wa:focus-visible{color:#25D366}
/* Przewodnik – wersja skrócona (22 Oct) – START */
.wz-prep-teaser{margin-top:28px;max-width:680px;font-family:var(--ff-body);font-size:15px;line-height:1.6;color:var(--ink-soft)}
.wz-prep-teaser .link-underline{font-size:11px;margin-left:6px;white-space:nowrap}
.wz-prep-teaser[hidden]{display:none}
.wz-ch-h .wz-more{font-size:11px;white-space:nowrap}
.wz-tbl tr.wz-tfam th{padding:16px 0 6px;border-bottom:1px solid var(--line-soft);font-family:var(--ff-label);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-ink);text-align:left}
.wz-tbl tbody tr.wz-tfam:first-child th{padding-top:8px}
.wz-prep-note{font-size:14px}
.wz-pgrp{margin-top:28px}
@media (max-width:599px){.wz-tbl tr.wz-tfam{display:block;padding:14px 0 4px;border-bottom:0}.wz-tbl tr.wz-tfam th{display:block;padding:0 0 6px}}
/* Przewodnik – wersja skrócona (22 Oct) – END */
/* O mnie desktop: zdjęcie na wysokości „O mnie”, cytat niżej */
@media (min-width:1100px){.about .ab-photo{margin-top:calc(.21 * clamp(2rem, 4.4vw, 3.4rem))}.ab-pq{margin-top:124px!important}}
/* O mnie – cytat na telefonie i tablecie (22 Oct) – START */
@media (max-width:1099px){
.ab-pq{display:block!important;position:relative;margin:48px 0 8px!important;padding:4px 0 4px 32px;font-family:var(--ff-display);font-size:1.45rem;line-height:1.3;color:var(--ink);text-wrap:pretty}
.ab-pq .abq-line{position:absolute;left:0;top:0;width:12px;height:100%}
.ab-photo{flex-wrap:wrap}.ab-photo .af-photo{flex-basis:100%}.ab-pq{flex:0 0 100%;box-sizing:border-box;order:2}
.ab-pq-by{display:block;margin-top:12px;font-family:var(--ff-label);font-style:normal;font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6E655A}
}
/* O mnie – cytat na telefonie i tablecie (22 Oct) – END */

/* Umów wizytę – lead (23 Oct) */
.kontakt3 .k-head .lead{margin-left:auto;margin-right:auto;text-wrap:pretty}

/* FAQ – skoki do grup (25 Oct) */
.fq-jump{margin:0 0 36px;flex-wrap:wrap}
.fq-gh{scroll-margin-top:calc(var(--stick,110px) + 16px)}
/* FAQ – listy w odpowiedziach (25 Oct) */
.fq-a ul{list-style:disc outside;margin:-10px 0 0;padding:0 50px 22px 1.25em}
.fq-a li{font-family:var(--ff-body);font-weight:400;font-size:17px;line-height:1.7;color:var(--ink-soft)}
@media(max-width:760px){.fq-a li{font-size:16px}}
/* Przewodnik – szerszy układ na desktopie (26 Oct) */
@media (min-width:1100px){
.wz-ch>.wz-intro,.wz-ch>.wz-note-box,.wz-ch>.wz-faq{margin-left:282px;max-width:none}
.wz-row .wz-dl{grid-template-columns:136px minmax(0,640px);column-gap:14px}
}

.mc-img.w{aspect-ratio:1642/974}
/* Efekty – PRZED/PO etykiety: zawsze po lewej, mniejsze, jasne i półprzezroczyste (28 Oct) */
.mc-img .ba-label,.mc-img .ba-label.po{top:8px;left:8px;padding:4px 9px;font-size:9px;letter-spacing:.16em;background:rgba(250,246,239,.5);color:var(--ink);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.mc-img .ba-label.po{top:calc(50% + 8px)}
.mc-img.lr .ba-label.po{top:8px;left:calc(50% + 8px)}
@media (max-width:599px){.mc-img .ba-label,.mc-img .ba-label.po{padding:3px 8px;font-size:8.5px}}
/* Galeria efektów – na telefonie i tablecie każda grupa przesuwana palcem (28 Oct) */
@media (max-width:1040px){
.ef-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding:0 var(--gutter);scroll-padding:0 var(--gutter);scrollbar-width:none}
.ef-grid::-webkit-scrollbar{display:none}
.ef-grid>figure{flex:0 0 82%;scroll-snap-align:start}
.ef-count{margin-top:12px;text-align:center;font-family:var(--ff-label);font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.7)}
}
@media (min-width:600px) and (max-width:1040px){.ef-grid>figure{flex-basis:44%}}
@media (min-width:1041px){.ef-count{display:none}}
/* Galeria efektów – mniejszy odstęp nad pierwszą grupą na desktopie (28 Oct) */
@media (min-width:1041px){.ef-groups{margin-top:56px}}
/* Telefon: linki nie chowają się pod dolnym paskiem kontaktu (30 Oct) */
@media (max-width:760px){html{scroll-padding-bottom:96px}}
/* Przewodnik – wiersz „Na co” pod wstępem rozdziału (7 Nov) */
.wz-ch-naco{margin-top:14px}
.wz-ch-naco dd{grid-column:2/-1}
@media (min-width:1100px){.wz-ch>.wz-ch-naco{margin-left:282px}}
/* Komunikat w hero – nowy zabieg (do 18.01.2027, potem znika sam) */
.hero-news{position:relative;display:block;overflow:hidden;background:var(--sage-deep);color:var(--cream);text-decoration:none;padding:13px 0;font-family:var(--ff-body);font-size:14px;line-height:1.3;letter-spacing:.02em}
.hero-news:focus-visible{outline:2px solid var(--cream);outline-offset:-4px}
.hn-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:hn-move 60s linear infinite}
.hn-item{padding:0 32px}
.hn-item::after{content:"\2726";margin-left:64px;opacity:.6}
.hero-news:hover .hn-track,.hero-news:focus .hn-track{animation-play-state:paused}
@keyframes hn-move{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hn-track{animation:none}}
.mc-img.t{aspect-ratio:960/1200}
@media (min-width:1041px){.ef-grid:has(.mc-img.t){grid-template-columns:repeat(6,minmax(0,1fr))}.ef-grid:has(.mc-img.t)>figure{grid-column:span 2}.ef-grid:has(.mc-img.t)>figure:has(.mc-img.w){grid-column:span 4}.ef-grid:has(.mc-img.t) .mc-img.w{aspect-ratio:1.645}}

/* AL 11 Nov: menu Efekty + galeria, hero CTA, kontakt, pasek, fabs */
.nav-dd-ef{gap:2px}
.nav-dd-ef .nav-dd-btn{padding:6px 4px;min-width:20px;min-height:24px;justify-content:center}
.nav-dd-ef .nav-dd-btn::before{display:none}
.nav-dd-ef .nav-dd-menu{min-width:0}
.nav-dd-ef.is-current .nav-dd-a{color:var(--ink)}
.nav-dd-ef.is-current .nav-dd-a::after{width:100%}
.hero-cta{order:2;margin-top:clamp(26px,3vw,38px);display:flex}
@media (max-width:1040px){.hero-cta{justify-content:center}}
#kontakt{scroll-margin-top:clamp(90px,32vh,380px)}
.topbar .tb-right a[href^="tel"]{font-weight:400}
.kx{margin:48px auto 0;text-align:center}
.kx-phone{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:26px 54px;border-radius:999px;background:var(--sage-deep);color:var(--cream);box-shadow:0 18px 40px -20px rgba(42,37,32,.6);transition:transform .3s,box-shadow .3s}
.kx-phone:hover{color:var(--cream);transform:translateY(-2px)}
.kx .kx-l{font-family:var(--ff-label);font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.kx-n{font-family:var(--ff-label);font-weight:400;font-size:clamp(28px,3.6vw,42px);line-height:1;letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.kx-row{margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 34px}
.kx-link{display:inline-flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:16px;padding:8px 2px;border-bottom:1px solid var(--gold-line)}
.kx-link:hover{color:var(--rose-ink)}
.kx-link svg{width:20px;height:20px;color:var(--rose-ink);flex:none}
@media (max-width:760px){.kx{margin-top:32px}.kx-phone{padding:22px 34px}}
.hero-news{background:linear-gradient(90deg,#D9BC8C,#C79F67,#D9BC8C);color:#2A2520;font-size:16.5px;font-weight:500;padding:15px 0}
.hero-news:focus-visible{outline-color:#2A2520}
.fabs .fab:hover,.fabs .fab:focus-visible,.fabs .fab:active,.fabs .fab.inv:hover{background:linear-gradient(180deg,#D9BC8C,#C79F67);border-color:#C79F67;color:#2A2520}

/* AM 11 Nov: menu do prawej, cytat O mnie, cennik nagłówki */
@media (min-width:1201px){.header-cta{display:none}.header .nav{margin-left:auto;margin-right:0}}
@media (min-width:1100px){.ab-pq{font-size:clamp(1.3rem,1.75vw,1.6rem)}}
.pcat-sub{border-bottom:0}
@media (min-width:761px){.pcat-head h2{font-size:clamp(1.75rem,2vw,1.8rem)}}
@media (min-width:1041px){.ef-grid:has(.mc-img.t){max-width:800px;margin-left:auto;margin-right:auto}.ef-grid:has(.mc-img.t) figcaption{text-wrap:balance}}
.ef-note{max-width:620px;margin:12px auto 0;text-align:center;font-family:var(--ff-body);font-size:15px;line-height:1.6;color:rgba(255,255,255,.78);text-wrap:pretty}
.m2m-mos{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:1;overflow:hidden;border-radius:7px}
.m2m-mos img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;filter:saturate(.85) brightness(.8);transition:transform .6s var(--ease),filter .4s}
.m2m-go{position:absolute;inset:0;display:grid;place-items:center;background:rgba(42,37,32,.28);transition:background .4s}
.m2m-go span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#D9BC8C,#C79F67);color:#2A2520;font-size:24px;box-shadow:0 10px 26px -10px rgba(0,0,0,.5);transition:transform .35s var(--ease)}
.m2m-sub{font-family:var(--ff-label);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#D9BC8C}
a.m2-more{padding:14px}
a.m2-more:hover,a.m2-more:focus-visible{border-color:#C79F67;background:rgba(255,255,255,.08)}
a.m2-more:hover .m2m-mos img,a.m2-more:focus-visible .m2m-mos img{transform:scale(1.04);filter:saturate(1) brightness(.95)}
a.m2-more:hover .m2m-go,a.m2-more:focus-visible .m2m-go{background:rgba(42,37,32,.12)}
a.m2-more:hover .m2m-go span,a.m2-more:focus-visible .m2m-go span{transform:scale(1.1)}
@media (prefers-reduced-motion:reduce){.m2m-mos img,.m2m-go span{transition:none}a.m2-more:hover .m2m-mos img,a.m2-more:hover .m2m-go span{transform:none}}
.mc-img.w picture{display:contents}
@media (max-width:1040px){.mc-img.w{aspect-ratio:960/1200}.mc-img.w .ba-label.po{top:calc(50% + 8px);left:8px}}
@media (max-width:480px){.hero-cta .btn{letter-spacing:.1em;padding-left:22px;padding-right:22px;white-space:normal;text-align:center;max-width:100%}}
.drawer nav{gap:0;margin-top:28px}
.drawer nav a{font-size:1.6rem;padding:9px 0}
.drawer nav a.dr-sub{font-size:1.25rem;padding:6px 0 9px 18px;color:var(--ink-soft)}
.drawer nav a.dr-sub::before{content:"–";margin-right:8px;color:var(--rose)}
.drawer nav a[aria-current="page"]{color:var(--rose-ink)}
.drawer-sec{margin-top:14px;padding-top:6px}
.drawer-actions .btn{white-space:normal;text-align:center;letter-spacing:.1em;padding-left:18px;padding-right:18px}
#gabinety{scroll-margin-top:80px}
.drawer .drawer-actions{padding-top:16px}
@media (max-width:760px){.brand .brand-sub{display:block;font-size:9px;letter-spacing:.14em;margin-top:3px;color:var(--ink-muted)}.brand .brand-name{font-size:19px}}
.dr-brand{display:flex;flex-direction:column;gap:6px}.dr-brand-sub{font-family:var(--ff-label);font-weight:500;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);line-height:1.3}
img[src*="gal/"]{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
.mbar{grid-template-columns:repeat(3,1fr)!important}
