/* ============ TOKENY ============ */
:root{
  /* JASNY MOTYW — nazwy tokenów zostały z wersji ciemnej: --white = główny tekst, --void = tło */
  --void:#FFFFFF; --graphite:#F5F5F7; --steel:#FFFFFF; --steel-2:#E8E8ED;
  --hairline:rgba(0,0,0,.08); --hairline-strong:rgba(0,0,0,.14);
  --aluminum:#6E6E73; --silver:#3A3A3C; --white:#1D1D1F;
  --blue:#0071E3; --blue-dim:#0058B0; --blue-glow:rgba(0,113,227,.18);
  --ink:#1D1D1F; --ink-soft:#6E6E73; --paper:#F5F5F7; --paper-line:rgba(0,0,0,.08);
  --display:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --mono:'Inter',system-ui,sans-serif;
  --container:1180px; --nav-h:64px; --r:16px; --r-sm:10px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:var(--nav-h); }
body{ margin:0; background:var(--void); color:var(--white); font-family:var(--body); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img,svg,canvas{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
p{ margin:0; }
h1,h2,h3,h4{ font-family:var(--display); font-weight:600; margin:0; letter-spacing:-.025em; line-height:1.04; }
input,select,button,textarea{ font-family:inherit; font-size:inherit; color:inherit; }
:focus-visible{ outline:2px solid var(--blue); outline-offset:3px; }
.wrap{ width:100%; max-width:var(--container); margin-inline:auto; padding-inline:28px; }
@media (max-width:640px){ .wrap{ padding-inline:20px; } }

.label{ font-family:var(--mono); font-size:.7rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--aluminum); }
.h2{ font-size:clamp(2rem,4.4vw,3.3rem); max-width:20ch; }
.lead{ margin-top:20px; max-width:54ch; color:var(--aluminum); font-size:1.05rem; }
.sec-head{ display:flex; flex-direction:column; gap:14px; }
.rule{ height:1px; background:var(--hairline); border:0; margin:0; }

.btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 26px; border-radius:2px; border:1px solid transparent;
  font-family:var(--mono); font-size:.76rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; cursor:pointer;
  transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease); }
.btn--primary{ background:var(--blue); color:#fff; }
.btn--primary:hover{ background:#2C97FF; transform:translateY(-1px); }
.btn--primary:disabled{ background:var(--steel-2); color:var(--aluminum); cursor:not-allowed; transform:none; }
.btn--wire{ border-color:var(--hairline-strong); color:var(--white); }
.btn--wire:hover{ border-color:var(--blue); color:var(--blue); }
.btn--block{ width:100%; }
.btn--sm{ padding:11px 18px; font-size:.7rem; }

/* ============ PASEK POSTĘPU + NAV ============ */
.progress{ position:fixed; top:0; left:0; height:2px; width:0; background:var(--blue); z-index:120; transition:width .1s linear; }
.nav{ position:fixed; inset-inline:0; top:0; height:var(--nav-h); z-index:110; display:flex; align-items:center;
  background:transparent; border-bottom:1px solid transparent; transition:background .35s var(--ease), border-color .35s var(--ease), backdrop-filter .35s var(--ease); }
.nav.is-solid{ background:rgba(8,9,10,.78); backdrop-filter:blur(14px); border-bottom-color:var(--hairline); }
.nav__inner{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.nav__logo{ font-family:var(--display); font-weight:700; font-size:1.05rem; letter-spacing:.02em; display:flex; align-items:center; gap:9px; }
.nav__logo i{ width:7px; height:7px; background:var(--blue); border-radius:50%; box-shadow:0 0 12px var(--blue-glow); font-style:normal; }
.nav__links{ display:flex; gap:30px; font-size:.86rem; color:var(--aluminum); }
.nav__links a{ transition:color .2s var(--ease); }
.nav__links a:hover{ color:var(--white); }
@media (max-width:1000px){ .nav__links{ display:none; } }

/* ============ SEKCJE ============ */
.sec{ padding:130px 0; position:relative; }
.sec--tight{ padding:96px 0; }
.sec--graphite{ background:var(--graphite); }
.sec--light{ background:var(--paper); color:var(--ink); }
.sec--light .label{ color:var(--ink-soft); }
.sec--light .lead{ color:var(--ink-soft); }
.sec--light .rule{ background:var(--paper-line); }
@media (max-width:720px){ .sec{ padding:88px 0; } }

/* O FIRMIE */
.about__grid{ margin-top:56px; display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:start; }
@media (max-width:900px){ .about__grid{ grid-template-columns:1fr; gap:40px; } }
.about__body p+p{ margin-top:18px; }
.about__body p{ color:var(--aluminum); }
.stats{ margin-top:64px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--hairline); }
.stat{ padding:28px 24px 0 0; border-right:1px solid var(--hairline); }
.stat:last-child{ border-right:0; }
.stat__num{ font-family:var(--display); font-weight:600; font-size:clamp(1.9rem,3.4vw,2.9rem); letter-spacing:-.03em; }
.stat__num em{ font-style:normal; color:var(--blue); }
.stat__cap{ margin-top:8px; font-size:.86rem; color:var(--aluminum); max-width:22ch; }
@media (max-width:800px){ .stats{ grid-template-columns:repeat(2,1fr); } .stat{ padding-bottom:24px; } .stat:nth-child(2n){ border-right:0; } }

.mask{ clip-path:inset(0 0 100% 0); transition:clip-path 1.1s var(--ease); }
.mask.is-visible{ clip-path:inset(0 0 0% 0); }
.zoom{ overflow:hidden; }
.zoom>*{ transition:transform 1.2s var(--ease); }
.zoom:hover>*{ transform:scale(1.045); }

/* TECHNOLOGIE */
.tech-grid{ margin-top:52px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--hairline); border-left:1px solid var(--hairline); }
@media (max-width:940px){ .tech-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .tech-grid{ grid-template-columns:1fr; } }
.tile{ position:relative; text-align:left; background:transparent; border:0; border-right:1px solid var(--hairline); border-bottom:1px solid var(--hairline);
  padding:30px 26px 28px; cursor:pointer; color:inherit; display:flex; flex-direction:column; gap:12px; min-height:212px;
  transition:background .3s var(--ease); }
.tile::before{ content:""; position:absolute; left:0; top:0; width:0; height:2px; background:var(--blue); transition:width .4s var(--ease); }
.tile:hover{ background:rgba(255,255,255,.025); }
.tile:hover::before{ width:100%; }
.tile.is-active{ background:rgba(10,132,255,.07); }
.tile.is-active::before{ width:100%; }
.tile__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tile__idx{ font-family:var(--mono); font-size:.68rem; letter-spacing:.16em; color:var(--aluminum); }
.tile.is-active .tile__idx{ color:var(--blue); }
.tile__mode{ font-family:var(--mono); font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; padding:4px 8px; border:1px solid var(--hairline); color:var(--aluminum); }
.tile__mode--instant{ border-color:rgba(10,132,255,.42); color:var(--blue); }
.tile__name{ font-family:var(--display); font-weight:600; font-size:1.18rem; letter-spacing:-.02em; margin-top:auto; }
.tile__desc{ font-size:.88rem; color:var(--aluminum); }

.advisor{ margin-top:34px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.advisor p{ font-size:.88rem; color:var(--aluminum); }
.wiz{ margin-top:26px; border:1px solid var(--hairline); padding:28px; background:rgba(255,255,255,.02); }
.wiz[hidden]{ display:none; }
.wiz__opts{ margin-top:20px; display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--hairline); border:1px solid var(--hairline); }
@media (max-width:760px){ .wiz__opts{ grid-template-columns:1fr; } }
.wiz__opt{ background:var(--graphite); border:0; color:var(--white); text-align:left; padding:16px 18px; cursor:pointer; font-size:.9rem; transition:background .2s var(--ease); }
.wiz__opt:hover{ background:var(--steel-2); }
.wiz__res{ margin-top:24px; padding:22px; border-left:2px solid var(--blue); background:rgba(10,132,255,.06); }
.wiz__res[hidden]{ display:none; }
.wiz__res p{ color:var(--silver); font-size:.94rem; margin-bottom:16px; }

/* KONFIGURATOR */
.cfg{ margin-top:56px; }
.cfg__empty{ border:1px dashed var(--hairline-strong); padding:64px 28px; text-align:center; color:var(--aluminum); font-size:.92rem; }
.crumb{ display:flex; align-items:center; gap:14px; margin-bottom:34px; font-family:var(--mono); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--aluminum); }
.crumb button{ background:none; border:0; color:var(--blue); cursor:pointer; font:inherit; padding:0; }
.cfg__grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
@media (max-width:960px){ .cfg__grid{ grid-template-columns:1fr; gap:40px; } }
.panelfade{ animation:panelIn .45s var(--ease); }
@keyframes panelIn{ from{ opacity:0; transform:translateY(14px);} to{ opacity:1; transform:none;} }

