/* Medi-Vet — gabinet weterynaryjny, Mierzęcice. Motyw jasny (domyślny) i ciemny. */
:root{
  color-scheme:light;
  --bg:#ffffff;--bg2:#f4f6f7;--bg3:#e8edef;--panel:#ffffff;--panel2:#f8fafa;--fld:#ffffff;
  --ink:#16232b;--ink2:#3a4952;--mut:#62717a;--line:#e1e7ea;--line2:#cbd5da;
  --h:#0e2a31;--ac:#0e5458;--ac2:#0a4245;--acs:#ebf3f3;--acs2:#d5e6e6;
  --btn:#0e5458;--btn2:#0a4245;--btn-fg:#ffffff;
  --st-open:#1c7a4e;--st-closed:#b23f2c;
  --dk:#0c2b30;--dk2:#113a40;--dk0:#081f23;
  --on:#ffffff;--on2:#c9d6d9;--on3:#98adb2;--line-d:rgba(255,255,255,.14);
  --logo-g:#0f4447;--logo-h:#e06c4f;
  --sh1:0 1px 2px rgba(16,32,40,.05),0 1px 3px rgba(16,32,40,.06);
  --sh2:0 6px 18px -6px rgba(16,32,40,.10),0 2px 6px -2px rgba(16,32,40,.06);
  --sh3:0 24px 48px -16px rgba(16,32,40,.20);
  --top:rgba(255,255,255,.96);
  --F:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --out:cubic-bezier(.2,.8,.2,1);--e:cubic-bezier(.2,.8,.2,1);
  --r:12px;--r2:16px;--rs:8px;--g:16px;
}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#0d1619;--bg2:#111d21;--bg3:#18272c;--panel:#142227;--panel2:#18292f;--fld:#0f1a1e;
  --ink:#e7eef0;--ink2:#c2cfd3;--mut:#93a4aa;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.18);
  --h:#f1f6f7;--ac:#74c6c2;--ac2:#93d6d2;--acs:rgba(116,198,194,.11);--acs2:rgba(116,198,194,.2);
  --btn:#5fb3af;--btn2:#7cc7c3;--btn-fg:#04201f;
  --st-open:#6fd3a5;--st-closed:#f19a86;
  --dk:#0a2226;--dk2:#0f3036;--dk0:#061417;
  --logo-g:#e7eef0;--logo-h:#f08a6e;
  --sh1:0 1px 2px rgba(0,0,0,.4);--sh2:0 8px 22px -8px rgba(0,0,0,.6);--sh3:0 24px 48px -16px rgba(0,0,0,.7);
  --top:rgba(13,22,25,.96);
}
html{background:var(--dk0);overflow-x:clip;scroll-padding-top:84px}
body{font:400 16px/1.62 var(--F);color:var(--ink);background:var(--bg);overflow-x:clip;font-feature-settings:"cv11","ss01"}
/* zmiana motywu: nowy motyw odslaniany kolem od przycisku (app.js, html.vt-theme) */
.vt-theme::view-transition-old(root),.vt-theme::view-transition-new(root){animation:none;mix-blend-mode:normal}
.vt-theme::view-transition-group(root){animation:none}
.theme-sw,.theme-sw *,.theme-sw *::before,.theme-sw *::after{transition:none!important}
/* F5 / Wstecz: strona od razu na miejscu */
html.f5:not(.f5-ok){scroll-behavior:auto}
html.f5:not(.f5-ok) *,html.f5:not(.f5-ok) *::before,html.f5:not(.f5-ok) *::after{transition:none!important}
.f5 [data-up],.f5 .hero [data-h],.f5 .phero [data-h]{opacity:1!important;transform:none!important}
.anim-off *,.anim-off *::before,.anim-off *::after{animation-play-state:paused!important}
.defs{position:absolute;width:0;height:0;overflow:hidden}
svg use{pointer-events:none}
a{color:inherit}
::selection{background:var(--acs2);color:var(--ink)}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:4px}
.c-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--g)}

/* ---------- intro: logo pojawia sie i znika (calosc do 1,2 s) ---------- */
.intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);color:var(--ink);cursor:pointer;transition:opacity .25s ease,visibility 0s linear .25s;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none}
html:not(.js) .intro{display:none}
.intro.out{opacity:0;visibility:hidden}
.intro__in{display:grid;justify-items:center;gap:16px;padding:0 24px}
.intro__logo{width:min(240px,56vw);aspect-ratio:641/407;opacity:0;transform:translateY(6px);animation:iIn .4s var(--out) .05s forwards}
.intro__logo svg{display:block;width:100%;height:100%}
.intro__t{margin:0;padding-top:14px;border-top:1px solid var(--line);font:500 12px/1.3 var(--F);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);text-align:center;opacity:0;animation:iIn .4s var(--out) .2s forwards}
.intro__skip{position:fixed;left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom,0px));text-align:center;font:500 12.5px/1 var(--F);color:var(--mut);opacity:0;animation:iIn .3s ease .3s forwards}
@keyframes iIn{to{opacity:1;transform:none}}

/* ---------- przyciski ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--rs);font:600 15px/1.1 var(--F);letter-spacing:-.005em;text-decoration:none;text-align:center;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}
.btn svg{width:18px;height:18px;flex:none}
.btn--main{background:var(--btn);color:var(--btn-fg);box-shadow:var(--sh1)}
.btn--ghost{background:var(--panel);color:var(--h);box-shadow:inset 0 0 0 1px var(--line2)}
.btn--on{background:#fff;color:#0c2b30}
.btn--line{color:var(--on);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
@media (hover:hover){
  .btn--main:hover{background:var(--btn2)}
  .btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--ac);color:var(--ac)}
  .btn--on:hover{background:#e6eff0}
  .btn--line:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
}
.btn--lg{min-height:52px;font-size:15.5px}
.lnk{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 15px/1.2 var(--F);color:var(--ac);text-decoration:none}
.lnk span{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ac) 35%,transparent);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s}
.lnk svg{width:16px;height:16px;flex:none;transition:transform .25s var(--out)}
@media (hover:hover){.lnk:hover span{text-decoration-color:currentColor}.lnk:hover svg{transform:translateX(3px)}}

/* ---------- naglowek ---------- */
.top{position:sticky;top:0;z-index:50;background:var(--top);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);transition:box-shadow .3s}
.scrolled .top{box-shadow:0 8px 24px -18px rgba(16,32,40,.35)}
.top__in{display:flex;align-items:center;gap:10px;min-height:64px}
.top__prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;overflow:hidden}
.top__prog i{display:block;height:100%;background:var(--ac);transform-origin:0 50%;transform:scaleX(0)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;min-height:44px;min-width:0}
.logo__mv{height:44px;width:auto;aspect-ratio:641/407;flex:none;display:block}
.logo__t{display:flex;flex-direction:column;line-height:1}
.logo__t--mv{padding-left:12px;border-left:1px solid var(--line2)}
.logo__t small{font:500 11.5px/1.3 var(--F);color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.nav,.top__tel,.top__cta{display:none}
.theme-t{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--rs);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .2s,color .2s}
.theme-t svg{position:absolute;width:19px;height:19px;transition:opacity .35s var(--e),transform .65s var(--e)}
.theme-t__sun{opacity:0;transform:rotate(-120deg) scale(.4)}
:root[data-theme=dark] .theme-t__sun{opacity:1;transform:none}
:root[data-theme=dark] .theme-t__moon{opacity:0;transform:rotate(120deg) scale(.4)}
.theme-sw .theme-t svg{transition:opacity .35s var(--e),transform .65s var(--e)!important}
.theme-t{transition:box-shadow .2s,color .2s,transform .3s var(--e)}
.theme-t:active{transform:scale(.9);transition-duration:.12s}
@media (hover:hover){.theme-t:hover{box-shadow:inset 0 0 0 1px var(--line2);color:var(--h)}}
.burger{width:44px;height:44px;flex:none;border:0;border-radius:var(--rs);background:var(--btn);display:grid;place-content:center;gap:5px;cursor:pointer}
.burger i{display:block;width:18px;height:2px;border-radius:1px;background:var(--btn-fg);transition:transform .25s var(--out),opacity .2s}
.burger[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:absolute;left:0;right:0;top:100%;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px var(--g) 14px;box-shadow:var(--sh3);max-height:calc(100dvh - 84px);overflow:auto;overscroll-behavior:contain}
.mnav:not([hidden]){display:grid;animation:mnIn .45s var(--e)}
@keyframes mnIn{from{opacity:0;transform:translateY(-8px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 -80px 0)}}
.mnav:not([hidden]) a,.mnav:not([hidden]) .live{animation:mnA .5s var(--e) both;animation-delay:calc(var(--i,0) * 32ms + 70ms)}
@keyframes mnA{from{opacity:0;transform:translateY(-6px)}}
.mnav a{position:relative;display:flex;align-items:center;min-height:50px;padding:0 4px;border-bottom:1px solid var(--line);font:500 16px/1.2 var(--F);text-decoration:none;color:var(--ink)}
.mnav a::after{content:"";margin-left:auto;width:8px;height:8px;border-top:1.5px solid var(--mut);border-right:1.5px solid var(--mut);transform:rotate(45deg)}
.mnav a[aria-current=page]{color:var(--ac);font-weight:600}
.mnav .mnav__tel{margin-top:12px;border:0;border-radius:var(--rs);background:var(--btn);color:var(--btn-fg);justify-content:center;gap:10px;font-weight:600}
.mnav .mnav__tel::after{display:none}
.mnav .mnav__tel svg{width:18px;height:18px}
.mnav__st{display:flex;justify-content:center;padding:12px 4px 0}
body::after{content:"";position:fixed;inset:0;z-index:49;background:rgba(8,20,24,.38);opacity:0;visibility:hidden;touch-action:none;transition:opacity .25s ease,visibility 0s linear .25s}
.menu-open body::after{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s}

