/* VISOSPECTFORTE.EU — układ wg makiety właściciela: biel + jasnobłękitne tło, fiolet z etykiety (#7a1f8c) w gradiencie, granatowe nagłówki,
   karty 16 px, przyciski gradientowe (prostokąt z zaokrągleniem, nie pigułki), kafelkowe ikony, odręczne dopiski Marck Script, boczny spis rozdziałów.
   Kroje: Onest (tekst i nagłówki) + Marck Script (dopiski). Klasy vs-*. Breakpointy 640 / 900 / 1180. */
/*FONTFACE*/
@font-face{font-family:'Marck Script';font-style:normal;font-weight:400;font-display:swap;src:url(/media/kroje/marckscript-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Marck Script';font-style:normal;font-weight:400;font-display:swap;src:url(/media/kroje/marckscript-400-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Marck Script';font-style:normal;font-weight:400;font-display:swap;src:url(/media/kroje/marckscript-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(/media/kroje/onest-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(/media/kroje/onest-400-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(/media/kroje/onest-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(/media/kroje/onest-600-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(/media/kroje/onest-600-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(/media/kroje/onest-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:800;font-display:swap;src:url(/media/kroje/onest-800-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:800;font-display:swap;src:url(/media/kroje/onest-800-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:800;font-display:swap;src:url(/media/kroje/onest-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--fiol:#7a1f8c;--fiol2:#a23bb5;--fiol3:#5b1369;--fiolj:#f3e8f7;--fiolt:#faf5fc;--niebj:#eaf3fb;--granat:#1d1b3a;--tekst:#3b3a52;--tekst2:#6b6a80;--tlo:#f6f8fc;--biel:#fff;--linia:#e4e6f0;--zielen:#1f8f5f;--r:16px;--r2:12px;--cien:0 10px 30px rgba(29,27,58,.08);--cien2:0 18px 44px rgba(122,31,140,.16);--w:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--tekst);background:var(--biel);overflow-wrap:anywhere}
img,picture{max-width:100%;height:auto;display:block}
a{color:var(--fiol)}
h1,h2,h3{color:var(--granat);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h2{font-size:clamp(1.55rem,3.2vw,2.15rem);font-weight:800}
h3{font-size:1.1rem;font-weight:700}
p{margin:0 0 1em}
.vs-w{max-width:var(--w);margin:0 auto;padding:0 clamp(16px,3vw,32px)}
.vs-hero-w>*,.vs-syt-w>*,.vs-kroki-w>*,.vs-glosy-w>*,.vs-faq-w>*,.vs-cta-w>*,.vs-sklad-w>*,.vs-dzialy-w>*,.vs-dzialy-tresc>*{min-width:0}
.vs-nad{color:var(--fiol);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5em}
.vs-nota{font-size:.86rem;color:var(--tekst2)}
.vs-nota-ramka{background:var(--fiolt);border:1px solid var(--fiolj);border-radius:var(--r2);padding:.9rem 1.1rem;margin-top:1.4rem}
.vs-odreczne{font-family:'Marck Script',cursive;font-size:1.35rem;color:var(--fiol);line-height:1.1;display:inline-block;transform:rotate(-4deg)}

/* przyciski */
.vs-btn{display:inline-flex;align-items:center;gap:.5em;background:linear-gradient(100deg,var(--fiol3),var(--fiol) 55%,var(--fiol2));color:#fff;text-decoration:none;font-weight:800;font-size:.95rem;padding:.8em 1.4em;border-radius:var(--r2);border:0;cursor:pointer;box-shadow:0 8px 20px rgba(122,31,140,.28);transition:transform .15s,box-shadow .15s;letter-spacing:.01em}
.vs-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(122,31,140,.34)}
.vs-btn:disabled{opacity:.6;cursor:wait;transform:none}
.vs-btn-duzy{font-size:1.05rem;padding:1em 1.6em}
.vs-btn-kontur{background:#fff;color:var(--fiol);border:2px solid var(--fiol);box-shadow:none}
.vs-btn-kontur:hover{background:var(--fiolj)}
.vs-btn-glowa{padding:.65em 1.1em;font-size:.9rem;margin-left:auto;display:none}

/* nagłówek */
.vs-glowa{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linia)}
.vs-glowa-w{display:flex;align-items:center;gap:1rem;min-height:66px}
.vs-glowa-logo{text-decoration:none;flex:none}
.vs-logo{display:inline-flex;flex-direction:column;line-height:1}
.vs-logo-n{font-weight:800;font-size:1.35rem;letter-spacing:.02em;color:var(--fiol)}
.vs-logo-n em{font-style:normal;font-weight:500;color:var(--granat)}
.vs-logo small{font-size:.66rem;color:var(--tekst2);margin-top:.2em;letter-spacing:.02em}
.vs-menu{display:none;gap:1.4rem;margin-left:1.5rem}
.vs-menu a{text-decoration:none;color:var(--granat);font-weight:600;font-size:.9rem}
.vs-menu a:hover{color:var(--fiol)}
.vs-kraje{position:relative;margin-left:auto}
.vs-kraje summary span{display:none}
.vs-kraje summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;font-weight:700;font-size:.85rem;padding:.4em .6em;border-radius:8px;border:1px solid var(--linia);background:#fff}
.vs-kraje summary::-webkit-details-marker{display:none}
.vs-kraje ul{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--linia);border-radius:var(--r2);box-shadow:var(--cien);list-style:none;margin:0;padding:.4rem;min-width:180px;z-index:50}
.vs-kraje li a{display:flex;align-items:center;gap:.6em;padding:.5em .7em;border-radius:8px;text-decoration:none;color:var(--granat);font-weight:600;font-size:.9rem}
.vs-kraje li a:hover,.vs-kraje li a[aria-current]{background:var(--fiolj)}
.vs-kraje ~ .vs-btn-glowa{margin-left:0}

/* hero */
.vs-hero{background:radial-gradient(1200px 600px at 85% -10%,#e9d7f2 0%,rgba(233,215,242,0) 60%),linear-gradient(180deg,#f3f6fc 0%,#fff 100%);padding:2.2rem 0 2.6rem;position:relative;overflow:hidden}
.vs-hero-w{display:grid;gap:1.8rem;align-items:start}
.vs-hero-tekst h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.3em}
.vs-hero-tekst h1 .vs-h1-dop{display:block;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:500;color:var(--fiol);letter-spacing:0;margin-top:.35em;line-height:1.3}
.vs-lede{font-size:1.05rem;color:var(--tekst)}
.vs-hero-ikony{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.7rem;grid-template-columns:1fr}
.vs-hero-ikony li{display:grid;grid-template-columns:auto 1fr;gap:.2rem .6rem;align-items:center;font-size:.8rem;line-height:1.3}
.vs-hero-ikony i{grid-row:span 2;width:40px;height:40px;border-radius:12px;background:var(--fiolj);color:var(--fiol);display:grid;place-items:center}
.vs-hero-ikony b{color:var(--granat);font-size:.86rem}
.vs-hero-ikony span{color:var(--tekst2)}
.vs-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin:.4rem 0 1rem}
.vs-hero-cta span{font-size:.85rem;color:var(--tekst2)}
.vs-hero-zaufanie{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}
.vs-hero-zaufanie li{display:inline-flex;align-items:center;gap:.4em;font-size:.84rem;font-weight:600;color:var(--granat)}
.vs-hero-zaufanie svg{color:var(--fiol)}
.vs-hero-nota{margin:0;font-size:.78rem}
.vs-hero-scena{position:relative}
.vs-hero-scena img{border-radius:var(--r);box-shadow:var(--cien)}
.vs-odreczne-1{position:absolute;right:6%;top:6%;max-width:46%;text-align:right;transform:rotate(-6deg);font-size:1.3rem}
.vs-hero-boczne{list-style:none;padding:0;margin:.8rem 0 0;display:grid;grid-template-columns:1fr;gap:.5rem}
.vs-hero-boczne li{display:flex;align-items:center;gap:.5em;font-size:.78rem;font-weight:600;color:var(--granat);background:#fff;border:1px solid var(--linia);border-radius:10px;padding:.5em .6em}
.vs-hero-boczne i{width:28px;height:28px;border-radius:50%;background:var(--fiolj);color:var(--fiol);display:grid;place-items:center;flex:none}

/* formularz */
.vs-form{background:#fff;border-radius:var(--r);box-shadow:var(--cien2);padding:1.4rem;display:grid;gap:.8rem;position:relative}
.vs-form-glowa h3{margin:.2em 0 .2em;font-size:1.15rem}
.vs-form-glowa p{font-size:.86rem;color:var(--tekst2);margin:0}
.vs-form-cena{display:block;font-size:.85rem;color:var(--tekst2)}
.vs-form-cena b{font-size:1.9rem;color:var(--fiol);font-weight:800;letter-spacing:-.02em;margin-right:.3em}
.vs-form-cena-brak small{display:block;font-weight:600;color:var(--granat);font-size:.9rem;background:var(--fiolt);border-radius:8px;padding:.5em .7em}
.vs-pulapka{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.vs-pole{display:grid;gap:.3rem}
.vs-pole>span:first-child{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tekst2)}
.vs-pole input{width:100%;font:inherit;font-size:1rem;padding:.8em .9em;border:1.5px solid var(--linia);border-radius:10px;background:#fff;color:var(--granat)}
.vs-pole input:focus{outline:2px solid var(--fiol2);outline-offset:1px;border-color:var(--fiol2)}
.vs-tel{display:grid;grid-template-columns:auto 1fr}
.vs-tel i{font-style:normal;font-weight:700;display:grid;place-items:center;padding:0 .8em;border:1.5px solid var(--linia);border-right:0;border-radius:10px 0 0 10px;background:var(--tlo);color:var(--granat)}
.vs-tel input{border-radius:0 10px 10px 0}
.vs-form-blad{margin:0;color:#b3121f;font-size:.86rem;font-weight:600}
.vs-form .vs-btn{justify-content:center;width:100%}
.vs-form-zgoda{font-size:.72rem;color:var(--tekst2);margin:0;line-height:1.4}
.vs-form-pod{font-size:.78rem;color:var(--tekst2);margin:0;font-weight:600}
.vs-form-sukces{background:#eefaf3;border:1px solid #c9ecd8;border-radius:var(--r2);padding:1rem;color:#12643f;text-align:center}
.vs-form-sukces svg{color:var(--zielen);margin:0 auto .3rem}
.vs-form-sukces h3{color:#12643f;margin:0 0 .3em}
.vs-form-sukces p{margin:0;font-size:.9rem}
.vs-wyslany .vs-pole,.vs-wyslany .vs-btn,.vs-wyslany .vs-form-zgoda,.vs-wyslany .vs-form-pod,.vs-wyslany .vs-form-blad{display:none}

/* pas faktów */
.vs-pas{background:var(--granat);color:#fff}
.vs-pas ul{list-style:none;margin:0 auto;padding:1rem clamp(16px,3vw,32px);display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.vs-pas li{display:grid;grid-template-columns:auto 1fr;gap:0 .7rem;align-items:center;font-size:.78rem;line-height:1.3;color:#c9c6e0}
.vs-pas li i{grid-row:span 2;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);color:#e6c6f0;display:grid;place-items:center}
.vs-pas li b{color:#fff;font-size:.92rem;display:block}

/* bloki */
.vs-blok{padding:3.2rem 0}
.vs-blok-glowa{display:grid;gap:.6rem 2rem;margin-bottom:1.8rem}
.vs-blok-glowa h2{margin:0}
.vs-blok-wstep{color:var(--tekst2);margin:0;max-width:52ch}
.vs-skl{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.vs-skl li{background:#fff;border:1px solid var(--linia);border-radius:var(--r);padding:0 0 1.2rem;overflow:hidden;box-shadow:var(--cien)}
.vs-skl img{width:100%;aspect-ratio:4/3;object-fit:cover}
.vs-skl h3{margin:1rem 1.1rem .1rem;font-size:1.05rem}
.vs-skl .vs-skl-dawka{margin:0 1.1rem .5rem;color:var(--fiol);font-weight:700;font-size:.8rem}
.vs-skl p{margin:0 1.1rem;font-size:.86rem;color:var(--tekst2)}

.vs-blok-syt{background:var(--tlo)}
.vs-syt-w{display:grid;gap:1.6rem;align-items:center}
.vs-syt-tekst p{color:var(--tekst2)}
.vs-syt-kafle{list-style:none;padding:0;margin:0;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.vs-syt-kafle img{aspect-ratio:4/5}
.vs-syt-kafle li{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--cien);background:#fff}
.vs-syt-kafle img{width:100%;aspect-ratio:4/5;object-fit:cover}
.vs-syt-kafle div{position:absolute;left:0;right:0;bottom:0;padding:2.4rem .8rem .8rem;background:linear-gradient(180deg,rgba(29,27,58,0),rgba(29,27,58,.85));color:#fff;display:grid;grid-template-columns:auto 1fr;gap:0 .5rem;align-items:center}
.vs-syt-kafle i{grid-row:span 2;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.18);display:grid;place-items:center}
.vs-syt-kafle b{font-size:.85rem;display:block;line-height:1.2}
.vs-syt-kafle span{font-size:.72rem;color:#d9d6ea;line-height:1.25}

.vs-kroki-w{display:grid;gap:1.6rem;align-items:start}
.vs-kroki-tekst .vs-odreczne{margin-top:.4rem}
.vs-kroki{list-style:none;padding:0;margin:0;display:grid;gap:1rem;counter-reset:krok}
.vs-kroki li{position:relative;background:#fff;border:1px solid var(--linia);border-radius:var(--r);padding:1.2rem 1.2rem 1.2rem 1.2rem;box-shadow:var(--cien);display:grid;gap:.3rem}
.vs-kroki li>i{position:absolute;left:-10px;top:-10px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--fiol3),var(--fiol2));color:#fff;font-style:normal;font-weight:800;font-size:.9rem;display:grid;place-items:center;box-shadow:0 4px 12px rgba(122,31,140,.3)}
.vs-kroki-ik{width:52px;height:52px;border-radius:14px;background:var(--fiolj);color:var(--fiol);display:grid;place-items:center;margin-bottom:.4rem}
.vs-kroki b{color:var(--granat);font-size:1rem}
.vs-kroki li>span:last-child{font-size:.88rem;color:var(--tekst2)}

.vs-blok-dlaczego{background:linear-gradient(180deg,#fff,var(--fiolt))}
.vs-dlaczego{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}
.vs-dlaczego li{display:grid;grid-template-columns:auto 1fr;gap:.1rem .8rem;background:#fff;border:1px solid var(--linia);border-radius:var(--r2);padding:1rem 1.1rem}
.vs-dlaczego i{grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--fiol);color:#fff;display:grid;place-items:center;margin-top:.1rem}
.vs-dlaczego b{color:var(--granat)}
.vs-dlaczego span{font-size:.88rem;color:var(--tekst2)}

.vs-glosy-w{display:grid;gap:1.6rem;align-items:start}
.vs-glosy-tekst p{color:var(--tekst2)}
.vs-glosy-zapros{font-weight:700;color:var(--granat)!important}
.vs-glosy-stan{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.vs-glosy-stan li{display:grid;grid-template-columns:auto 1fr;gap:0 .8rem;align-items:center;background:var(--tlo);border-radius:var(--r2);padding:.9rem 1rem}
.vs-glosy-stan i{grid-row:span 2;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--fiol);display:grid;place-items:center;border:1px solid var(--linia)}
.vs-glosy-ok i{color:var(--zielen)}
.vs-glosy-x i{color:#b3121f}
.vs-glosy-stan b{color:var(--granat);display:block}
.vs-glosy-stan span{font-size:.84rem;color:var(--tekst2)}

.vs-blok-faq{background:var(--tlo)}
.vs-faq-w{display:grid;gap:1.4rem;align-items:start}
.vs-faq{display:grid;gap:.6rem}
.vs-faq details{background:#fff;border:1px solid var(--linia);border-radius:var(--r2)}
.vs-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-weight:700;font-size:.92rem;color:var(--granat)}
.vs-faq summary::-webkit-details-marker{display:none}
.vs-faq summary i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--fiolj);color:var(--fiol);display:grid;place-items:center;transition:transform .2s}
.vs-faq details[open] summary i{transform:rotate(45deg)}
.vs-faq details p{padding:0 1rem 1rem;margin:0;color:var(--tekst2);font-size:.9rem}

/* pas CTA */
.vs-cta{background:linear-gradient(110deg,var(--fiol3) 0%,var(--fiol) 50%,var(--fiol2) 100%);color:#fff;padding:3rem 0;position:relative;overflow:hidden}
.vs-cta-w{display:grid;gap:1.6rem;align-items:center}
.vs-cta h2{color:#fff;font-size:clamp(1.5rem,3vw,2.1rem)}
.vs-cta-tekst p{color:#eedcf4}
.vs-cta-plusy{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.5rem}
.vs-cta-plusy li{display:flex;align-items:center;gap:.5em;font-weight:700;font-size:.95rem}
.vs-cta .vs-odreczne{color:#f5dfff}
.vs-cta-butelka{max-width:280px;margin:0 auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}
.vs-cta .vs-form{box-shadow:0 24px 60px rgba(0,0,0,.25)}

/* skład pełny */
.vs-sklad-w{display:grid;gap:1.6rem;align-items:start}
.vs-sklad-porcja{display:inline-flex;align-items:center;gap:.5em;background:var(--fiolj);color:var(--fiol3);font-weight:700;font-size:.88rem;padding:.5em .9em;border-radius:999px}
.vs-sklad-inne{margin:0 0 1rem;padding-left:1.2em;font-size:.9rem;color:var(--tekst2)}
.vs-sklad-tabela{overflow-x:auto;background:#fff;border:1px solid var(--linia);border-radius:var(--r);box-shadow:var(--cien);padding:.4rem}
.vs-sklad-tabela table{border-collapse:collapse;width:100%;font-size:.88rem;min-width:520px}
.vs-sklad-tabela th{text-align:left;background:var(--granat);color:#fff;padding:.7rem .8rem;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.vs-sklad-tabela th:first-child{border-radius:10px 0 0 10px}.vs-sklad-tabela th:last-child{border-radius:0 10px 10px 0}
.vs-sklad-tabela td{padding:.7rem .8rem;border-bottom:1px solid var(--linia);vertical-align:top}
.vs-sklad-tabela tr:last-child td{border-bottom:0}
.vs-sklad-tabela td.vs-rws{font-weight:800;color:var(--fiol);white-space:nowrap}
.vs-sklad-tabela .vs-nota{padding:.6rem .8rem 0;margin:0}

/* rozdziały + boczny spis */
.vs-dzialy{background:var(--tlo);padding:3rem 0 3.5rem}
.vs-dzialy-w{display:grid;gap:1.4rem;align-items:start}
.vs-spis ul{list-style:none;margin:0;padding:.4rem;background:#fff;border:1px solid var(--linia);border-radius:var(--r);display:flex;flex-wrap:wrap;gap:.3rem}
.vs-spis a{display:block;text-decoration:none;color:var(--granat);font-size:.82rem;font-weight:600;padding:.55em .8em;border-radius:9px;line-height:1.3}
.vs-spis a:hover{background:var(--fiolj)}
.vs-spis a.vs-aktywny{background:var(--fiol);color:#fff}
.vs-dzialy-tresc{display:grid;gap:1.4rem;min-width:0}
.vs-dzial{background:#fff;border:1px solid var(--linia);border-radius:var(--r);padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--cien);scroll-margin-top:90px}
.vs-dzial h2{font-size:1.45rem;margin-bottom:.6em}
.vs-dzial h3{font-size:1.05rem;margin-top:1.4em;color:var(--fiol3)}
.vs-dzial p,.vs-dzial li{font-size:.95rem}
.vs-dzial ul,.vs-dzial ol{padding-left:1.3em}
.vs-dzial table{border-collapse:collapse;width:100%;font-size:.88rem;margin:1rem 0}
.vs-dzial th,.vs-dzial td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--linia);vertical-align:top}
.vs-dzial th{background:var(--fiolt);color:var(--granat);font-size:.8rem}
.vs-dzial .vs-tab{overflow-x:auto}
.vs-dzial table{min-width:520px}
.vs-dzial td:nth-child(2){color:var(--fiol3);font-weight:600}

/* pływająca karta */
.vs-plywak{position:fixed;right:18px;bottom:18px;width:min(360px,calc(100vw - 36px));z-index:60;animation:vs-wjazd .35s ease-out}
.vs-plywak .vs-form{padding:1.1rem;box-shadow:0 24px 60px rgba(29,27,58,.3);border:1px solid var(--linia)}
.vs-plywak .vs-form-glowa p{display:none}
.vs-plywak .vs-form-cena b{font-size:1.4rem}
.vs-plywak-zamknij{position:absolute;right:8px;top:8px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--linia);background:#fff;color:var(--granat);cursor:pointer;display:grid;place-items:center}
@keyframes vs-wjazd{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}

/* stopka */
.vs-stopka{background:var(--granat);color:#c9c6e0;padding:2.6rem 0 1.6rem;font-size:.86rem}
.vs-stopka-w{display:grid;gap:1.6rem}
.vs-stopka .vs-logo-n{color:#fff}.vs-stopka .vs-logo-n em{color:#d9c2e6}.vs-stopka .vs-logo small{color:#a9a6c4}
.vs-stopka-nota{margin:.8rem 0 0;font-size:.8rem;line-height:1.5}
.vs-stopka-h{color:#fff;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .6em}
.vs-stopka-lista{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.vs-stopka-lista a{color:#e6e3f5;text-decoration:none}
.vs-stopka-lista a:hover{color:#fff;text-decoration:underline}
.vs-stopka-kraje a{display:inline-flex;align-items:center;gap:.5em}
.vs-stopka-mail{margin:1rem 0 0}.vs-stopka-mail a{color:#e6c6f0}
.vs-stopka-dol{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1rem;font-size:.78rem}
.vs-stopka-dol p{margin:0}

/* akty */
.vs-akt{background:var(--tlo)}
.vs-akt-w{padding-top:2rem;padding-bottom:3rem}
.vs-akt-karta{background:#fff;border:1px solid var(--linia);border-radius:var(--r);box-shadow:var(--cien);padding:clamp(1.3rem,4vw,2.6rem);max-width:860px;margin:0 auto;border-top:6px solid var(--fiol)}
.vs-akt-powrot a{text-decoration:none;font-weight:600;font-size:.88rem;display:inline-flex;align-items:center;gap:.4em}
.vs-akt-karta h1{font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:800;margin:.3em 0 .5em}
.vs-akt-lede{font-size:1.05rem;color:var(--tekst2);border-left:4px solid var(--fiolj);padding-left:1rem}
.vs-akt-tresc h2{font-size:1.25rem;margin-top:1.6em}
.vs-akt-tresc p,.vs-akt-tresc li{font-size:.95rem}
.vs-akt-mail{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5em}
.vs-zrodla{margin-top:2rem;border-top:1px solid var(--linia);padding-top:1rem}
.vs-zrodla h2{font-size:1.1rem}
.vs-zrodla ol{padding-left:1.3em;font-size:.84rem;color:var(--tekst2)}
.vs-zrodla li{margin-bottom:.4em}
.vs-akt-cta{margin-top:2rem}

/* wybór kraju */
.vs-wybor-strona{background:radial-gradient(900px 500px at 80% 0%,#e9d7f2,rgba(233,215,242,0) 60%),var(--tlo);min-height:100vh;display:grid;place-items:center}
.vs-wybor{width:100%;padding:2rem 1rem}
.vs-wybor-karta{background:#fff;border-radius:var(--r);box-shadow:var(--cien2);max-width:820px;margin:0 auto;padding:2rem;display:grid;gap:1.5rem;align-items:center}
.vs-wybor-butelka{max-width:220px;margin:0 auto}
.vs-wybor-karta h1{font-size:2rem;margin:.4em 0 .2em}
.vs-wybor-karta p{color:var(--tekst2);font-size:.9rem}
.vs-wybor-karta ul{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.6rem}
.vs-wybor-karta li a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.8em;background:var(--tlo);color:var(--granat);text-decoration:none;padding:.8em 1em;border-radius:var(--r2);font-weight:700;border:1px solid var(--linia)}
.vs-wybor-karta li a:hover{background:var(--fiolj)}
.vs-wybor-karta li a small{color:var(--fiol);font-weight:800;font-size:.8rem}

@media (min-width:640px){
  .vs-btn-glowa{display:inline-flex}
  .vs-kraje summary span{display:inline}
  .vs-hero-ikony{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vs-hero-boczne{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vs-pas ul{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vs-skl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vs-kroki{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vs-dlaczego{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vs-faq{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .vs-stopka-w{grid-template-columns:1.3fr 1fr 1fr}
  .vs-wybor-karta{grid-template-columns:240px 1fr}
}
@media (min-width:900px){
  .vs-menu{display:flex}
  .vs-hero-w{grid-template-columns:1.05fr .95fr}
  .vs-hero-form{grid-column:1/-1;max-width:640px}
  .vs-blok-glowa{grid-template-columns:1fr 1fr;align-items:end}
  .vs-syt-w{grid-template-columns:.9fr 1.1fr}
  .vs-kroki-w{grid-template-columns:.7fr 1.3fr}
  .vs-glosy-w{grid-template-columns:1.2fr .8fr}
  .vs-faq-w{grid-template-columns:.8fr 1.6fr}
  .vs-cta-w{grid-template-columns:1.1fr .7fr 1fr}
  .vs-sklad-w{grid-template-columns:.9fr 1.1fr}
  .vs-dzialy-w{grid-template-columns:250px 1fr}
  .vs-spis{position:sticky;top:84px}
  .vs-spis ul{flex-direction:column;gap:.15rem}
  .vs-dlaczego{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1180px){
  .vs-hero-w{grid-template-columns:1fr 1.15fr .9fr;align-items:center}
  .vs-hero-form{grid-column:auto;max-width:none}
  .vs-hero-ikony{grid-template-columns:1fr;gap:.5rem}
  .vs-skl{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vs-plywak{animation:none}}