.drop{ border:1px dashed var(--hairline-strong); padding:38px 24px; text-align:center; cursor:pointer; background:rgba(255,255,255,.015); transition:border-color .25s var(--ease), background .25s var(--ease); }
.drop:hover,.drop.dragover{ border-color:var(--blue); background:rgba(10,132,255,.05); }
.drop__t{ font-family:var(--display); font-weight:600; font-size:1rem; }
.drop__s{ margin-top:8px; font-size:.8rem; color:var(--aluminum); }
.preview{ margin-top:16px; border:1px solid var(--hairline); background:var(--graphite); position:relative; }
.preview[hidden]{ display:none; }
.preview canvas,.preview img{ width:100%; height:270px; object-fit:contain; background:var(--graphite); }
.preview canvas{ cursor:grab; touch-action:none; }
.preview canvas:active{ cursor:grabbing; }
.preview__hint{ position:absolute; bottom:10px; left:50%; transform:translateX(-50%); font-family:var(--mono); font-size:.62rem; letter-spacing:.14em; color:var(--aluminum); }
.geom-note{ margin-top:18px; font-size:.8rem; color:var(--aluminum); }
.geom-grid{ margin-top:14px; display:grid; grid-template-columns:repeat(auto-fit,minmax(124px,1fr)); gap:12px; }
.geom-field label{ display:block; font-family:var(--mono); font-size:.64rem; letter-spacing:.14em; text-transform:uppercase; color:var(--aluminum); margin-bottom:7px; }

.field{ margin-bottom:26px; }
.field[hidden]{ display:none; }
.field>label{ display:block; font-family:var(--mono); font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:var(--aluminum); margin-bottom:12px; }
.field>label span{ color:var(--blue); letter-spacing:.02em; text-transform:none; }
.chips{ display:flex; flex-wrap:wrap; gap:8px; }
.chip{ border:1px solid var(--hairline); background:rgba(255,255,255,.02); padding:11px 15px; cursor:pointer; text-align:left; color:inherit;
  display:flex; flex-direction:column; gap:3px; min-width:96px; transition:border-color .2s var(--ease), background .2s var(--ease); }
.chip:hover{ border-color:var(--hairline-strong); }
.chip.is-active{ border-color:var(--blue); background:rgba(10,132,255,.09); }
.chip__n{ font-size:.87rem; font-weight:500; }
.chip__m{ font-family:var(--mono); font-size:.64rem; color:var(--aluminum); }
select,input[type="number"],input[type="text"],input[type="email"],textarea{ width:100%; background:rgba(255,255,255,.02); border:1px solid var(--hairline); border-radius:0; padding:12px 14px; color:var(--white); transition:border-color .2s var(--ease); }
select:focus,input:focus,textarea:focus{ border-color:var(--blue); }
input[type="range"]{ width:100%; accent-color:var(--blue); }
.field--row{ display:grid; grid-template-columns:1fr 1.5fr; gap:22px; align-items:start; }
@media (max-width:960px){ .field--row{ grid-template-columns:1fr; } }
.checks{ display:flex; flex-direction:column; gap:11px; padding-top:29px; }
@media (max-width:960px){ .checks{ padding-top:0; } }
.check{ display:flex; align-items:center; gap:10px; font-size:.87rem; color:var(--silver); cursor:pointer; }
.check input{ width:15px; height:15px; accent-color:var(--blue); }