/* status na zywo */
.live{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.25 var(--F);color:var(--ink2)}
.live i{width:8px;height:8px;border-radius:50%;flex:none;background:var(--mut)}
.live.is-open i{background:var(--st-open)}
.live.is-closed i{background:var(--st-closed)}
.live.is-open{color:var(--st-open)}.live.is-closed{color:var(--st-closed)}
.foot .live,.band .live{color:var(--on2)}
.foot .live.is-open i,.band .live.is-open i{background:#6fd3a5}.foot .live.is-closed i,.band .live.is-closed i{background:#f19a86}

/* ---------- hero ---------- */
.hero{position:relative;padding:28px 0 36px;background:linear-gradient(180deg,var(--bg2),var(--bg) 92%)}
.hero__grid{display:grid;gap:30px}
.hero__k{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;font:600 12.5px/1.3 var(--F);letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ac);flex:none}
.hero__h{margin:0;font:700 clamp(32px,8.6vw,54px)/1.08 var(--F);letter-spacing:-.03em;color:var(--h);text-wrap:balance}
.hl{color:var(--ac)}
.hero__sub{margin:18px 0 0;font-size:17px;line-height:1.65;color:var(--ink2);max-width:580px}
.hero__sub a{color:var(--ac);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero__cta .btn{flex:1 1 220px}
.hero__rate{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);text-decoration:none;min-height:44px}
.rate__n{font:700 22px/1 var(--F);letter-spacing:-.02em;color:var(--h)}
.rate__t{font-size:14px;color:var(--mut)}
.rate__t b{color:var(--ink);font-weight:600}
.stars{position:relative;display:inline-flex;flex:none}
.stars span{display:inline-flex;gap:2px}
.stars svg{width:16px;height:16px;flex:none}
.stars__bg{color:var(--line2)}
.stars__fg{position:absolute;inset:0;color:#d39a2a;overflow:hidden;width:calc(var(--v,5) / 5 * 100%)}
.stars--sm .stars__fg{position:static}
.stars--sm svg{width:14px;height:14px}
.stars--lg svg{width:20px;height:20px}

.hero__art{position:relative;width:100%;max-width:560px;margin:0 auto}
.mosaic{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:10px}
.mosaic figure{margin:0;overflow:hidden;border-radius:var(--r);background:var(--bg3);box-shadow:var(--sh2)}
.mosaic img{width:100%;height:100%;object-fit:cover}
.mosaic__a{grid-column:1/-1;aspect-ratio:16/8}
.mosaic__b{aspect-ratio:4/3.4}
.mosaic__b img{object-position:0 40%}
.mosaic__c{position:relative;aspect-ratio:auto;min-height:0}
.mosaic__c img{position:absolute;inset:0}
.ticket{position:relative;display:flex;align-items:center;gap:12px;margin-top:10px;padding:13px 16px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.ticket__dot{width:10px;height:10px;border-radius:50%;background:var(--mut);flex:none;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 0%,transparent)}
.ticket.is-open .ticket__dot{background:var(--st-open);box-shadow:0 0 0 4px color-mix(in srgb,var(--st-open) 18%,transparent)}
.ticket.is-closed .ticket__dot{background:var(--st-closed);box-shadow:0 0 0 4px color-mix(in srgb,var(--st-closed) 16%,transparent)}
.ticket__t{display:flex;flex-direction:column;line-height:1.3}
.ticket__t b{font:600 15px/1.3 var(--F);color:var(--ink)}
.ticket__t small{font-size:13px;color:var(--mut)}

.facts{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1);overflow:hidden}
.facts li{display:flex;align-items:flex-start;gap:12px;padding:16px;box-shadow:inset -1px -1px 0 var(--line)}
.facts svg{width:22px;height:22px;color:var(--ac);flex:none;margin-top:1px}
.facts span{display:flex;flex-direction:column;font-size:13px;line-height:1.4;color:var(--mut)}
.facts b{font-size:14.5px;font-weight:600;color:var(--ink);margin-bottom:2px}

/* wejscie hero: krotkie, bez skokow */
.js .hero [data-h],.js .phero [data-h]{opacity:0;transform:translateY(14px)}
.js .hero.pre [data-h],.js .phero.pre [data-h]{opacity:.001}
.js .hero.go [data-h],.js .phero.go [data-h]{opacity:1;transform:none;transition:opacity .6s ease var(--k,0ms),transform .7s var(--e) var(--k,0ms)}

/* ---------- podstrony: naglowek ---------- */
.phero{position:relative;padding:12px 0 40px;background:var(--bg2);border-bottom:1px solid var(--line)}
.phero__grid{display:grid;gap:24px;position:relative;z-index:1}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;font:500 13.5px/1.3 var(--F);color:var(--mut);margin-bottom:10px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ac);text-decoration:none}
@media (hover:hover){.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}}
.phero h1{margin:0;font:700 clamp(30px,7.8vw,48px)/1.1 var(--F);letter-spacing:-.03em;color:var(--h);text-wrap:balance}
.phero__sub{margin:16px 0 0;font-size:17px;color:var(--ink2);max-width:620px}
.phero__art{margin:0;width:100%}
.phero__ph{overflow:hidden;border-radius:var(--r);background:var(--bg3);box-shadow:var(--sh2);aspect-ratio:16/9}
.phero__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.phero--dark{background:var(--dk);color:var(--on);border-bottom:0}
.phero--dark h1{color:var(--on)}
.phero--dark .phero__sub{color:var(--on2)}
.phero--dark .crumbs{color:var(--on3)}
.phero--dark .crumbs a{color:#fff}
.phero--dark :focus-visible{outline-color:#fff}

/* ---------- sekcje ---------- */
.sec{position:relative;padding:64px 0}
.sec--mint,.sec--cream{background:var(--bg2)}
.sec--tight{padding-top:0}
.phero+#lista{padding-top:28px}
.sh{display:grid;gap:10px;margin-bottom:32px;max-width:720px}
.sh--c{margin-left:auto;margin-right:auto;text-align:center;justify-items:center}
.sh--row{max-width:none;align-items:end}
.kick{display:inline-flex;align-items:center;gap:10px;margin:0;font:600 12.5px/1 var(--F);letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.kick::before{content:"";width:18px;height:1.5px;background:currentColor}
.kick--l{color:#9fd2cf}
h2{margin:0;font:700 clamp(27px,6.4vw,40px)/1.15 var(--F);letter-spacing:-.025em;color:var(--h);text-wrap:balance}
.hl2{color:var(--ac)}
.sh__sub{margin:4px 0 0;font-size:16.5px;color:var(--mut)}
/* pojawianie: subtelne */
.js [data-up]{opacity:0;transform:translateY(22px)}
.js [data-up].in{opacity:1;transform:none;transition:opacity .6s ease var(--d,0ms),transform .7s var(--e) var(--d,0ms)}

/* filtr (uslugi, pytania) */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);font:500 14px/1 var(--F);color:var(--ink2);transition:background .2s,color .2s,box-shadow .2s}
.chip svg{width:16px;height:16px;flex:none}
.chip[aria-pressed=true]{background:var(--h);box-shadow:none;color:var(--bg)}
:root[data-theme=dark] .chip[aria-pressed=true]{background:var(--btn);color:var(--btn-fg)}
@media (hover:hover){.chip:hover:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--ac);color:var(--ac)}}
.filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-bottom:20px}
.filter__n{margin:0;font-size:14px;color:var(--mut)}
.f-out{display:none!important}

/* uslugi — karty */
.svc{display:grid;gap:12px}
.card{position:relative;display:grid;grid-template-columns:auto 1fr auto;column-gap:14px;align-items:start;padding:18px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1);text-decoration:none;transition:box-shadow .25s,transform .25s var(--out)}
.card__ic{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--acs);color:var(--ac)}
.card__ic svg{width:26px;height:26px}
.card h3{margin:2px 0 4px;font:600 17px/1.3 var(--F);letter-spacing:-.01em;color:var(--h);grid-column:2}
.card p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2);grid-column:2}
.card__go{grid-column:3;grid-row:1/3;align-self:center;width:18px;height:18px;color:var(--mut);transition:transform .25s var(--out),color .2s}
.card--accent{background:var(--dk);box-shadow:none}
.card--accent .card__ic{background:rgba(255,255,255,.08);color:#fff}
.card--accent h3{color:var(--on)}
.card--accent p{color:var(--on2)}
.card--accent .card__go{color:var(--on3)}
@media (hover:hover){
  .card:hover{box-shadow:inset 0 0 0 1px var(--line2),var(--sh2);transform:translateY(-2px)}
  .card:hover .card__go{transform:translateX(3px);color:var(--ac)}
  .card--accent:hover{box-shadow:var(--sh2)}
  .card--accent:hover .card__go{color:#fff}
}
.svc__more{margin-top:20px}

/* hodowcy */
.breed{background:var(--dk);color:var(--on)}
.breed__in{position:relative;display:grid;gap:36px}
.breed h2{color:var(--on);margin-top:14px}
.breed__lead{margin:16px 0 0;font-size:17px;line-height:1.65;color:var(--on2)}
.breed__pts{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line-d)}
.breed__pts li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line-d);font-size:15.5px;line-height:1.5;color:var(--on2)}
.breed__pts b{color:var(--on);font-weight:600}
.breed__pts svg{width:20px;height:20px;flex:none;margin-top:1px;color:#9fd2cf}
.breed__side{display:grid;gap:12px;align-content:start}
.breed__ph{margin:0;overflow:hidden;border-radius:var(--r);aspect-ratio:655/252;background:var(--dk2)}
.breed__ph img{width:100%;height:100%;object-fit:cover}
.breed__q{margin:0;padding:22px;border-radius:var(--r);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line-d)}
.breed__q blockquote{margin:0;font-size:16px;line-height:1.6;color:var(--on)}
.breed__q figcaption{margin-top:12px;font-size:13.5px;color:var(--on3)}
.breed__q figcaption b{color:var(--on);font-weight:600}
.breed__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.breed__cta .btn{flex:1 1 220px}
.todo{margin:0;padding:16px 18px;border-radius:var(--r);border:1px dashed var(--line2);font-size:14.5px;line-height:1.55;color:var(--ink2);background:var(--panel2)}
.todo b{display:block;margin-bottom:3px;font:600 12px/1.3 var(--F);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}