/* KARTA WYCENY */
.spec{ border:1px solid var(--hairline); background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); padding:26px; }
.spec__t{ font-family:var(--mono); font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--aluminum); padding-bottom:16px; border-bottom:1px solid var(--hairline); display:flex; justify-content:space-between; }
.spec__row{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:11px 0; font-family:var(--mono); font-size:.86rem; color:var(--aluminum); }
.spec__row b{ color:var(--white); font-weight:500; }
.spec__sep{ height:1px; background:var(--hairline); margin:10px 0; }
.spec__total{ display:flex; justify-content:space-between; align-items:baseline; padding-top:14px; }
.spec__total span{ font-family:var(--mono); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--aluminum); }
.spec__total b{ font-family:var(--display); font-weight:600; font-size:1.85rem; letter-spacing:-.03em; color:var(--white); }
.spec__note{ margin-top:16px; font-size:.74rem; line-height:1.5; color:var(--aluminum); }
.inq-desc{ color:var(--aluminum); max-width:56ch; margin-bottom:30px; }

/* PROCES — sticky */
.proc{ display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; margin-top:56px; }
@media (max-width:900px){ .proc{ grid-template-columns:1fr; gap:0; } }
.proc__sticky{ position:sticky; top:150px; align-self:start; }
@media (max-width:900px){ .proc__sticky{ display:none; } }
.proc__num{ font-family:var(--display); font-weight:700; font-size:clamp(4rem,10vw,7.5rem); letter-spacing:-.05em; line-height:.85; color:var(--blue); display:block; }
.proc__title{ margin-top:22px; font-size:1.6rem; }
.proc__desc{ margin-top:14px; color:var(--ink-soft); max-width:34ch; }
.proc__bar{ margin-top:34px; height:2px; background:var(--paper-line); }
.proc__bar i{ display:block; height:100%; width:25%; background:var(--blue); transition:width .5s var(--ease); }
.proc__step{ min-height:62vh; display:flex; flex-direction:column; justify-content:center; border-top:1px solid var(--paper-line); padding:40px 0; }
.proc__step:last-child{ border-bottom:1px solid var(--paper-line); }
.proc__step h4{ font-size:1.35rem; }
.proc__step .label{ margin-bottom:14px; }
.proc__step p{ margin-top:12px; color:var(--ink-soft); max-width:48ch; }
.proc__step ul{ margin:18px 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
.proc__step li{ font-family:var(--mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; border:1px solid var(--paper-line); padding:5px 10px; color:var(--ink-soft); }
@media (max-width:900px){ .proc__step{ min-height:0; } }

/* MATERIAŁY */
.mtab{ margin-top:48px; width:100%; border-collapse:collapse; font-size:.9rem; }
.mtab th,.mtab td{ text-align:left; padding:14px 16px; border-bottom:1px solid var(--paper-line); vertical-align:top; }
.mtab thead th{ font-family:var(--mono); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-soft); font-weight:500; }
.mtab td:first-child{ font-family:var(--display); font-weight:600; }
.mtab td.num{ font-family:var(--mono); white-space:nowrap; color:var(--ink-soft); }
.mtab tbody tr{ transition:background .2s var(--ease); }
.mtab tbody tr:hover{ background:rgba(10,132,255,.05); }
.mtab__g td{ background:rgba(11,13,15,.045); font-family:var(--mono); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink); font-weight:500; }
@media (max-width:760px){ .mtab-wrap{ overflow-x:auto; } .mtab{ white-space:nowrap; } }