/* poradnik — zajawka */
.pg{display:grid;gap:28px}
.tag{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:6px;background:var(--acs);font:600 12px/1.25 var(--F);letter-spacing:.02em;color:var(--ac);width:fit-content}
.tag svg{width:14px;height:14px;flex:none}
.pg__l{display:grid;gap:12px;justify-items:start;align-content:start}
.pg__l p:not(.kick){margin:0;color:var(--ink2);font-size:16.5px}
.pg__list{display:grid;gap:10px}
.gd{display:grid;grid-template-columns:auto 1fr auto;gap:0 16px;align-items:center;padding:18px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1);text-decoration:none;transition:box-shadow .25s}
.gd__n{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--acs);font:600 16px/1 var(--F);color:var(--ac);font-variant-numeric:tabular-nums}
.gd h3{margin:0 0 2px;font:600 16.5px/1.3 var(--F);color:var(--h);grid-column:2}
.gd p{margin:0;font-size:14.5px;line-height:1.45;color:var(--mut);grid-column:2}
.gd>svg{grid-column:3;grid-row:1/3;width:18px;height:18px;color:var(--mut);transition:transform .25s var(--out),color .2s}
.gd--urgent .gd__n{background:color-mix(in srgb,var(--st-closed) 12%,var(--panel));color:var(--st-closed)}
@media (hover:hover){.gd:hover{box-shadow:inset 0 0 0 1px var(--line2),var(--sh2)}.gd:hover>svg{transform:translateX(3px);color:var(--ac)}}

/* kalkulator */
.calc{display:grid;gap:20px;padding:18px;border-radius:var(--r2);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh2)}
.seg{border:0;margin:0;padding:0;min-width:0}
.seg legend{padding:0;margin-bottom:10px;font:600 14px/1.2 var(--F);color:var(--ink)}
.seg__opts{display:flex;flex-wrap:wrap;gap:8px}
.seg label{position:relative;flex:1 1 calc(50% - 8px);min-width:0}
.seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.seg label span{display:flex;flex-direction:column;justify-content:center;min-height:54px;padding:8px 14px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);font:600 14.5px/1.2 var(--F);color:var(--ink);transition:background .2s,box-shadow .2s,color .2s}
.seg label span small{font:400 12.5px/1.2 var(--F);color:var(--mut);margin-top:3px}
.seg label:first-child{flex-basis:100%}
.seg input:checked+span{background:var(--acs);color:var(--ac);box-shadow:inset 0 0 0 1.5px var(--ac)}
.seg input:checked+span small{color:var(--ac);opacity:.85}
.seg input:focus-visible+span{outline:2px solid var(--ac);outline-offset:2px}
@media (hover:hover){.seg label:hover input:not(:checked)+span{box-shadow:inset 0 0 0 1px var(--ac)}}
.age{margin-top:20px}
.age__lab{display:block;font:600 14px/1.2 var(--F);color:var(--ink);margin-bottom:8px}
.age__row{display:flex;align-items:center;gap:10px}
.age__btn{display:grid;place-items:center;width:46px;height:46px;flex:none;border:0;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);color:var(--h);cursor:pointer;transition:box-shadow .2s,color .2s}
.age__btn svg{width:20px;height:20px}
@media (hover:hover){.age__btn:hover{box-shadow:inset 0 0 0 1px var(--ac);color:var(--ac)}}
.age__btn:disabled{opacity:.4;cursor:default}
.age__val{flex:1;text-align:center;font:600 24px/1 var(--F);letter-spacing:-.02em;color:var(--h)}
.age input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:40px;margin:8px 0 0;background:transparent;cursor:pointer;--p:23%}
.age input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--ac) var(--p),var(--bg3) var(--p))}
.age input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--ac) var(--p),var(--bg3) var(--p))}
.age input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--panel);border:2px solid var(--ac);box-shadow:var(--sh1)}
.age input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--panel);border:2px solid var(--ac);box-shadow:var(--sh1)}
.age input[type=range]:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.age__scale{display:flex;justify-content:space-between;font:500 12px/1 var(--F);color:var(--mut);padding:0 4px}
.age__scale i{font-style:normal}
.calc__out{display:grid;gap:4px;align-content:center;padding:22px 18px;border-radius:var(--r);background:var(--bg2);text-align:center}
.res__k{margin:0;font:500 14px/1.3 var(--F);color:var(--mut)}
.res__n{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin:4px 0 0;color:var(--h)}
.res__tilde{font:500 28px/1 var(--F);color:var(--mut)}
.res__n b{font:700 60px/1 var(--F);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ac)}
.res__u{font:500 16px/1.2 var(--F);color:var(--ink2)}
.res__stage{margin:10px 0 0}
.badge{display:inline-block;padding:6px 12px;border-radius:6px;background:var(--h);color:var(--bg);font:600 13px/1.2 var(--F)}
:root[data-theme=dark] .badge{background:var(--btn);color:var(--btn-fg)}
.life{margin:16px auto 0;max-width:340px;width:100%}
.life__bar{display:block;height:6px;border-radius:6px;background:var(--bg3);position:relative}
.life__bar i{position:absolute;top:50%;left:var(--lp,30%);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--panel);box-shadow:0 0 0 2px var(--ac),var(--sh1);transition:left .4s var(--out)}
.life__lab{display:flex;justify-content:space-between;margin-top:8px;font:500 12px/1 var(--F);color:var(--mut)}
.life__lab em{font-style:normal}
.res__tip{margin:16px 0 0;font-size:14.5px;line-height:1.6;color:var(--ink2);text-align:left;padding:14px 16px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.res__tip b{color:var(--h);font-weight:600}
.calc__note{margin:16px auto 0;max-width:640px;text-align:center;font-size:13.5px;color:var(--mut)}

/* historia / zespol */
.hist{display:grid;gap:34px}
.hist__card{position:relative;padding:24px 22px 20px;border-radius:var(--r2);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh2);border-top:3px solid var(--ac)}
.hist__card .hist__date{margin:0 0 14px;font:600 12.5px/1.2 var(--F);letter-spacing:.1em;text-transform:uppercase;color:var(--ac)}
.hist__ic{display:grid;place-items:center;width:48px;height:48px;margin:0 0 14px;border-radius:10px;background:var(--acs);color:var(--ac)}
.hist__ic svg{width:24px;height:24px}
.hist__card h3{margin:0 0 10px;font:600 20px/1.3 var(--F);letter-spacing:-.015em;color:var(--h)}
.hist__card p{margin:0;font-size:15px;color:var(--ink2)}
.hist__src{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;font:600 14.5px/1.2 var(--F);color:var(--ac);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hist__src svg{width:16px;height:16px;flex:none}
.hist__txt h2{margin:14px 0 16px}
.hist__txt>p:not(.kick){margin:0 0 12px;color:var(--ink2);font-size:16.5px}
.team{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.team li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.team li>span:last-child{display:flex;flex-direction:column;font-size:14px;line-height:1.4;color:var(--mut)}
.team b{font-size:15.5px;font-weight:600;color:var(--ink)}
.team__av{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--dk);color:#fff;font:600 14px/1 var(--F);letter-spacing:.04em}
.team__av--2{background:var(--acs);color:var(--ac)}

/* karuzele */
.car{position:relative;min-width:0}
.car__track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--g) * -1);padding:4px var(--g) 8px;scroll-padding-inline:var(--g);-webkit-overflow-scrolling:touch}
.car__track::-webkit-scrollbar{display:none}
.car__track:focus-visible{outline-offset:-3px}
.car__track.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.car__track.drag *{pointer-events:none}
.car__s{flex:0 0 var(--sw,76%);scroll-snap-align:start;min-width:0;margin:0}
.car__nav{display:flex;align-items:center;gap:12px;margin-top:16px}
.car__btn{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--rs);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);color:var(--h);transition:box-shadow .2s,opacity .2s,color .2s}
.car__btn svg{width:18px;height:18px}
.car__btn[disabled]{opacity:.35;pointer-events:none}
@media (hover:hover){.car__btn:hover{box-shadow:inset 0 0 0 1px var(--ac);color:var(--ac)}}
.car__prog{flex:1;height:2px;border-radius:2px;background:var(--line);overflow:hidden}
.car__prog i{display:block;height:100%;background:var(--ac);transform-origin:0 50%;transform:scaleX(var(--cp,.2));transition:transform .3s var(--out)}
.car__cnt{font:500 13px/1 var(--F);color:var(--mut);min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
.car__cnt b{color:var(--ink);font-weight:600}
@media (hover:hover) and (pointer:fine){.car__track{cursor:grab}}

/* opinie */
.score{display:flex;align-items:center;gap:14px}
.score__n{margin:0;font:700 52px/1 var(--F);letter-spacing:-.04em;color:var(--h);font-variant-numeric:tabular-nums}
.score__src{margin:6px 0 0;font-size:14px;color:var(--mut)}
.revs{--sw:88%}
.rev{display:flex;flex-direction:column;padding:22px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.rev blockquote{margin:0 0 18px;font-size:15px;line-height:1.65;color:var(--ink2)}
.rev figcaption{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--mut)}
.rev figcaption b{color:var(--ink);font-size:14.5px;font-weight:600}
.rev--big{background:var(--dk);box-shadow:none}
.rev--big blockquote{font-size:16.5px;line-height:1.6;color:var(--on)}
.rev--big figcaption{color:var(--on3);border-top-color:var(--line-d)}
.rev--big figcaption b{color:var(--on)}
.rev__q{width:26px;height:20px;color:#9fd2cf;margin-bottom:14px;flex:none;opacity:.9}
.revs__more{margin-top:22px}

/* pytania */
.faq{display:grid;gap:24px}
.faq__head{display:grid;gap:10px;align-content:start}
.faq__head .chips{margin-top:8px}
.faq__list{display:grid;gap:0;align-content:start;min-width:0;border-top:1px solid var(--line)}
.qa{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:transparent}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:14px 2px;font:600 16px/1.4 var(--F);color:var(--ink);cursor:pointer;list-style:none;transition:color .2s}
.qa summary::-webkit-details-marker{display:none}
.qa.is-open summary{color:var(--ac)}
@media (hover:hover){.qa summary:hover{color:var(--ac)}}
.qa summary i{position:relative;width:28px;height:28px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .2s,background .2s}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:8px;right:8px;top:13.25px;height:1.5px;border-radius:1px;background:var(--ink2);transition:transform .3s var(--out),opacity .2s}
.qa summary i::after{transform:rotate(90deg)}
.qa.is-open summary i{background:var(--ac);box-shadow:none}
.qa.is-open summary i::before{background:#fff}
.qa.is-open summary i::after{transform:rotate(0);opacity:0}
:root[data-theme=dark] .qa.is-open summary i::before{background:var(--btn-fg)}
.qa summary:focus-visible{outline-offset:-2px}
.qa__a{overflow:hidden}
.qa__b{padding:0 44px 20px 2px;font-size:15.5px;color:var(--ink2)}
.qa__b>*{opacity:0;transition:opacity .25s ease}
.qa.is-open .qa__b>*{opacity:1;transition-delay:.08s}
.qa__b p{margin:0}
.qa__b a{color:var(--ac);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* wizyta / formularz */
.visit{background:var(--dk);color:var(--on)}
.visit__in{display:grid;gap:32px}
.visit h2{color:var(--on);margin-top:14px}
.visit__sub{margin:14px 0 0;font-size:17px;color:var(--on2)}
.urgent{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:16px;border-radius:var(--r);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line-d);color:var(--on)}
.urgent svg{width:20px;height:20px;flex:none;margin-top:2px;color:#9fd2cf}
.urgent p{margin:0;font-size:15.5px;line-height:1.5;color:var(--on2)}
.urgent b{color:var(--on)}
.urgent a{font-weight:700;white-space:nowrap;color:#fff}
.visit__pts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.visit__pts li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--on2)}
.visit__pts svg{width:18px;height:18px;flex:none;color:#9fd2cf;margin-top:3px}
.visit__pts a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.qform-wrap{border-radius:var(--r2);background:var(--panel);color:var(--ink);padding:22px 18px;box-shadow:var(--sh3)}
.qform{display:grid;gap:16px}
.qf-row{display:grid;gap:16px}
.qf{display:grid;gap:6px;min-width:0}
.qf label{font:600 14px/1.2 var(--F);color:var(--ink)}
.qf label b{color:var(--st-closed)}
.qf input,.qf select,.qf textarea{width:100%;min-height:48px;padding:11px 14px;border-radius:var(--rs);border:1px solid var(--line2);background:var(--fld);font:400 16px/1.4 var(--F);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.qf textarea{min-height:120px;resize:vertical}
.qf textarea::placeholder{color:var(--mut);opacity:1}
.qf input:focus,.qf select:focus,.qf textarea:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 18%,transparent)}
.qf.bad input{border-color:var(--st-closed);box-shadow:0 0 0 3px color-mix(in srgb,var(--st-closed) 14%,transparent)}
.qf-err{margin:0;font:500 13px/1.3 var(--F);color:var(--st-closed)}
.qf-err:empty{display:none}
.qf-send{width:100%}
.qf-note{margin:0;font-size:13px;line-height:1.5;color:var(--mut)}
.qdone{text-align:center;padding:10px 4px}
.qdone:focus{outline:none}
.qdone__ic{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--acs);color:var(--ac)}
.qdone__ic svg{width:26px;height:26px}
.qdone h3{margin:0 0 10px;font:600 20px/1.35 var(--F);color:var(--h)}
.qdone p{margin:0 0 18px;color:var(--ink2);font-size:15.5px}
.qdone a{color:var(--ac);font-weight:600;word-break:break-word}
/* lista rozwijana (csel.js): kolory zawsze z motywu */
.qform .csel{--cs-fg:var(--ink)!important;--cs-bg:var(--fld)!important;--cs-menu:var(--panel)!important;--cs-bd:var(--line2)!important;--cs-bw:1px!important;--cs-acc:var(--ac)!important;--cs-mut:var(--mut)!important;--cs-hov:var(--acs)!important;--cs-rad:8px!important;--cs-h:48px!important;--cs-pl:14px!important;--cs-font:400 16px/1.4 var(--F)!important}
.qform .csel-opt.act{background:var(--acs);color:var(--ink)}
.qform .csel-opt[aria-selected="true"]{color:var(--ac)}
.qform .csel-btn,.qform .csel-chev,.qform .csel-list,.qform .csel-opt,.qform .csel-ck{transition-timing-function:ease!important}
.qform .csel.open .csel-opt{animation:none}
@media (hover:none){.qform .csel:not(.open) .csel-btn:not(:focus-visible):hover{border-color:var(--cs-bd)}}