/* REALIZACJE */
.works{ margin-top:52px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
@media (max-width:900px){ .works{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .works{ grid-template-columns:1fr; } }
.work__meta{ margin-top:16px; display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.work__meta h4{ font-size:1rem; }
.work__meta span{ font-family:var(--mono); font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; color:var(--aluminum); }
.ig{ margin-top:56px; border:1px dashed var(--hairline-strong); padding:40px 28px; text-align:center; }
.ig p{ color:var(--aluminum); font-size:.9rem; max-width:56ch; margin-inline:auto; }
.ig .label{ display:block; margin-bottom:14px; }

/* BRANŻE */
.inds{ margin-top:52px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--hairline); border-left:1px solid var(--hairline); }
@media (max-width:900px){ .inds{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .inds{ grid-template-columns:1fr; } }
.ind{ border-right:1px solid var(--hairline); border-bottom:1px solid var(--hairline); padding:34px 26px; transition:background .3s var(--ease); }
.ind:hover{ background:rgba(255,255,255,.025); }
.ind__i{ font-family:var(--mono); font-size:.66rem; letter-spacing:.16em; color:var(--blue); }
.ind h4{ margin-top:20px; font-size:1.12rem; }
.ind p{ margin-top:10px; font-size:.88rem; color:var(--aluminum); }

/* KONTAKT */
.ct{ margin-top:52px; display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; }
@media (max-width:900px){ .ct{ grid-template-columns:1fr; gap:40px; } }
.ct__list{ margin:0; padding:0; }
.ct__list div{ padding:20px 0; border-bottom:1px solid var(--hairline); }
.ct__list div:first-child{ border-top:1px solid var(--hairline); }
.ct__list dt{ font-family:var(--mono); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--aluminum); }
.ct__list dd{ margin:8px 0 0; font-size:1.05rem; }
.form{ display:flex; flex-direction:column; gap:20px; }
.form label{ display:block; font-family:var(--mono); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--aluminum); margin-bottom:9px; }
.form textarea{ resize:vertical; min-height:120px; }

.foot{ padding:44px 0 56px; border-top:1px solid var(--hairline); }
.foot__in{ display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.foot__links{ display:flex; gap:24px; font-size:.84rem; color:var(--aluminum); }
.foot__links a:hover{ color:var(--white); }
.foot small{ font-family:var(--mono); font-size:.68rem; letter-spacing:.1em; color:var(--aluminum); }

/* KOSZYK */
.fab{ position:fixed; right:22px; bottom:22px; z-index:100; background:var(--blue); color:#fff; border:0; padding:14px 20px; cursor:pointer;
  font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; display:flex; align-items:center; gap:10px; box-shadow:0 16px 40px rgba(0,0,0,.5); }
.fab b{ background:rgba(0,0,0,.28); padding:2px 8px; font-weight:500; }
.cart{ position:fixed; right:22px; bottom:80px; z-index:101; width:min(390px,calc(100vw - 44px)); max-height:66vh; overflow-y:auto;
  background:var(--steel); border:1px solid var(--hairline-strong); padding:22px; box-shadow:0 26px 70px rgba(0,0,0,.6); }
.cart[hidden]{ display:none; }
.cart h3{ font-size:.95rem; margin-bottom:16px; }
.citem{ border-bottom:1px solid var(--hairline); padding:14px 0; }
.citem__t{ display:flex; justify-content:space-between; gap:12px; font-size:.9rem; font-weight:500; }
.citem__t span:last-child{ font-family:var(--mono); color:var(--blue); white-space:nowrap; }
.citem__m{ margin-top:6px; font-family:var(--mono); font-size:.68rem; line-height:1.6; color:var(--aluminum); }
.citem__x{ margin-top:8px; background:none; border:0; padding:0; color:var(--aluminum); font-family:var(--mono); font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.citem__x:hover{ color:var(--blue); }
.cart__empty{ color:var(--aluminum); font-size:.86rem; text-align:center; padding:18px 0; }
.cart__sum{ margin-top:16px; padding-top:14px; border-top:1px solid var(--hairline-strong); display:flex; justify-content:space-between; font-family:var(--mono); font-size:.82rem; }

/* REVEAL */
.rv{ opacity:0; transform:translateY(24px); filter:blur(6px); transition:opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease); }
.rv.is-visible{ opacity:1; transform:none; filter:none; }
.rv-d1{ transition-delay:.08s } .rv-d2{ transition-delay:.16s } .rv-d3{ transition-delay:.24s } .rv-d4{ transition-delay:.32s }
[data-parallax]{ will-change:transform; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  .rv{ opacity:1; transform:none; filter:none; }
  .mask{ clip-path:none; }
}

/* ============================================================
   H4Y3D v2 — elementy pod konwersję
   ============================================================ */
.skip{ position:absolute; left:-9999px; top:8px; z-index:200; background:var(--blue); color:#fff; padding:10px 14px; }
.skip:focus{ left:8px; }
.nav{ background:rgba(8,9,10,.6); backdrop-filter:blur(12px); }
.nav__cta{ display:flex; align-items:center; gap:18px; }
.nav__tel{ font-family:var(--mono); font-size:.8rem; color:var(--silver); letter-spacing:.04em; white-space:nowrap; }
.nav__tel:hover{ color:var(--white); }
@media (max-width:640px){ .nav__tel{ display:none; } }
.h1{ font-family:var(--display); font-weight:600; letter-spacing:-.025em; line-height:1.04; }
.h3{ font-size:1.35rem; margin-bottom:18px; }
.opt{ text-transform:none; letter-spacing:.02em; color:var(--aluminum); opacity:.8; }
.hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }

/* HERO */
.hero2{ position:relative; min-height:min(100vh,860px); padding:calc(var(--nav-h) + 56px) 0 64px; display:flex; align-items:center; overflow:hidden; }
.hero2__bg{ position:absolute; inset:0; }
.hero2__bg img{ width:100%; height:100%; object-fit:cover; opacity:.32; }
.hero2::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--void) 18%, rgba(8,9,10,.75) 55%, rgba(8,9,10,.55)), linear-gradient(0deg, var(--void), transparent 40%); pointer-events:none; }
.hero2__grid{ position:relative; z-index:1; display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
@media (max-width:940px){ .hero2__grid{ grid-template-columns:1fr; gap:36px; } .hero2{ min-height:0; padding-top:calc(var(--nav-h) + 36px); } }
.hero2 h1{ font-size:clamp(2.1rem,5vw,3.9rem); margin-top:18px; max-width:17ch; }
.hero2__lead{ margin-top:20px; font-size:1.08rem; color:var(--silver); max-width:50ch; }
.ticks{ list-style:none; margin:26px 0 0; padding:0; display:grid; gap:10px; }
.ticks li{ position:relative; padding-left:28px; color:var(--silver); font-size:.95rem; }
.ticks li::before{ content:""; position:absolute; left:0; top:.3em; width:16px; height:16px; border-radius:50%; background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E") center/16px no-repeat; }
.hero2__actions{ margin-top:32px; display:flex; flex-wrap:wrap; gap:12px; }
.hero2__card{ background:rgba(23,27,31,.82); backdrop-filter:blur(10px); border:1px solid var(--hairline-strong); padding:22px; box-shadow:0 30px 80px rgba(0,0,0,.45); }
.qdrop{ border:1.5px dashed rgba(10,132,255,.55); padding:38px 22px; text-align:center; cursor:pointer; color:var(--blue); display:flex; flex-direction:column; align-items:center; gap:10px; transition:background .25s var(--ease), border-color .25s var(--ease); }
.qdrop:hover,.qdrop.dragover{ background:rgba(10,132,255,.08); border-color:var(--blue); }
.qdrop__t{ font-family:var(--display); font-weight:600; font-size:1.15rem; color:var(--white); }
.qdrop__s{ font-family:var(--mono); font-size:.68rem; letter-spacing:.1em; color:var(--aluminum); text-transform:uppercase; }
.qdrop .btn{ margin-top:6px; pointer-events:none; }
.hero2__alt{ margin-top:16px; text-align:center; font-size:.92rem; }
.hero2__alt a{ color:var(--silver); border-bottom:1px solid var(--hairline-strong); }
.hero2__alt a:hover{ color:var(--white); border-color:var(--blue); }
.hero2__safe{ margin-top:12px; text-align:center; font-size:.76rem; color:var(--aluminum); }

/* PASEK ZAUFANIA */
.trust{ border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline); background:var(--graphite); }
.trust__in{ display:grid; grid-template-columns:repeat(5,1fr); }
.trust__i{ padding:22px 16px; border-right:1px solid var(--hairline); display:flex; flex-direction:column; gap:4px; }
.trust__i:last-child{ border-right:0; }
.trust__i b{ font-family:var(--display); font-size:1.15rem; }
.trust__i span{ font-size:.8rem; color:var(--aluminum); }
@media (max-width:900px){ .trust__in{ grid-template-columns:repeat(2,1fr); } .trust__i{ border-bottom:1px solid var(--hairline); } .trust__i:nth-child(2n){ border-right:0; } .trust__i:last-child{ grid-column:1/-1; border-bottom:0; } }

/* USŁUGI */
.svc{ margin-top:44px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:1040px){ .svc{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .svc{ grid-template-columns:1fr; } }
.svc__c{ background:var(--steel); border:1px solid var(--hairline); display:flex; flex-direction:column; overflow:hidden; }
.svc__c img{ aspect-ratio:4/3; width:100%; object-fit:cover; transition:transform 1s var(--ease); }
.svc__c:hover img{ transform:scale(1.04); }
.svc__b{ padding:20px; display:flex; flex-direction:column; gap:10px; flex:1; }
.svc__b h3{ font-size:1.2rem; }
.svc__b p{ font-size:.9rem; color:var(--aluminum); flex:1; }
.svc__a{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:6px; }
.svc__a a{ font-size:.85rem; color:var(--silver); }
.svc__a a:hover{ color:var(--blue); }

/* ZDJĘCIA */
.photo{ margin:0; overflow:hidden; border:1px solid var(--hairline); background:var(--steel); }
.photo img{ width:100%; height:100%; object-fit:cover; }
.photo--ratio{ aspect-ratio:16/10; }
.photo--tall{ aspect-ratio:4/5; }

/* KREATOR — dodatki */
.file-msg{ margin-top:12px; font-size:.84rem; color:var(--silver); padding:10px 12px; border-left:2px solid var(--blue); background:rgba(10,132,255,.06); }
.file-msg.is-err{ border-color:#FF453A; background:rgba(255,69,58,.08); }
.geom-dims{ margin-top:12px; font-family:var(--mono); font-size:.72rem; color:var(--aluminum); letter-spacing:.06em; }
.file-plain{ width:100%; padding:12px; border:1px dashed var(--hairline-strong); background:rgba(255,255,255,.02); color:var(--silver); font-size:.85rem; }
.sec--light .file-plain{ color:var(--ink); }

/* JAK TO DZIAŁA */
.steps4{ list-style:none; margin:48px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--paper-line); }
@media (max-width:900px){ .steps4{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .steps4{ grid-template-columns:1fr; } }
.steps4 li{ padding:28px 22px 28px 0; border-bottom:1px solid var(--paper-line); }
.steps4 b{ font-family:var(--display); font-size:2.4rem; color:var(--blue); letter-spacing:-.04em; }
.steps4 h4{ margin-top:12px; font-size:1.15rem; }
.steps4 p{ margin-top:8px; font-size:.92rem; color:var(--ink-soft); max-width:30ch; }
.cta-row{ margin-top:40px; display:flex; justify-content:center; }

/* PRZYKŁADOWE CENY */
.examples{ margin-top:40px; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media (max-width:1000px){ .examples{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .examples{ grid-template-columns:1fr; } }
.ex{ background:#fff; border:1px solid var(--paper-line); padding:22px; display:flex; flex-direction:column; gap:6px; }
.ex__t{ font-family:var(--mono); font-size:.64rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-soft); }
.ex h4{ font-size:1.05rem; }
.ex p{ font-size:.84rem; color:var(--ink-soft); flex:1; }
.ex__p{ margin-top:8px; font-family:var(--display); font-weight:600; font-size:1.6rem; letter-spacing:-.03em; }
.ex__p small{ font-family:var(--body); font-weight:400; font-size:.75rem; color:var(--ink-soft); letter-spacing:0; }
.ex button{ margin-top:10px; align-self:flex-start; background:none; border:0; padding:0; color:var(--blue-dim); font-size:.85rem; cursor:pointer; }
.mat-more{ margin-top:40px; border-top:1px solid var(--paper-line); }
.mat-more summary{ cursor:pointer; padding:20px 0; font-family:var(--mono); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink); }
.mat-more .mtab{ margin-top:0; }

/* SEO / TREŚĆ USŁUGI */
.seo{ display:grid; grid-template-columns:1fr 1fr; gap:56px; }
@media (max-width:860px){ .seo{ grid-template-columns:1fr; gap:36px; } }
.dots{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.dots li{ position:relative; padding-left:20px; color:var(--aluminum); font-size:.95rem; }
.dots li::before{ content:""; position:absolute; left:0; top:.62em; width:7px; height:7px; background:var(--blue); border-radius:50%; }
.dots b{ color:var(--white); font-weight:500; }

/* FAQ */
.faq__list{ margin-top:40px; border-top:1px solid var(--hairline); max-width:880px; }
.faq__list details{ border-bottom:1px solid var(--hairline); }
.faq__list summary{ list-style:none; cursor:pointer; padding:22px 40px 22px 0; position:relative; font-family:var(--display); font-weight:600; font-size:1.06rem; }
.faq__list summary::-webkit-details-marker{ display:none; }
.faq__list summary::after{ content:"+"; position:absolute; right:4px; top:50%; transform:translateY(-50%); font-family:var(--mono); color:var(--blue); font-size:1.3rem; transition:transform .25s var(--ease); }
.faq__list details[open] summary::after{ transform:translateY(-50%) rotate(45deg); }
.faq__list p{ padding:0 0 24px; color:var(--aluminum); max-width:70ch; }

/* REALIZACJE / IG */
.ig{ margin-top:40px; border:1px solid var(--hairline); padding:24px; text-align:left; }
.ig__head{ display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; flex-wrap:wrap; }

/* KONTAKT */
.ct__list a:hover{ color:var(--blue); }
.form__2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:560px){ .form__2{ grid-template-columns:1fr; } }
.check--consent{ align-items:flex-start; font-size:.8rem; color:var(--aluminum); line-height:1.5; }
.check--consent input{ margin-top:2px; flex:none; }
.check--consent a{ color:var(--silver); text-decoration:underline; }
.form-msg{ font-size:.88rem; padding:12px 14px; border-left:2px solid var(--blue); background:rgba(10,132,255,.07); color:var(--silver); }
.form-msg.is-err{ border-color:#FF453A; background:rgba(255,69,58,.08); }
.form-msg.is-ok{ border-color:#30D158; background:rgba(48,209,88,.08); }
input:invalid.touched, textarea:invalid.touched{ border-color:#FF453A; }

/* STOPKA */
.foot__in{ align-items:flex-start; }
.foot__p{ margin-top:10px; font-size:.82rem; color:var(--aluminum); }
.foot__links{ flex-wrap:wrap; max-width:520px; gap:12px 22px; }
.foot small a:hover{ color:var(--white); }

/* PASEK MOBILNY */
.mbar{ display:none; }
@media (max-width:760px){
  .mbar{ display:grid; grid-template-columns:1fr 1.3fr; position:fixed; left:0; right:0; bottom:0; z-index:105; background:rgba(8,9,10,.94); backdrop-filter:blur(10px); border-top:1px solid var(--hairline-strong); padding:10px 12px calc(10px + env(safe-area-inset-bottom)); gap:10px; }
  .mbar__b{ display:flex; align-items:center; justify-content:center; padding:13px; border:1px solid var(--hairline-strong); font-family:var(--mono); font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; }
  .mbar__b--p{ background:var(--blue); border-color:var(--blue); color:#fff; }
  body{ padding-bottom:72px; }
  .fab{ bottom:84px; right:12px; }
  .cart{ right:0; left:0; bottom:0; width:100%; max-height:92vh; z-index:120; }
}

/* KOSZYK / ZAMÓWIENIE */
.fab[hidden]{ display:none; }
.cart{ max-height:80vh; }
.cart__head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
.cart__head h3{ margin:0; }
.cart__close{ background:none; border:0; color:var(--aluminum); font-size:1.1rem; cursor:pointer; padding:4px 8px; }
.cart__close:hover{ color:var(--white); }
.citem__f{ margin-top:6px; font-family:var(--mono); font-size:.66rem; color:var(--blue); word-break:break-all; }
.order{ margin-top:18px; padding-top:16px; border-top:1px solid var(--hairline-strong); display:flex; flex-direction:column; gap:12px; }
.order[hidden]{ display:none; }
.order h4{ font-size:.95rem; }
.order label:not(.check){ display:block; font-family:var(--mono); font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--aluminum); margin-bottom:6px; }
.order input, .order select, .order textarea{ padding:10px 12px; font-size:.9rem; }
.order__info{ font-size:.76rem; color:var(--aluminum); }
.upbar{ position:relative; height:26px; background:var(--steel-2); }
.upbar i{ position:absolute; left:0; top:0; bottom:0; width:0; background:var(--blue); transition:width .2s linear; }
.upbar span{ position:relative; display:block; text-align:center; line-height:26px; font-family:var(--mono); font-size:.7rem; }
.order-ok{ margin-top:18px; padding-top:16px; border-top:1px solid var(--hairline-strong); display:flex; flex-direction:column; gap:12px; }
.order-ok[hidden]{ display:none; }
.order-ok h4{ font-size:1.4rem; color:var(--blue); }
.order-ok p{ font-size:.88rem; color:var(--silver); }

/* DOKUMENTY */
.doc{ padding:calc(var(--nav-h) + 60px) 0 100px; }
.doc__in{ max-width:820px; }
.doc h1{ font-size:clamp(2rem,4vw,3rem); margin:14px 0 30px; }
.doc h2{ font-size:1.2rem; margin:34px 0 12px; }
.doc p, .doc li{ color:var(--silver); font-size:.96rem; }
.doc ul, .doc ol{ padding-left:20px; display:grid; gap:8px; }
.doc a{ color:var(--blue); }
.doc__date{ margin-top:40px; font-size:.8rem; color:var(--aluminum) !important; }

/* ZGODA NA COOKIES */
.consent{ position:fixed; left:16px; bottom:16px; z-index:130; max-width:420px; background:var(--steel); border:1px solid var(--hairline-strong); padding:18px; box-shadow:0 20px 60px rgba(0,0,0,.6); font-size:.84rem; color:var(--silver); }
.consent p a{ color:var(--blue); }
.consent__b{ display:flex; gap:10px; margin-top:14px; }
@media (max-width:760px){ .consent{ left:8px; right:8px; bottom:80px; max-width:none; } }

.cart__row{ display:flex; justify-content:space-between; gap:12px; padding:6px 0; font-family:var(--mono); font-size:.76rem; color:var(--aluminum); }
.cart__row:first-child{ margin-top:14px; }
.cart__hint{ margin-top:8px; font-size:.76rem; color:var(--blue); }
.trust__i--g b{ color:#FFD60A; }
.trust__i--g:hover span{ color:var(--white); }
input[type="tel"]{ width:100%; background:rgba(255,255,255,.02); border:1px solid var(--hairline); border-radius:0; padding:12px 14px; color:var(--white); }
input[type="tel"]:focus{ border-color:var(--blue); }
@media (max-width:760px){
  .hero2__actions{ display:none; }
  .hero2 h1{ font-size:2rem; }
  .hero2__lead{ font-size:.98rem; margin-top:14px; }
  .ticks{ margin-top:18px; gap:6px; }
  .ticks li{ font-size:.86rem; }
  .hero2__grid{ gap:24px; }
  .qdrop{ padding:26px 16px; }
}
[hidden]{ display:none !important; }
@media (max-width:600px){
  .tech-grid{ grid-template-columns:1fr 1fr; }
  .tile{ min-height:0; padding:16px 14px; gap:8px; }
  .tile__desc{ display:none; }
  .tile__name{ font-size:.98rem; }
  .tile__mode{ font-size:.52rem; padding:3px 6px; }
  .tile__idx{ display:none; }
  .cfg{ margin-top:32px; }
  .cfg__empty{ padding:32px 18px; }
}
.btn--wire{ background:transparent; }
.sec--light .btn--wire{ color:var(--ink); border-color:var(--paper-line); }


/* ============================================================
   v3 — JASNY, LŻEJSZY WYGLĄD
   ============================================================ */
body{ background:#fff; color:var(--ink); }
h1,h2,h3,h4{ font-weight:700; letter-spacing:-.03em; }
.label{ font-size:.82rem; font-weight:600; letter-spacing:0; text-transform:none; color:var(--blue); }
.sec--light .label{ color:var(--blue); }
.h2{ font-size:clamp(1.8rem,3.6vw,2.7rem); max-width:24ch; }
.lead{ font-size:1.05rem; }
.sec{ padding:96px 0; }
.sec--tight{ padding:64px 0; }
@media (max-width:720px){ .sec{ padding:64px 0; } .sec--tight{ padding:44px 0; } }
.rv{ filter:none; transform:translateY(16px); }

/* przyciski */
.btn{ border-radius:999px; font-family:var(--body); font-size:.95rem; font-weight:600; letter-spacing:0; text-transform:none; padding:13px 24px; }
.btn--sm{ padding:9px 16px; font-size:.86rem; }
.btn--primary{ background:var(--blue); }
.btn--primary:hover{ background:#0077ED; }
.btn--wire{ border-color:var(--hairline-strong); color:var(--ink); background:#fff; }
.btn--wire:hover{ border-color:var(--blue); color:var(--blue); }

/* nawigacja */
.nav, .nav.is-solid{ background:rgba(255,255,255,.82); backdrop-filter:saturate(180%) blur(16px); border-bottom:1px solid var(--hairline); }
.nav__logo{ font-family:var(--body); font-weight:800; letter-spacing:-.01em; }
.nav__links{ color:var(--ink-soft); gap:26px; }
.nav__links a:hover{ color:var(--ink); }
.nav__tel{ font-family:var(--body); color:var(--ink-soft); font-weight:500; }
.progress{ height:2px; }

/* hero */
.hero2{ background:linear-gradient(180deg,#F5F5F7 0%,#fff 100%); min-height:0; padding:calc(var(--nav-h) + 64px) 0 72px; }
.hero2__bg{ display:none; }
.hero2::after{ display:none; }
.hero2 h1{ color:var(--ink); }
.hero2__lead{ color:var(--ink-soft); }
.ticks li{ color:var(--silver); }
.hero2__card{ background:#fff; backdrop-filter:none; border:1px solid var(--hairline); border-radius:22px; padding:20px; box-shadow:0 20px 50px rgba(0,0,0,.08); }
.qdrop{ border:1.5px dashed rgba(0,113,227,.45); border-radius:16px; background:rgba(0,113,227,.03); }
.qdrop__s{ font-family:var(--body); letter-spacing:.02em; text-transform:none; }
.hero2__alt a{ color:var(--ink); border-color:var(--hairline-strong); }

/* pasek zaufania */
.trust{ background:#fff; border-top:0; border-bottom:1px solid var(--hairline); }
.trust__i{ border-right:0; padding:18px 12px; }
.trust__i b{ font-family:var(--body); font-size:1.05rem; }
.trust__i--g b{ color:#E8A400; }
@media (max-width:900px){ .trust__i{ border-bottom:0; } }

/* usługi */
.svc{ gap:16px; }
.svc__c{ border:0; border-radius:20px; background:var(--graphite); }
.svc__c img{ aspect-ratio:16/10; }
.svc__b{ padding:18px 20px 20px; }
.svc__b h3{ font-size:1.15rem; }
.sec--graphite .svc__c{ background:#fff; }

/* kafelki technologii */
.tech-grid{ border:0; gap:10px; margin-top:36px; }
.tile{ border:1px solid var(--hairline); border-radius:var(--r); background:#fff; min-height:150px; padding:20px; }
.tile::before{ display:none; }
.tile:hover{ background:#fff; border-color:rgba(0,113,227,.4); box-shadow:0 8px 24px rgba(0,0,0,.06); }
.tile.is-active{ background:#fff; border-color:var(--blue); box-shadow:0 0 0 3px rgba(0,113,227,.15); }
.tile__idx{ display:none; }
.tile__mode{ font-family:var(--body); font-size:.7rem; font-weight:600; letter-spacing:0; text-transform:none; border-radius:999px; border:0; background:var(--graphite); color:var(--ink-soft); }
.tile__mode--instant{ background:rgba(0,113,227,.1); color:var(--blue); }
.tile__name{ font-family:var(--body); font-size:1.08rem; }
.advisor{ margin-top:22px; }
.wiz{ border-radius:var(--r); background:#fff; }
.wiz__opts{ background:transparent; border:0; gap:8px; }
.wiz__opt{ background:var(--graphite); color:var(--ink); border-radius:12px; }
.wiz__opt:hover{ background:var(--steel-2); }
.wiz__res{ border-radius:12px; }

/* konfigurator */
.cfg__empty{ border-radius:var(--r); border-color:var(--hairline-strong); background:#fff; }
.crumb{ font-family:var(--body); letter-spacing:0; text-transform:none; font-size:.9rem; }
.cfg__grid{ background:#fff; border:1px solid var(--hairline); border-radius:22px; padding:28px; gap:40px; }
@media (max-width:960px){ .cfg__grid{ padding:18px; } }
#inquiryPanel{ background:#fff; border:1px solid var(--hairline); border-radius:22px; padding:28px; }
.drop{ border-radius:var(--r); border-color:var(--hairline-strong); background:var(--graphite); }
.drop__t{ font-family:var(--body); }
.preview{ border-radius:var(--r); overflow:hidden; background:#F0F0F3; border:0; }
.preview canvas,.preview img{ background:#F0F0F3; }
.preview__hint{ font-family:var(--body); letter-spacing:0; }
.field>label, .geom-field label, .form label, .order label:not(.check){ font-family:var(--body); font-size:.8rem; font-weight:600; letter-spacing:0; text-transform:none; color:var(--silver); }
.chip{ border-radius:12px; background:#fff; border-color:var(--hairline-strong); }
.chip:hover{ border-color:rgba(0,113,227,.5); }
.chip.is-active{ background:rgba(0,113,227,.07); border-color:var(--blue); box-shadow:0 0 0 1px var(--blue) inset; }
.chip__m{ font-family:var(--body); }
select,input[type="number"],input[type="text"],input[type="email"],input[type="tel"],textarea{ background:#fff; color:var(--ink); border:1px solid var(--hairline-strong); border-radius:var(--r-sm); }
.file-plain{ border-radius:var(--r-sm); background:var(--graphite); color:var(--silver); }
.spec{ border-radius:var(--r); background:var(--graphite); border:0; }
.spec__t, .spec__row, .spec__total span{ font-family:var(--body); letter-spacing:0; text-transform:none; }
.spec__row{ font-size:.9rem; }
.spec__total b{ font-family:var(--body); color:var(--ink); }
.geom-dims{ font-family:var(--body); letter-spacing:0; }
.file-msg{ border-radius:8px; border-left-width:3px; color:var(--silver); }

/* tryb prosty / pro */
.seg{ display:inline-flex; background:var(--graphite); border-radius:999px; padding:4px; margin-bottom:22px; width:100%; }
.seg button{ flex:1; border:0; background:transparent; padding:10px 14px; border-radius:999px; font:inherit; font-size:.88rem; font-weight:600; color:var(--ink-soft); cursor:pointer; }
.seg button.is-active{ background:#fff; color:var(--ink); box-shadow:0 1px 4px rgba(0,0,0,.12); }
.chips--big{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.chips--big .chip{ min-width:0; padding:12px 14px; }
@media (max-width:500px){ .chips--big{ grid-template-columns:1fr; } }
.hint{ margin-top:12px; font-size:.86rem; color:var(--silver); background:rgba(0,113,227,.06); border-radius:10px; padding:10px 12px; }
.hint b{ color:var(--ink); }

/* jak to działa, ceny */
.steps4{ border-top:0; gap:14px; }
.steps4 li{ background:#fff; border:0; border-radius:var(--r); padding:22px; }
.steps4 b{ font-family:var(--body); font-size:1.6rem; }
.ex{ border-radius:var(--r); border:0; }
.ex__t{ font-family:var(--body); letter-spacing:0; text-transform:none; font-weight:600; color:var(--blue); }
.ex__p{ font-family:var(--body); }
.mat-more summary{ font-family:var(--body); letter-spacing:0; text-transform:none; font-weight:600; font-size:.95rem; }
.mtab thead th, .mtab__g td, .mtab td.num{ font-family:var(--body); letter-spacing:0; text-transform:none; }
.mtab td:first-child{ font-family:var(--body); }

/* treść usługi, FAQ */
.dots li{ color:var(--ink-soft); }
.dots b{ color:var(--ink); }
.faq__list summary{ font-family:var(--body); font-weight:600; }
.faq__list summary::after{ font-family:var(--body); }
.ig{ border-radius:var(--r); }

/* kontakt i stopka */
.ct__list dt{ font-family:var(--body); letter-spacing:0; text-transform:none; font-weight:600; }
.form-msg{ border-radius:8px; color:var(--silver); }
.foot{ background:var(--graphite); }
.foot small{ font-family:var(--body); letter-spacing:0; }

/* koszyk, pasek mobilny, zgoda */
.fab{ border-radius:999px; font-family:var(--body); letter-spacing:0; text-transform:none; font-weight:600; font-size:.9rem; box-shadow:0 10px 30px rgba(0,113,227,.35); }
.fab b{ border-radius:999px; background:rgba(255,255,255,.25); }
.cart{ background:#fff; border:1px solid var(--hairline); border-radius:20px; box-shadow:0 30px 80px rgba(0,0,0,.18); }
.citem__m, .citem__f, .cart__row, .cart__sum, .citem__t span:last-child, .citem__x{ font-family:var(--body); letter-spacing:0; text-transform:none; }
.upbar{ border-radius:999px; overflow:hidden; background:var(--graphite); }
.upbar span{ font-family:var(--body); }
@media (max-width:760px){
  .mbar{ background:rgba(255,255,255,.94); border-top:1px solid var(--hairline); }
  .mbar__b{ font-family:var(--body); letter-spacing:0; text-transform:none; font-weight:600; font-size:.9rem; border-radius:999px; border-color:var(--hairline-strong); color:var(--ink); }
  .mbar__b--p{ color:#fff; }
  .cart{ border-radius:20px 20px 0 0; }
}
.consent{ background:#fff; color:var(--silver); border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.15); }
.doc p, .doc li{ color:var(--silver); }
.svc__c img{ height:auto; width:100%; object-fit:cover; }