/* kontakt */
.contact__in{display:grid;gap:32px}
.contact__txt h2{margin:14px 0 20px}
.tel-xl{display:flex;flex-direction:column;gap:4px;text-decoration:none;font:700 clamp(30px,8vw,40px)/1.1 var(--F);letter-spacing:-.03em;color:var(--h);margin-bottom:16px}
.tel-xl small{font:600 12px/1.4 var(--F);color:var(--mut);letter-spacing:.1em;text-transform:uppercase}
@media (hover:hover){.tel-xl:hover{color:var(--ac)}}
.c-link{display:flex;align-items:center;gap:12px;min-height:44px;font:500 15.5px/1.3 var(--F);color:var(--ink);text-decoration:none;word-break:break-word}
.c-link svg{width:18px;height:18px;flex:none;color:var(--ac)}
@media (hover:hover){.c-link:hover{color:var(--ac)}}
.addr{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1);text-decoration:none;transition:box-shadow .2s}
@media (hover:hover){.addr:hover{box-shadow:inset 0 0 0 1px var(--ac),var(--sh2)}}
.addr>svg{width:22px;height:22px;flex:none;color:var(--ac)}
.addr span{display:flex;flex-direction:column;flex:1;font-size:15.5px;color:var(--ink)}
.addr span b{font-weight:600}
.addr small{font-size:13px;color:var(--mut);margin-top:2px}
.addr__ar{width:16px;height:16px;flex:none;color:var(--mut)}
.hours{padding:22px 20px;border-radius:var(--r2);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh2)}
.hours__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.hours__head>svg{width:22px;height:22px;color:var(--ac)}
.hours__head h3{margin:0;font:600 19px/1.2 var(--F);letter-spacing:-.01em;color:var(--h);margin-right:auto}
.hours__now{font:600 12.5px/1 var(--F);padding:7px 10px;border-radius:6px;background:color-mix(in srgb,var(--st-open) 12%,var(--panel));color:var(--st-open)}
.hours__now:empty{display:none}
.hours__now.is-closed{background:color-mix(in srgb,var(--st-closed) 12%,var(--panel));color:var(--st-closed)}
.hours__today{margin:0 0 12px;font-size:15px;color:var(--ink2)}
.hours__today b{color:var(--ink);font-weight:600}
.hours__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.hours__list li{display:flex;justify-content:space-between;gap:12px;padding:11px 10px;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink2)}
.hours__list b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.hours__list .off b{color:var(--mut);font-weight:500}
.hours__list li.today{background:var(--acs);color:var(--ac);box-shadow:inset 3px 0 0 var(--ac)}
.hours__list li.today b{color:var(--ac)}
.hours__list li.today span::after{content:" · dziś";font-weight:600}
.hours__note{margin:12px 0 0;font-size:13px;color:var(--mut)}

/* stopka */
.foot{position:relative;background:var(--dk0);color:var(--on2);padding:48px 0 calc(36px + env(safe-area-inset-bottom,0px))}
.foot__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:26px;border-bottom:1px solid var(--line-d)}
.foot__brand{display:flex;gap:16px;align-items:center}
.foot__brand .logo__mv{--logo-g:#ffffff;--logo-h:#f08a6e;height:48px}
.foot__brand span{display:flex;flex-direction:column;gap:3px}
.foot__brand b{color:var(--on);font:600 16.5px/1.3 var(--F)}
.foot__brand small{font-size:13.5px;line-height:1.45}
.foot__up{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--rs);box-shadow:inset 0 0 0 1px var(--line-d);color:var(--on);transition:background .2s}
.foot__up svg{width:18px;height:18px}
@media (hover:hover){.foot__up:hover{background:rgba(255,255,255,.08)}}
.foot__cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;padding:28px 0}
.foot__k{margin:0 0 8px;font:600 12px/1.2 var(--F);letter-spacing:.12em;text-transform:uppercase;color:var(--on3)}
.foot__cols ul{list-style:none;margin:0;padding:0}
.foot__cols li a,.foot__a{display:inline-flex;align-items:center;min-height:40px;font-size:14.5px;line-height:1.3;color:var(--on);text-decoration:none;word-break:break-word}
@media (hover:hover){.foot__cols li a:hover,.foot__a:hover{color:#9fd2cf}}
.foot__cols p{margin:0;font-size:14.5px;line-height:1.6}
.foot__s{margin-top:10px!important;font-size:13px!important}
.foot__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;padding-top:14px;border-top:1px solid var(--line-d);font-size:13px;color:var(--on3)}
.foot__meta a{display:inline-flex;align-items:center;min-height:44px;color:var(--on2);text-decoration:underline;text-underline-offset:3px}
.foot :focus-visible,.breed :focus-visible,.visit__txt :focus-visible,.band :focus-visible,.rev--big :focus-visible,.card--accent:focus-visible{outline-color:#fff}

/* dolny pasek (telefon) */
.mbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:45;display:grid;grid-template-columns:1fr 1.2fr;gap:8px;padding:6px;border-radius:12px;background:var(--panel);box-shadow:0 12px 32px -10px rgba(16,32,40,.35),inset 0 0 0 1px var(--line);transform:translateY(160%);transition:transform .35s var(--out)}
.show-bar .mbar{transform:none}
.no-bar .mbar,.menu-open .mbar{transform:translateY(160%)}
.mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:8px;font:600 15px/1 var(--F);text-decoration:none}
.mbar svg{width:18px;height:18px}
.mbar__call{background:var(--btn);color:var(--btn-fg)}
.mbar__visit{color:var(--h);box-shadow:inset 0 0 0 1px var(--line2)}

/* ---------- podstrona Uslugi ---------- */
.ul{display:grid;gap:26px}
.toc{display:none}
.ul__list{display:grid;gap:14px;min-width:0}
.sv{position:relative;display:grid;gap:16px;padding:22px 20px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1);scroll-margin-top:16px}
.sv__h{display:flex;align-items:center;gap:16px}
.sv__ic{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:12px;background:var(--acs);color:var(--ac)}
.sv__ic svg{width:30px;height:30px}
.sv--acc{box-shadow:inset 0 0 0 1px var(--line),inset 3px 0 0 var(--ac),var(--sh1)}
.sv--acc .sv__ic{background:var(--dk);color:#fff}
.sv__h h2{font-size:clamp(22px,5.4vw,27px);letter-spacing:-.02em}
.sv__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);font:500 12px/1.3 var(--F);color:var(--ink2)}
.pill--h{background:var(--acs);box-shadow:none;color:var(--ac)}
.sv__lead{margin:0;font-size:16px;color:var(--ink2)}
.sv__l{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}
.sv__l li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--ink2)}
.sv__l svg{width:18px;height:18px;flex:none;color:var(--ac);margin-top:2px}
.sv__ge{align-self:start;margin:0;padding:14px 16px;border-radius:10px;background:var(--bg2);font-size:14px;line-height:1.6;color:var(--ink2)}
.sv__ge .tag{margin-bottom:8px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.sv__ge>span:last-child{display:block}
.sv__f{display:flex;flex-wrap:wrap;gap:0 22px;padding-top:6px;border-top:1px solid var(--line)}

/* pasek zachety na koncu podstron */
.band{position:relative;background:var(--dk);color:var(--on)}
.band__in{position:relative;z-index:1;display:grid;gap:22px;padding-top:52px;padding-bottom:52px}
.band h2{color:var(--on)}
.band__txt{display:grid;gap:10px}
.band p:not(.live){margin:0;color:var(--on2);font-size:16.5px;max-width:620px}
.band__cta{display:flex;flex-wrap:wrap;gap:10px}
.band__cta .btn{flex:1 1 220px}

/* ---------- podstrona Hodowcy ---------- */
.lst{display:grid;gap:12px}
.ft{padding:22px 20px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.ft__ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:10px;background:var(--acs);color:var(--ac)}
.ft__ic svg{width:26px;height:26px}
.ft h3{margin:0 0 6px;font:600 17px/1.3 var(--F);letter-spacing:-.01em;color:var(--h)}
.ft p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2)}
.tl{position:relative;padding-left:52px}
.tl::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:var(--line)}
.tl__fill{position:absolute;left:17px;top:18px;width:2px;height:calc(100% - 36px);background:var(--ac);transform-origin:top;transform:scaleY(var(--tp,0))}
.tl__l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tl__i{position:relative;padding:16px 18px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.tl__i::before{content:attr(data-n);position:absolute;left:-52px;top:13px;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);font:600 15px/1 var(--F);color:var(--mut);transition:background .3s,color .3s,box-shadow .3s}
.tl__i.lit::before{background:var(--ac);box-shadow:none;color:#fff}
:root[data-theme=dark] .tl__i.lit::before{color:var(--btn-fg)}
.art .tl__i h3,.tl__i h3{margin:0 0 4px;font:600 16px/1.3 var(--F);color:var(--h)}
.tl__i p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2)}
.twin{display:grid;gap:12px}
.tw{padding:22px 20px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.tw h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:600 18px/1.25 var(--F);letter-spacing:-.01em;color:var(--h)}
.tw h3 svg{width:26px;height:26px;color:var(--ac);flex:none}
.tw ul{list-style:disc;margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px;line-height:1.55;color:var(--ink2)}
.tw ul li::marker{color:var(--ac)}
.gnote{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font-size:13.5px;line-height:1.55;color:var(--mut)}
.gnote svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--mut)}
/* planer ciazy */
.gest{display:grid;gap:20px;padding:18px;border-radius:var(--r2);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh2)}
.gest__ctl{display:grid;gap:8px;align-content:start}
.gest__ctl label{font:600 14px/1.2 var(--F);color:var(--ink)}
.gest__ctl input{width:100%;min-height:48px;padding:10px 14px;border-radius:var(--rs);border:1px solid var(--line2);background:var(--fld);font:500 16px/1.3 var(--F);color:var(--ink)}
.gest__ctl input:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 18%,transparent)}
.gest__h{margin:0;font-size:14px;line-height:1.5;color:var(--mut)}
.gest__out{padding:20px 18px;border-radius:var(--r);background:var(--bg2);min-width:0}
.gest__k{margin:0;font:500 14px/1.3 var(--F);color:var(--mut)}
.gest__d{margin:4px 0 0;font:700 clamp(26px,6.8vw,34px)/1.15 var(--F);letter-spacing:-.025em;color:var(--h)}
.gest__r{margin:6px 0 0;font-size:14.5px;color:var(--ink2)}
.gbar{position:relative;height:8px;margin:22px 0 8px;border-radius:8px;background:var(--bg3)}
.gbar__win{position:absolute;top:0;bottom:0;left:85.3%;width:14.7%;border-radius:8px;background:color-mix(in srgb,var(--ac) 30%,transparent)}
.gbar__f{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:8px;background:var(--ac);transform-origin:0 50%;transform:scaleX(var(--gp,0));transition:transform .5s var(--out)}
.gbar__i{position:absolute;top:50%;left:calc(var(--gp,0) * 100%);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--panel);box-shadow:0 0 0 2px var(--ac),var(--sh1);transition:left .5s var(--out)}
.gbar__lab{display:flex;justify-content:space-between;gap:10px;font:500 12.5px/1.3 var(--F);color:var(--mut)}
.gest__ms{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.gest__ms li{display:grid;gap:2px 12px;padding:11px 14px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;line-height:1.45;color:var(--ink2)}
.gest__ms b{font-weight:600;color:var(--h);font-variant-numeric:tabular-nums}
.gest__ms li.now{box-shadow:inset 0 0 0 1.5px var(--ac);background:var(--acs)}
.gest__now{margin:12px 0 0;font:600 14.5px/1.4 var(--F);color:var(--ac)}

/* ---------- podstrona Poradnik ---------- */
.tocp{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--g) * -1);padding:4px var(--g)}
.tocp::-webkit-scrollbar{display:none}
.tocp a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:var(--rs);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);font:500 14.5px/1 var(--F);color:var(--ink2);text-decoration:none;transition:box-shadow .2s,color .2s}
.tocp a svg{width:16px;height:16px;color:var(--ac)}
@media (hover:hover){.tocp a:hover{box-shadow:inset 0 0 0 1px var(--ac);color:var(--ac)}}
.art{display:grid;gap:28px}
.art__l{display:grid;gap:12px;align-content:start;justify-items:start}
.art__l p:not(.kick){margin:0;color:var(--ink2);font-size:16.5px}
.art__l .gnote{margin:6px 0 0}
.art h3{margin:18px 0 6px;font:600 18px/1.3 var(--F);letter-spacing:-.01em;color:var(--h)}
.art ul.dots,.dots2{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15.5px;line-height:1.55;color:var(--ink2)}
.art ul.dots li,.dots2 li{position:relative;padding-left:20px}
.art ul.dots li::before,.dots2 li::before{content:"";position:absolute;left:3px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--ac)}
/* lista „co zabrac” */
.pack{display:grid;gap:14px;padding:18px;border-radius:var(--r2);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh2);min-width:0}
.pack__prog{display:flex;align-items:center;gap:16px}
.ring{position:relative;width:68px;height:68px;flex:none}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:6}
.ring .r-bg{stroke:var(--bg3)}
.ring .r-fg{stroke:var(--ac);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--o,100);transition:stroke-dashoffset .5s var(--out)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font:600 15px/1 var(--F);color:var(--h);font-variant-numeric:tabular-nums}
.pack__tt{margin:0;font:600 17px/1.3 var(--F);color:var(--h)}
.pack__cnt{margin:2px 0 0;font-size:14px;color:var(--mut)}
.pack__seg{display:flex;gap:6px}
.pack__seg .chip{flex:1;justify-content:center}
.pack__l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ck{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:10px 14px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);font:500 15px/1.35 var(--F);color:var(--ink);text-align:left;transition:background .2s,box-shadow .2s}
.ck i{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--line2);color:transparent;transition:background .2s,box-shadow .2s,color .2s}
.ck i svg{width:14px;height:14px}
.ck[aria-pressed=true]{background:var(--acs);box-shadow:inset 0 0 0 1px transparent}
.ck[aria-pressed=true] i{background:var(--ac);box-shadow:none;color:#fff}
.ck[aria-pressed=true] span{color:var(--mut);text-decoration:line-through;text-decoration-thickness:1px}
@media (hover:hover){.ck:hover{box-shadow:inset 0 0 0 1px var(--ac)}}
.pack__done{display:flex;gap:10px;align-items:center;margin:0;padding:12px 14px;border-radius:10px;background:var(--acs);font:600 15px/1.35 var(--F);color:var(--ac)}
.pack__done svg{width:18px;height:18px;flex:none}
.pack__reset{justify-self:start;min-height:44px;font:500 14.5px/1 var(--F);color:var(--ac);text-decoration:underline;text-underline-offset:3px}
/* zakladki */
.tabs__bar{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border-radius:10px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:16px}
.tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 10px;border-radius:8px;font:500 14.5px/1.15 var(--F);color:var(--ink2);text-align:center;transition:color .2s}
.tab svg{width:18px;height:18px;flex:none}
.tab[aria-selected=true]{color:var(--h);font-weight:600}
.tabs__ink{position:absolute;z-index:0;top:3px;bottom:3px;left:0;width:0;border-radius:8px;background:var(--panel);box-shadow:var(--sh1),inset 0 0 0 1px var(--line);transition:transform .3s var(--out),width .3s var(--out)}
.tabs__panels{touch-action:pan-y}
.tp2.enter{animation:tpIn .3s ease}
@keyframes tpIn{from{opacity:0}}
/* kalendarz szczepien */
.vx{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vx li{display:grid;gap:4px;padding:16px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-left:3px solid var(--ac)}
.vx b{font:600 15.5px/1.35 var(--F);color:var(--h)}
.vx span{font-size:14.5px;line-height:1.55;color:var(--ink2)}
/* pilne */
.urg{display:grid;gap:12px}
.urg__box{padding:22px 20px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.urg__box--hot{background:color-mix(in srgb,var(--st-closed) 6%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--st-closed) 35%,transparent);border-top:3px solid var(--st-closed)}
.urg__box h3{margin:0 0 12px;font:600 18px/1.3 var(--F);letter-spacing:-.01em;color:var(--h)}
.urg__box .btn{margin-top:18px;width:100%}
.urg__box--hot .dots2 li::before{background:var(--st-closed)}
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.steps3 li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;line-height:1.5;color:var(--ink2)}
.steps3 svg{width:18px;height:18px;flex:none;color:var(--ac);margin-top:2px}

/* ---------- zdjecia, szkolenia, czas narodzin, powiekszanie ---------- */
.rph{display:flex;flex-direction:column;gap:10px}
.rph__b,.lbx{position:relative;display:block;width:100%;padding:0;border:0;background:var(--bg3);cursor:zoom-in;overflow:hidden}
.rph__b{aspect-ratio:4/5;border-radius:var(--r);box-shadow:var(--sh1)}
.rph__b img,.lbx img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--out)}
@media (hover:hover){.rph__b:hover img,.lbx:hover img{transform:scale(1.03)}}
.rph figcaption{font-weight:500;font-size:14px;line-height:1.4;color:var(--ink2)}

.szk__in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
.szk__txt h2,.szk--full h2,.narodz h2{margin:12px 0 0}
.szk__lead{margin-top:14px;font-size:16.5px;color:var(--ink2);max-width:40em}
.szk__ev{display:grid;gap:10px;margin:22px 0 24px;padding:0;list-style:none}
.szk__ev--row{grid-template-columns:1fr 1fr;margin:8px 0 28px}
.szk__e{display:flex;align-items:center;gap:16px;padding:12px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1)}
.szk__e--next{box-shadow:inset 0 0 0 1.5px var(--ac),var(--sh2)}
.szk__d{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;padding:10px 6px;border-radius:10px;background:var(--bg2);color:var(--mut);font-size:12px;line-height:1.25;text-align:center}
.szk__e--next .szk__d{background:var(--ac);color:rgba(255,255,255,.85)}
:root[data-theme=dark] .szk__e--next .szk__d{color:var(--btn-fg)}
.szk__d b{font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--h)}
.szk__e--next .szk__d b{color:#fff}
:root[data-theme=dark] .szk__e--next .szk__d b{color:var(--btn-fg)}
.szk__e>span:last-child{display:flex;flex-direction:column;color:var(--mut);font-size:14px}
.szk__e>span:last-child b{color:var(--ink);font-size:17px;font-weight:600}
.szk__e em{align-self:flex-start;margin-top:6px;padding:3px 8px;border-radius:5px;background:var(--acs);color:var(--ac);font:600 11px/1.3 var(--F);font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.szk__e em.ok{background:var(--bg2);color:var(--mut)}
.szk__ph{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:12px;align-items:stretch}
.szk__ph .lbx{border-radius:var(--r);box-shadow:var(--sh2)}
.szk__p1{aspect-ratio:4/3;align-self:center}
.szk__p2{aspect-ratio:849/1200}
.szk__ph .lbx img{object-fit:cover}
.prog{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.prog__d{padding:24px 24px 20px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),var(--sh1);border-top:3px solid var(--dk)}
.prog__d--2{border-top-color:var(--ac)}
.prog__k{margin:0;font:600 12px/1 var(--F);letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.prog__d h3{margin:10px 0 14px;font:600 19px/1.3 var(--F);letter-spacing:-.015em;color:var(--h)}
.prog__d ol{margin:0;padding-left:22px;display:grid;gap:8px;color:var(--ink2);font-size:15px;line-height:1.5}
.prog__d ol li::marker{color:var(--ac);font-weight:600;font-variant-numeric:tabular-nums}
.szk__gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.szk__gal .lbx{aspect-ratio:4/3;border-radius:var(--r)}
.narodz__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.narodz__ph{position:relative;display:grid;grid-template-columns:1.6fr 1fr;gap:12px;align-items:end}
.narodz__p1{aspect-ratio:1200/1096;border-radius:var(--r);box-shadow:var(--sh2)}
.narodz__p2{aspect-ratio:1;border-radius:var(--r);box-shadow:var(--sh2)}
.narodz__l{display:grid;gap:0;margin:20px 0 26px;padding:0;list-style:none;border-top:1px solid var(--line)}
.narodz__l li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-weight:500;color:var(--ink)}
.narodz__l svg{width:18px;height:18px;color:var(--ac);flex:none}
.sv__ph{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0}
.sv__ph .lbx{aspect-ratio:4/3;border-radius:10px}
@media (max-width:900px){.szk__in,.narodz__in,.prog{grid-template-columns:1fr}.szk__ph{max-width:560px}}
@media (max-width:600px){.szk__ev--row{grid-template-columns:1fr}.szk__gal{grid-template-columns:1fr 1fr}.szk__gal .lbx:first-child{grid-column:span 2}}

/* powiekszanie zdjec */
.mvlb{position:fixed;inset:0;z-index:600;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:58px 12px 20px;background:rgba(8,18,21,.94);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mvlb[hidden]{display:none}
.mvlb figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%}
.mvlb img{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;border-radius:8px;animation:mvlbIn .25s ease}
@keyframes mvlbIn{from{opacity:0}}
.mvlb figcaption{margin-top:14px;color:#fff;font-weight:500;text-align:center}
.mvlb figcaption i{font-style:normal;margin-left:10px;padding:3px 8px;border-radius:5px;background:rgba(255,255,255,.12);font-size:13px;color:#c9d6d9}
.mvlb button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font:400 26px/1 var(--F)}
.mvlb button:hover{background:rgba(255,255,255,.2)}
.mvlb .mvlb__x{position:absolute;top:12px;right:12px}
@media (max-width:600px){.mvlb{grid-template-columns:1fr;padding:60px 10px 92px}.mvlb .mvlb__p,.mvlb .mvlb__n{position:absolute;bottom:22px}.mvlb .mvlb__p{left:calc(50% - 56px)}.mvlb .mvlb__n{right:calc(50% - 56px)}}

/* ---------- siatki dla wiekszych ekranow ---------- */
@media (max-width:379px){
  .facts{grid-template-columns:1fr}
  .hero__h{font-size:30px}
  .res__n b{font-size:52px}
  .logo__t--mv{display:none}
  .card{padding:16px}
}
@media (min-width:600px){
  :root{--g:28px}
  .svc{grid-template-columns:1fr 1fr}
  .card{display:flex;flex-direction:column;padding:24px}
  .card__ic{margin-bottom:18px}
  .card__go{position:absolute;right:22px;top:26px}
  .facts{grid-template-columns:repeat(4,1fr)}
  .facts li{padding:18px 20px}
  .qf-row{grid-template-columns:1fr 1fr}
  .qform-wrap{padding:32px}
  .seg label{flex:1 1 calc(33% - 8px)}
  .seg label:first-child{flex-basis:calc(33% - 8px)}
  .calc,.gest,.pack{padding:26px}
  .car__s{--sw:40%}
  .revs{--sw:56%}
  .lst{grid-template-columns:1fr 1fr}
  .twin{grid-template-columns:1fr 1fr}
  .urg{grid-template-columns:1.2fr 1fr}
  .sv{padding:28px}
  .foot__cols{grid-template-columns:repeat(4,1fr)}
  .band__cta .btn{flex:0 0 auto}
  .ticket{position:absolute;left:16px;bottom:16px;margin:0;max-width:calc(100% - 32px);box-shadow:inset 0 0 0 1px var(--line),var(--sh3)}
  .phero__ph{aspect-ratio:16/8}
}
@media (min-width:960px){
  html{scroll-padding-top:88px}
  .top__in{min-height:76px;gap:16px}
  .nav{display:flex;gap:2px}
  .nav a{position:relative;display:flex;align-items:center;min-height:44px;padding:0 11px;font:500 15px/1 var(--F);text-decoration:none;color:var(--ink2);transition:color .2s}
  .nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:-15px;height:2px;background:var(--ac);transform:scaleX(0);transition:transform .25s var(--out)}
  .nav a.is-cur,.nav a[aria-current=page]{color:var(--h)}
  .nav a.is-cur::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
  .logo__mv{height:50px}
  .top__tel{display:none;align-items:center;gap:8px;min-height:44px;font:600 15px/1 var(--F);color:var(--h);text-decoration:none;white-space:nowrap}
  .top__tel svg{width:17px;height:17px;color:var(--ac)}
  .top__cta{display:flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--rs);background:var(--btn);color:var(--btn-fg);font:600 14.5px/1 var(--F);text-decoration:none;white-space:nowrap;transition:background .2s}
  .burger,.mnav{display:none!important}
  body::after{display:none}
  .hero{padding:64px 0 64px}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
  .hero__art{max-width:none;margin:0}
  .hero__cta .btn{flex:0 0 auto}
  .facts{margin-top:56px}
  .sec{padding:96px 0}
  .sec--tight{padding-top:0}
  .svc{grid-template-columns:repeat(4,1fr);gap:16px}
  .svc .w2{grid-column:span 2}.svc .w4{grid-column:span 4}
  .breed__in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
  .pg{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
  .pg__l{position:sticky;top:110px}
  .calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:32px;align-items:stretch}
  .calc__ctl{display:flex;flex-direction:column;justify-content:center}
  .seg__opts{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:8px}
  .seg label:first-child{grid-row:span 2}
  .seg label:first-child span{height:100%;justify-content:center;align-items:center;text-align:center;font-size:16px}
  .seg label span{height:100%}
  .calc__out{padding:30px}
  .hist{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
  .sh--row{display:flex;justify-content:space-between;gap:40px}
  .car__s{--sw:calc((100% - 42px) / 4)}
  .revs{--sw:calc((100% - 28px) / 3.4)}
  .revs .rev--big{flex-basis:calc((100% - 28px) / 3.4 * 1.4)}
  .car__track{margin-inline:0;padding-inline:2px;scroll-padding-inline:2px}
  .faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
  .faq__head{position:sticky;top:110px}
  .visit__in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
  .contact__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
  .hours{padding:30px}
  .mbar{display:none}
  .phero{padding:20px 0 56px}
  .phero__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:56px;align-items:center}
  .phero__ph{aspect-ratio:4/5;max-width:360px;margin:0 0 0 auto}
  .phero__ph--sq{aspect-ratio:354/316}
  .hero__cta--p .btn{flex:0 0 auto}
  .ul{grid-template-columns:230px minmax(0,1fr);gap:44px;align-items:start}
  .toc{position:sticky;top:104px;display:grid;gap:0;border-left:1px solid var(--line)}
  .toc a{position:relative;display:flex;align-items:center;min-height:40px;padding:4px 14px;margin-left:-1px;border-left:2px solid transparent;font:500 14.5px/1.3 var(--F);color:var(--ink2);text-decoration:none;transition:color .2s,border-color .2s}
  .toc a.is-cur{border-left-color:var(--ac);color:var(--ac);font-weight:600}
  .sv{grid-template-columns:1fr 1fr;gap:18px 36px;padding:32px}
  .sv__h,.sv__lead{grid-column:1/-1}
  .sv__f{grid-column:1/-1}
  .lst--4{grid-template-columns:repeat(4,1fr)}
  .gest{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px;padding:32px}
  .gest__ms li{grid-template-columns:110px 1fr}
  .art{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
  .art__l--st{position:sticky;top:110px}
  .band__in{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;padding-top:64px;padding-bottom:64px}
}
@media (min-width:1120px){
  .top__tel{display:flex}
  .nav a{padding:0 13px}
  .nav a::after{left:13px;right:13px}
}
@media (min-width:1200px){
  .hero__h{font-size:56px}
}
@media (min-width:600px) and (max-width:959px){.svc .w4{grid-column:span 2}.hero__art{max-width:640px}}
@media (max-width:420px){.revs__more{width:100%;padding:0 14px;font-size:14.5px;white-space:nowrap}}
@media (hover:hover) and (min-width:960px){
  .nav a:hover{color:var(--ac)}
  .top__cta:hover{background:var(--btn2)}
  .toc a:hover{color:var(--ac)}
}

/* ---------- wydajnosc (31.10): tresc pod ekranem nie jest ukladana ani rysowana przy wejsciu ----------
   Na wewnetrznym .c-wrap; padding + ujemny margines powieksza pole przyciecia bez zmiany ukladu (cienie wychodza poza .c-wrap).
   html.cv-off (skrypt w head): #, klikniecie w link z #, F5 i Wstecz — pelny uklad. */
main>section:not(.hero):not(.phero):not(.band):not(#lista)>.c-wrap{padding-block:80px;margin-block:-80px}
main>section:not(.hero):not(.phero){display:flow-root}
html:not(.cv-off) main>section:not(.hero):not(.phero):not(#lista)>.c-wrap,html:not(.cv-off) .sv,html:not(.cv-off) .foot>.c-wrap{content-visibility:auto;contain-intrinsic-height:auto var(--cm,900px)}
@media (min-width:600px){html:not(.cv-off) main>section:not(.hero):not(.phero):not(#lista)>.c-wrap,html:not(.cv-off) .sv,html:not(.cv-off) .foot>.c-wrap{contain-intrinsic-height:auto var(--ct,900px)}}
@media (min-width:960px){html:not(.cv-off) main>section:not(.hero):not(.phero):not(#lista)>.c-wrap,html:not(.cv-off) .sv,html:not(.cv-off) .foot>.c-wrap{contain-intrinsic-height:auto var(--cd,700px)}}

/* =====================================================================================
   ANIMACJE (13.11, wersja p2) — spokojne i dopracowane: easing --e, 300–700 ms, tylko transform / opacity / clip-path.
   Przelacznik „Wylacz animacje” w stopce (html.no-motion, localStorage medivet-motion). Nie zalezy od prefers-reduced-motion.
   ===================================================================================== */

/* przejscie miedzy podstronami (View Transitions miedzy dokumentami): krotkie przenikanie */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .2s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vtIn .38s var(--e) both}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0}}

/* przegladarka bez View Transitions: zmiana motywu plynnym przejsciem kolorow (400 ms) */
.theme-fade,.theme-fade *,.theme-fade *::before,.theme-fade *::after{transition:background-color .4s var(--e),color .4s var(--e),border-color .4s var(--e),box-shadow .4s var(--e),fill .4s var(--e),stroke .4s var(--e),opacity .35s var(--e),transform .65s var(--e)!important}

/* ---------- hero: naglowek odslaniany linia po linii (maska), kreska przy nadtytule, mozaika zdjec ---------- */
.js .hero [data-h].split,.js .phero [data-h].split{opacity:1!important;transform:none!important}
.ln{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em .02em .16em;margin:-.1em -.02em -.16em}
.ln>span{display:inline-block}
.js .split .ln>span{transform:translateY(112%)}
.js .go .split .ln>span{transform:none;transition:transform .8s var(--e) calc(var(--k,0ms) + var(--l,0) * 110ms)}
.hero__k::after{content:"";width:34px;height:1.5px;margin-left:4px;background:currentColor;opacity:.55;transform-origin:0 50%}
.js .hero .hero__k::after{transform:scaleX(0)}
.js .hero.go .hero__k::after{transform:none;transition:transform .7s var(--e) calc(var(--k,0ms) + .35s)}
/* mozaika: zdjecia odslaniane maska jedno po drugim, z lekkim „oddechem” skali */
.mosaic img,.phero__ph img,.breed__ph img{scale:1.08}
.js .hero .mosaic figure,.js .phero .phero__ph{clip-path:inset(0 0 100% 0 round var(--r))}
.js .hero.go .mosaic figure,.js .phero.go .phero__ph{clip-path:inset(0 0 0 0 round var(--r));transition:clip-path .7s var(--e) calc(var(--m,0) * 110ms + 140ms)}
.js .hero .mosaic img,.js .phero .phero__ph img{scale:1.2}
.js .hero.go .mosaic img,.js .phero.go .phero__ph img{scale:1.08;transition:scale 1.4s var(--e) calc(var(--m,0) * 110ms + 140ms)}
.mosaic__b{--m:1}.mosaic__c{--m:2}
.js .hero .hero__art[data-h],.js .phero .phero__ph[data-h]{opacity:1!important;transform:none!important}
.js .hero .ticket{opacity:0;transform:translateY(10px)}
.js .hero.go .ticket{opacity:1;transform:none;transition:opacity .5s ease .55s,transform .7s var(--e) .55s}
.px{will-change:translate}

/* ---------- kaskady: listy i naglowki sekcji wchodza element po elemencie ---------- */
.js .stag>*{opacity:0;transform:translateY(10px)}
.js .in .stag>*,.js .stag.in>*,.js .go .stag>*{opacity:1;transform:none;transition:opacity .5s ease calc(var(--d,0ms) + var(--k,0ms) + 90ms + var(--j,0) * 60ms),transform .65s var(--e) calc(var(--d,0ms) + var(--k,0ms) + 90ms + var(--j,0) * 60ms)}
.js [data-up] .kick::before{transform:scaleX(0);transform-origin:0 50%}
.js .in .kick::before,.js .kick.in::before{transform:none;transition:transform .7s var(--e) calc(var(--d,0ms) + .2s)}

/* liczniki */
[data-count]{font-variant-numeric:tabular-nums}
.rate__n[data-count]{display:inline-block}

/* ---------- mikrointerakcje ---------- */
/* przyciski: lekkie uniesienie i wypelnienie przesuwane od lewej */
.btn{position:relative;isolation:isolate;overflow:hidden;transition:background .25s,color .25s,box-shadow .35s var(--e),border-color .25s,transform .35s var(--e)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--fill,transparent);transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s var(--e)}
.btn--main{--fill:var(--btn2)}.btn--ghost{--fill:var(--acs)}.btn--on{--fill:#dfeced}.btn--line{--fill:rgba(255,255,255,.1)}
.btn svg{transition:transform .35s var(--e)}
@media (hover:hover){
  .btn:hover{transform:translateY(-2px)}
  .btn:hover::before{transform:none;transform-origin:0 50%}
  .btn--main:hover{background:var(--btn);box-shadow:0 12px 24px -12px color-mix(in srgb,var(--btn) 75%,transparent)}
  .btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--ac),0 10px 22px -14px rgba(16,32,40,.35)}
  .btn--on:hover{background:#fff;box-shadow:0 12px 24px -12px rgba(0,0,0,.45)}
  .btn--line:hover{background:transparent}
  .btn:hover svg[aria-hidden]:last-child{transform:translateX(3px)}
  .top__cta{transition:background .25s,transform .35s var(--e),box-shadow .35s var(--e)}
  .top__cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px -12px color-mix(in srgb,var(--btn) 80%,transparent)}
}
.btn:active,.top__cta:active{transform:translateY(0) scale(.98);transition-duration:.12s}
.chip:active,.ck:active,.car__btn:active,.age__btn:active,.foot__up:active{transform:scale(.96)}
.chip,.ck,.car__btn,.age__btn,.foot__up{transition:background .2s,color .2s,box-shadow .2s,opacity .2s,transform .25s var(--e)}

/* karty: uniesienie z cieniem, zdjecia lekko sie powiekszaja */
@media (hover:hover){
  .card,.gd,.ft,.tw,.urg__box,.rev,.hist__card,.prog__d,.szk__e{transition:box-shadow .35s var(--e),transform .45s var(--e)}
  .card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line2),var(--sh3)}
  .card--accent:hover{box-shadow:var(--sh3)}
  .card__ic{transition:transform .45s var(--e),background .3s,color .3s}
  .card:hover .card__ic{transform:translateY(-2px)}
  .gd:hover,.ft:hover,.tw:hover,.urg__box:hover,.rev:hover,.prog__d:hover,.szk__e:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line2),var(--sh2)}
  .rev--big:hover{box-shadow:var(--sh3)}
  .rph__b img,.lbx img{transition:transform .7s var(--e)}
  .rph__b:hover img,.lbx:hover img{transform:scale(1.06)}
  .rph__b,.lbx{transition:box-shadow .35s var(--e)}
  .rph__b:hover,.lbx:hover{box-shadow:var(--sh3)}
  .addr{transition:box-shadow .3s var(--e),transform .4s var(--e)}
  .addr:hover{transform:translateY(-2px)}
  .addr .addr__ar{transition:transform .35s var(--e)}
  .addr:hover .addr__ar{transform:translate(2px,-2px)}
  .c-link svg{transition:transform .35s var(--e)}
  .c-link:hover svg{transform:scale(1.12)}
}

/* menu: podkreslenie wysuwane spod linku */
@media (min-width:960px){
  .nav a::after{transform-origin:100% 50%;transition:transform .45s var(--e)}
  .nav a.is-cur::after,.nav a[aria-current=page]::after{transform-origin:0 50%}
}
@media (hover:hover) and (min-width:960px){
  .nav a:hover::after{transform:scaleX(1);transform-origin:0 50%}
}
/* stopka: podkreslenie linkow */
@media (hover:hover){
  .foot__cols li a,.foot__a{background:linear-gradient(currentColor,currentColor) 0 calc(50% + .8em)/0 1px no-repeat;transition:color .2s,background-size .45s var(--e)}
  .foot__cols li a:hover,.foot__a:hover{background-size:100% 1px}
}

/* pytania: plus obraca sie w minus, odpowiedz wsuwa sie */
.qa summary i{transition:box-shadow .2s,background .25s,transform .5s var(--e)}
.qa.is-open summary i{transform:rotate(180deg)}
.qa__b>*{transform:translateY(-6px);transition:opacity .3s ease,transform .45s var(--e)}
.qa.is-open .qa__b>*{transform:none}

/* filtry i przelaczniki: przesuwany wskaznik (clip-path) */
.chips,.pack__seg{position:relative}
.chips__ink{position:absolute;inset:0;z-index:0;background:var(--h);pointer-events:none;clip-path:inset(0 100% 100% 0 round 999px)}
:root[data-theme=dark] .chips__ink{background:var(--btn)}
.chips__ink.on{transition:clip-path .5s var(--e)}
.has-ink .chip{position:relative;z-index:1;transition:color .35s ease .08s,box-shadow .2s,transform .25s var(--e)}
:root .has-ink .chip[aria-pressed=true]{background:transparent}

/* zakladki: panel wsuwa sie z kierunku przelaczenia */
.tp2.enter{animation:tpIn .45s var(--e)}
.tp2.enter.from-l{animation-name:tpInL}
@keyframes tpIn{from{opacity:0;transform:translateX(18px)}}
@keyframes tpInL{from{opacity:0;transform:translateX(-18px)}}

/* status „otwarte”: spokojny puls kropki */
.ticket__dot,.live i{position:relative}
.ticket.is-open .ticket__dot::after,.live.is-open i::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:dotP 2.4s var(--e) infinite}
@keyframes dotP{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.6);opacity:0}}

/* powiekszanie zdjec: wejscie z lekkim powiekszeniem */
.mvlb:not([hidden]){animation:lbIn .3s ease}
@keyframes lbIn{from{opacity:0}}
@keyframes mvlbIn{from{opacity:0;transform:scale(.96)}}
.mvlb img{animation:mvlbIn .4s var(--e)}

/* dolny pasek */
.mbar a{transition:transform .25s var(--e)}
.mbar a:active{transform:scale(.97)}

/* przelacznik „Wylacz animacje” w stopce */
.motion-t{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0;border:0;background:none;font:500 13px/1 var(--F);color:var(--on2);cursor:pointer}
.motion-t i{position:relative;width:30px;height:17px;flex:none;border-radius:999px;background:#2f8f88;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:background .3s}
.motion-t i::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transform:translateX(13px);transition:transform .35s var(--e)}
.motion-t.is-off i{background:rgba(255,255,255,.1)}
.motion-t.is-off i::after{transform:none;background:var(--on3)}
@media (hover:hover){.motion-t:hover{color:var(--on)}}
.motion-t:focus-visible{outline-color:#fff}

/* animacje wylaczone: wszystko od razu na miejscu */
.no-motion,.no-motion *{scroll-behavior:auto!important}
.no-motion *,.no-motion *::before,.no-motion *::after{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}
.no-motion [data-up],.no-motion .hero [data-h],.no-motion .phero [data-h],.no-motion .stag>*,.no-motion .split .ln>span,.no-motion .ticket{opacity:1!important;transform:none!important}
.no-motion .mosaic figure,.no-motion .phero__ph{clip-path:none!important}
.no-motion .hero__k::after,.no-motion .kick::before{transform:none!important}
.no-motion .ticket.is-open .ticket__dot::after,.no-motion .live.is-open i::after{display:none}
.no-motion::view-transition-old(root),.no-motion::view-transition-new(root){animation:none!important}
/* F5 / Wstecz: bez wejsc */
.f5 .stag>*,.f5 .split .ln>span,.f5 .hero .ticket{opacity:1!important;transform:none!important}
.f5 .hero .mosaic figure,.f5 .phero .phero__ph{clip-path:none!important}
.f5 .hero .hero__k::after,.f5 [data-up] .kick::before{transform:none!important}
@media (max-width:599px){.hero__k::after{display:none}}