/* Venom Casino — motyw BLACK. Jedyne, co świeci: oczy (czerwone) i zęby (zielone) maskotki — w grafikach, nie w CSS. */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Jost:wght@400;500;600&display=swap');

:root, :root[dir] {
  --venom-bg: #000; --venom-surface: #050505; --venom-raised: #0b0b0b;
  --venom-border: #1f1f1f; --venom-border-strong: #2e2e2e;
  --venom-text: #e6e3dd; --venom-muted: #8c8a86; --venom-accent: #c9c5bd;

  /* trójki RGB */
  --stb-brand-50: 236 234 230;  --stb-brand-100: 210 207 201; --stb-brand-150: 180 177 171;
  --stb-brand-200: 150 147 142; --stb-brand-300: 110 108 104; --stb-brand-400: 74 73 70;
  --stb-brand-500: 52 52 52;    --stb-brand-600: 40 40 40;    --stb-brand-700: 31 31 31;
  --stb-brand-800: 20 20 20;    --stb-brand-850: 16 16 16;    --stb-brand-900: 11 11 11;
  --stb-brand-950: 5 5 5;       --stb-brand-1000: 0 0 0;
  --stb-yellow-300: 220 217 211; --stb-yellow-500: 201 197 189; --stb-yellow-700: 120 118 114;
  --stb-green-600: 22 22 22;
  /* pełna skala żółci/zieleni -> szarości (złote resztki: nawigacja, teksty bannera, strzałki slidera) */
  --stb-yellow-50: 240 240 240;
  --stb-yellow-100: 228 228 228;
  --stb-yellow-150: 216 216 216;
  --stb-yellow-200: 204 204 204;
  --stb-yellow-400: 170 170 170;
  --stb-yellow-600: 150 150 150;
  --stb-yellow-800: 70 70 70;
  --stb-yellow-850: 52 52 52;
  --stb-yellow-900: 36 36 36;
  --stb-yellow-950: 20 20 20;
  --stb-yellow-1000: 10 10 10;
  --stb-green-200: 190 190 190;
  --stb-green-300: 150 150 150;
  --stb-green-400: 110 110 110;
  --stb-green-500: 70 70 70;

  --stb-button-primary: #111;
  --stb-button-primary-hover: #1a1a1a;
  --stb-button-primary-active: #0b0b0b;

  --stb-font-secondary: "Chakra Petch", "Arial Narrow", sans-serif;
  --stb-font-primary: "Jost", "Arial", sans-serif;

  --stb-label-casino: #0b0b0b; --stb-label-border-casino: #3a3a3a;
  --stb-label-wrapper-border-casino: #1f1f1f; --stb-label-triangle-casino: #000;
  --stb-label-special: #0b0b0b; --stb-label-border-special: #3a3a3a;
  --stb-label-wrapper-border-special: #1f1f1f; --stb-label-triangle-special: #000;
  --stb-splide-pagination-page-border: 1px solid #3a3a3a;
  --stb-splide-pagination-page-active-background-color: #bdb9b1;
  --stb-pgw-surface-buttonSecondary: #111; --stb-pgw-surface-buttonSecondaryPress: #0b0b0b;
}

html, body { background: #000 !important; color: var(--venom-text); }

/* brak poświat w całym UI */
.label, .label--casino, .label--special, .play-btn, .category-card, .thumbnail { box-shadow: none !important; }
.label--casino .label--wrapper, .label--special .label--wrapper { color: var(--venom-text) !important; text-shadow: none !important; }

.splide__pagination__page:before { border-color: #3a3a3a !important; box-shadow: none !important; }
.splide__pagination__page.is-active:before { background-color: #bdb9b1 !important; }

/* karty: cienkie ciemnoszare obramowania, hover = jaśniejsza ramka, bez glow */
.category-card__frame, .category-card__inner-card, .thumbnail, .promo-card, .game-card {
  border-color: #1f1f1f !important; transition: border-color .2s, transform .2s;
}
.category-card:hover .category-card__inner-card, .category-card:hover .category-card__frame,
.thumbnail:hover, .promo-card:hover, .game-card:hover { border-color: #4a4a4a !important; transform: translateY(-1px); box-shadow: none !important; }

.base-title__name, .title-block, .container.title { font-family: var(--stb-font-secondary); letter-spacing: .04em; color: var(--venom-text); }
.link--accent, .base-title__link { color: var(--venom-muted) !important; text-shadow: none !important; }
.link--accent:hover, .base-title__link:hover { color: var(--venom-text) !important; }

/* Special banner: "zobacz wideo" w prawym dolnym rogu, by nie zasłaniać maskotki */
@media (min-width: 768px) {
  .special-banner__play-wrap { align-self: flex-end !important; align-items: flex-end !important; justify-content: flex-end !important;
    margin-block-start: auto !important; margin-block-end: 16px !important; padding-inline-end: 24px; }
  .special-banner__play-wrap .play-btn { transform: scale(.8); transform-origin: bottom right; }
}
.play-btn { border: 1px solid #3a3a3a; border-radius: 50%; }

.special-banner__text, .slider-control { color: var(--venom-muted) !important; filter: none !important; }
.nav-list__link:hover { color: var(--venom-text) !important; }
.special-banner__reward { color: var(--venom-text) !important; background: none !important; -webkit-text-fill-color: var(--venom-text) !important; text-shadow: none !important; filter: none !important; }
.splide__pagination__page.is-active:before, .splide__pagination__page[aria-selected="true"]:before { background-color: #bdb9b1 !important; border-color: #bdb9b1 !important; }

/* ===== Etap 4: strona = ciało stwora ===== */
html, body { background: #000 url("venom-body/venom-skin.jpg") repeat !important; background-size: 512px 512px !important; }
.main-banner { position: relative; isolation: isolate; }
.main-banner video, .main-banner .video-content, .main-banner .fallback-container__image, .main-banner .fallback-container, .main-banner img:not(.description__logo-img) { opacity: 0 !important; }
.main-banner *:not(img):not(source):not(button):not(a) { background-color: transparent !important; }
/* twarz maskotki wyłania się z tła (krawędzie wtopione maską alfa), cały kaptur widoczny */
.main-banner:not(.main-banner-container .main-banner)::before, .main-banner:not(.main-banner-container .main-banner)::after { content: "" !important; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; transform: none !important; margin: 0 !important; filter: none !important; mask: none !important; -webkit-mask: none !important; pointer-events: none;
  background-repeat: no-repeat !important; background-position: 100% 50% !important; background-size: auto 104% !important; }
.main-banner:not(.main-banner-container .main-banner)::before { z-index: 0; background-image: url("venom-body/venom-face-hero.webp") !important; opacity: 1 !important; }
.main-banner:not(.main-banner-container .main-banner)::after { z-index: 1; background-image: url("venom-body/venom-face-glow.webp") !important; mix-blend-mode: screen;
  animation: venom-pulse 3.6s ease-in-out infinite; }
.main-banner > * { position: relative; z-index: 2; }
@keyframes venom-pulse { 0%,100% { opacity: .2; } 50% { opacity: .9; } }
@media (prefers-reduced-motion: reduce) { .main-banner:not(.main-banner-container .main-banner)::after { animation: none; opacity: .55; } }
.wrapper, main, .main-container, .page-container { background-color: transparent !important; }
header, .header, .footer, footer { background-color: rgba(0,0,0,.72) !important; border-color: #141414 !important; }
.thumbnail, .category-card__inner-card, .promo-card, .sport-card { background-color: rgba(0,0,0,.55) !important; border-color: #161616 !important; }
/* panel bonusu przesunięty w lewo, żeby nie zasłaniał oczu i zębów maskotki */
@media (min-width: 1200px) {
  .main-banner__description { transform: translateX(-21vw); }
}
.main-banner__description, .main-banner__description * { border-color: transparent !important; box-shadow: none !important; }
.main-banner__description::before, .main-banner__description::after, .main-banner__description-spline { background-image: none !important; }

/* Sport tymczasowo ukryty (nawigacja, sekcja na stronie głównej, menu, stopka) */
.sport-block, .categories-grid--sport,
li:has(> a[href*="sport"]), a[href*="sport"], [data-testid="subMenuSportLink"] { display: none !important; }

/* ===== Dodatki: demo, tryb prawdziwy, admin ===== */
.venom-demo-btn { display:inline-block; margin-top:6px; padding:5px 10px; font:700 11px var(--stb-font-secondary); letter-spacing:.04em; color:#e6e3dd !important;
  background:#0b0b0b; border:1px solid #3a3a3a; border-radius:4px; text-decoration:none !important; white-space:nowrap; position:relative; z-index:5; }
.venom-demo-btn:hover { border-color:#8a8a8a; }
.venom-demo-btn--official { border-color:#5a5a5a; }
.venom-test-badge { position:fixed; left:10px; bottom:10px; z-index:99999; background:#000; color:#bdb9b1; border:1px solid #3a3a3a;
  font:700 11px Arial,sans-serif; letter-spacing:.12em; padding:5px 9px; border-radius:4px; pointer-events:auto; }
.venom-admin-link { position:fixed; right:8px; bottom:8px; z-index:99999; color:#444 !important; font:11px Arial; text-decoration:none; }
.venom-admin { position:fixed; right:16px; bottom:40px; z-index:100000; width:320px; max-height:80vh; overflow:auto; background:#050505; color:#e6e3dd;
  border:1px solid #2e2e2e; border-radius:8px; padding:14px 16px; font:14px "Jost",Arial,sans-serif; }
.venom-admin h3, .venom-admin h4 { font-family:var(--stb-font-secondary); margin:4px 0 10px; } .venom-admin ul { list-style:none; padding:0; margin:0 0 12px; }
.venom-admin li { margin:4px 0; color:#bdb9b1; } .venom-admin button, .venom-modal button { background:#111; color:#e6e3dd; border:1px solid #3a3a3a; padding:6px 14px; border-radius:4px; cursor:pointer; }
.venom-modal { position:fixed; inset:0; z-index:100001; background:rgba(0,0,0,.78); display:flex; align-items:center; justify-content:center; }
.venom-modal__box { background:#050505; border:1px solid #2e2e2e; border-radius:8px; padding:22px 26px; max-width:420px; color:#e6e3dd; text-align:center; }
.venom-modal__box h3 { font-family:var(--stb-font-secondary); margin:0 0 10px; }
.venom-cashier { display:none; }
html.venom-real .venom-cashier { display:flex; gap:8px; align-items:center; position:fixed; top:10px; right:240px; z-index:9999; }
html.venom-real .venom-cashier button { background:#0b0b0b; color:#e6e3dd; border:1px solid #3a3a3a; padding:6px 12px; border-radius:4px; font:700 12px var(--stb-font-secondary); cursor:pointer; }
html.venom-real .venom-cashier__bal { color:#bdb9b1; font:13px "Jost",Arial; margin-right:6px; }
html.venom-real .thumbnail__demo, html.venom-real .venom-demo-btn:not(.venom-demo-btn--official) { display:none !important; }
.venom-test-badge { font-size:12px !important; letter-spacing:.06em !important; color:#e6e3dd !important; border-color:#39ff14 !important; max-width:calc(100vw - 20px); }
.venom-rules ol { padding-left:20px; } .venom-rules li { margin:8px 0; line-height:1.5; }

/* ===================== Venom UI (interaktywność makiety) ===================== */
:root{--vx-g:57,255,20;--vx-r:255,40,40;--vx-gold:201,168,92;--vx-side:248px}
/* fallback dla brakujących skórek przycisków (404) */
html.vx-lock{overflow:hidden}
.vx-modal{position:fixed;inset:0;z-index:100050;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:16px;animation:vxFade .2s ease}
.vx-modal__box{position:relative;background:#050505;border:1px solid #2a2a2a;border-radius:10px;padding:22px 22px 18px;width:min(440px,100%);max-height:88vh;overflow:auto;color:#e6e3dd;font:15px/1.5 "Jost",Arial,sans-serif;box-shadow:0 0 40px rgba(var(--vx-g),.08)}
.vx-modal__box--wide{width:min(760px,100%)}
.vx-modal__title{margin:0 30px 12px 0;font:700 20px var(--stb-font-secondary,Arial)}
.vx-x{position:absolute;top:8px;right:10px;width:36px;height:36px;background:none;border:0;color:#bdb9b1;font-size:28px;line-height:1;cursor:pointer;z-index:3}
.vx-x:hover{color:#fff}
.vx-btn:not(.button){display:inline-block;background:#0c2a0a;color:#e6e3dd!important;border:1px solid rgba(var(--vx-g),.55);border-radius:6px;padding:9px 16px;font:700 13px var(--stb-font-secondary,Arial);letter-spacing:.03em;cursor:pointer;text-decoration:none!important}
.vx-btn:not(.button):hover{box-shadow:0 0 14px rgba(var(--vx-g),.4)}.vx-btn--ghost{background:#0b0b0b;border-color:#3a3a3a}
.vx-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.vx-note{margin-top:14px;font-size:12px;color:#8c8880;border-top:1px solid #1e1e1e;padding-top:10px}.vx-small{font-size:13px;color:#a9a59c}.vx-small a,.vx-modal a:not(.vx-btn){color:rgb(var(--vx-g))}
.vx-form{display:flex;flex-direction:column;gap:12px}.vx-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#bdb9b1}
.vx-form input:not([type=checkbox]),.vx-search,.vx-chat__f input{background:#0d0d0d;border:1px solid #333;border-radius:6px;color:#eee;padding:10px 12px;font:15px "Jost",Arial}
.vx-form input:focus,.vx-search:focus{outline:none;border-color:rgb(var(--vx-g))}
.vx-form .vx-check{flex-direction:row;align-items:center;gap:8px}
.vx-toggle{flex-direction:row!important;align-items:flex-start;gap:12px!important;cursor:pointer}.vx-toggle input{position:absolute;opacity:0}
.vx-toggle__sw{flex:none;width:40px;height:22px;border-radius:11px;background:#2a2a2a;position:relative;transition:.2s;margin-top:2px}
.vx-toggle__sw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#bbb;transition:.2s}
.vx-toggle input:checked+.vx-toggle__sw{background:#145c0c}.vx-toggle input:checked+.vx-toggle__sw:after{left:21px;background:rgb(var(--vx-g))}
.vx-toggle input:disabled+.vx-toggle__sw{opacity:.6}.vx-toggle input:focus-visible+.vx-toggle__sw{outline:2px solid rgb(var(--vx-g))}
.vx-toast{position:fixed;left:50%;bottom:70px;transform:translateX(-50%);z-index:100100;background:#0a0a0a;border:1px solid rgba(var(--vx-g),.5);color:#e6e3dd;padding:10px 16px;border-radius:8px;font:14px "Jost",Arial;transition:opacity .4s}
.vx-toast--out{opacity:0}
.vx-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px;max-height:55vh;overflow:auto}
.vx-res{display:flex;flex-direction:column;gap:6px;color:#ddd!important;text-decoration:none!important;font-size:13px}.vx-res img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;border:1px solid #222}
.vx-search{width:100%}
.vx-video{width:100%;border-radius:8px;background:#000}
.vx-shop{display:flex;flex-direction:column;gap:8px}.vx-shop__it{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #222;border-radius:8px;padding:8px 10px}
.vx-wheel-wrap{text-align:center;position:relative}
.vx-wheel{width:260px;height:260px;margin:14px auto 8px;border-radius:50%;border:3px solid rgba(var(--vx-g),.7);box-shadow:0 0 24px rgba(var(--vx-g),.3),inset 0 0 30px #000;position:relative;transition:transform 4s cubic-bezier(.17,.67,.12,1)}
.vx-wheel span{position:absolute;left:50%;top:50%;width:40px;margin:-10px 0 0 -20px;text-align:center;font:700 15px var(--stb-font-secondary,Arial);color:rgb(var(--vx-g));text-shadow:0 0 6px rgba(var(--vx-g),.6)}
.vx-wheel-pin{position:absolute;left:50%;top:6px;margin-left:-10px;width:0;height:0;border:10px solid transparent;border-top:18px solid rgb(var(--vx-r));z-index:2;filter:drop-shadow(0 0 6px rgba(var(--vx-r),.7))}
.vx-faq{border:1px solid #222;border-radius:8px;padding:8px 12px;margin:6px 0}.vx-faq summary{cursor:pointer;font-weight:600}
.vx-langs{display:flex;flex-direction:column;gap:8px}
.vx-chat__log{height:260px;overflow:auto;border:1px solid #1e1e1e;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px;background:#020202}
.vx-chat__log p{margin:0;padding:7px 10px;border-radius:10px;max-width:85%}.vx-chat__log .bot{background:#111;align-self:flex-start}.vx-chat__log .me{background:#0c2a0a;align-self:flex-end}
.vx-chat__quick{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.vx-chat__quick button{background:#0b0b0b;border:1px solid #333;color:#ddd;border-radius:14px;padding:4px 10px;cursor:pointer}
.vx-chat__f{display:flex;gap:8px}.vx-chat__f input{flex:1}
.vx-acc{display:flex;flex-direction:column;gap:6px;padding:8px 0 12px 4px}.vx-acc a{color:#bdb9b1!important;font-size:14px}.vx-acc a:hover{color:rgb(var(--vx-g))!important}
.vx-userbar{display:flex;align-items:center;gap:10px;margin-left:auto;color:#ddd;font:14px "Jost",Arial}.vx-userbar__chips{color:rgb(var(--vx-g))}.vx-userbar .vx-btn{padding:6px 10px}
.vx-top{position:fixed;right:16px;bottom:56px;z-index:9998;width:42px;height:42px;border-radius:50%;background:#0b0b0b;border:1px solid rgba(var(--vx-g),.5);color:#e6e3dd;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s}
.vx-top.is-on{opacity:1;pointer-events:auto}.vx-top:hover{box-shadow:0 0 14px rgba(var(--vx-g),.45)}
@keyframes vxFade{from{opacity:0}to{opacity:1}}
/* ---------- sidebar ---------- */
.vx-side{position:fixed;top:var(--stb-header-height,60px);left:0;bottom:0;width:var(--vx-side);z-index:9990;background:linear-gradient(#060606,#000);border-right:1px solid #1d1d1d;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;font:600 14px var(--stb-font-secondary,Arial);letter-spacing:.03em}
html.vx-side-open .vx-side,html.vx-drawer .vx-side{transform:none}
.vx-side__hero{background:radial-gradient(120% 90% at 30% 0,rgba(var(--vx-r),.18),transparent 60%),radial-gradient(90% 80% at 80% 100%,rgba(var(--vx-g),.12),transparent 70%);padding:8px 0;border-bottom:1px solid #1d1d1d}
.vx-side__item{display:flex;align-items:center;gap:14px;padding:12px 18px;color:#d9d5cc!important;text-decoration:none!important;position:relative}
.vx-side__item:hover,.vx-side__item.is-active{color:#fff!important;background:rgba(var(--vx-g),.06)}.vx-side__item.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:rgb(var(--vx-g));box-shadow:0 0 8px rgb(var(--vx-g))}
.vx-side__item .vx-ico{color:#bdb9b1;flex:none}.vx-side__item:hover .vx-ico{color:rgb(var(--vx-g));filter:drop-shadow(0 0 4px rgba(var(--vx-g),.7))}
.vx-side__hero .vx-side__item:first-child{font-size:18px}.vx-side__hero .vx-side__item:first-child .vx-ico{color:rgb(var(--vx-r));filter:drop-shadow(0 0 5px rgba(var(--vx-r),.7))}
.vx-side__tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #1d1d1d}
.vx-tile{height:104px;border:1px solid #262626;border-radius:6px;background:radial-gradient(80% 70% at 50% 35%,rgba(var(--vx-g),.16),#070707 70%);display:flex;flex-direction:column;justify-content:space-between;padding:10px;color:#e6e3dd!important;text-decoration:none!important;font-size:13px;line-height:1.1}
.vx-tile .vx-ico{color:rgb(var(--vx-g));filter:drop-shadow(0 0 6px rgba(var(--vx-g),.6));align-self:center}.vx-tile:hover{border-color:rgba(var(--vx-g),.6);box-shadow:0 0 14px rgba(var(--vx-g),.25)}
.vx-side__group{border-bottom:1px solid #1d1d1d;padding:4px 0}
.vx-new{margin-left:auto;font:700 10px Arial;font-style:normal;color:#fff;background:rgb(170,20,20);padding:2px 7px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);box-shadow:0 0 8px rgba(var(--vx-r),.6)}
.vx-side__foot{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #1d1d1d}
.vx-side__foot button{background:none;border:0;color:#d9d5cc;font:600 12px var(--stb-font-secondary,Arial);padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.vx-side__foot button+button{border-left:1px solid #1d1d1d}
.vx-side__foot button:hover{color:rgb(var(--vx-g))}
.vx-flag{width:20px;height:20px;border-radius:50%;background:linear-gradient(#fff 50%,#dc143c 50%);border:1px solid #444}
.vx-scrim{position:fixed;inset:0;z-index:9989;background:rgba(0,0,0,.6);display:none}html.vx-drawer .vx-scrim{display:block}
@media (min-width:1100px){html.vx-side-open body{padding-left:var(--vx-side)}html.vx-side-open .venom-test-badge{left:calc(var(--vx-side) + 10px)}html.vx-side-open stb-header header,html.vx-side-open .header{padding-left:var(--vx-side)}}
@media (max-width:1099px){.vx-side{width:min(86vw,300px);z-index:100000;top:0}}
/* ---------- hero ---------- */
.vx-hero{position:relative;overflow:hidden;width:100%;height:clamp(420px,46vw,620px);margin-bottom:24px;touch-action:pan-y;user-select:none}
.vx-hero__track{display:flex;height:100%;transition:transform .7s cubic-bezier(.25,1,.5,1)}
.vx-hero__slide{flex:0 0 100%;height:100%;background-size:cover;background-position:center 30%;position:relative;display:flex;align-items:center;justify-content:center}
.vx-hero__slide:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 55%,rgba(0,0,0,.25),rgba(0,0,0,.85)),linear-gradient(transparent 60%,#000)}
.vx-hero__slide--face{background-size:auto 115%;background-color:#000}
.vx-hero__content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 60px}
.vx-hero__logo{height:clamp(46px,6vw,84px);width:auto;filter:drop-shadow(0 0 12px rgba(0,0,0,.9))}
.vx-hero__sub{margin:0;color:#d9d5cc;font:600 clamp(14px,1.4vw,18px) "Jost",Arial;letter-spacing:.06em;text-transform:uppercase}
.vx-hero__head{margin:0 0 10px;color:#fff;font:800 clamp(26px,4vw,54px)/1.05 var(--stb-font-secondary,Arial);text-shadow:0 0 18px rgba(var(--vx-g),.35),0 2px 6px #000}
.vx-cta:not(.button){background:linear-gradient(#0f3a0c,#071d06);color:#f1eee6;border:1px solid rgba(var(--vx-g),.6);outline:1px solid rgba(var(--vx-gold),.35);outline-offset:3px;border-radius:6px;padding:14px 40px;font:800 16px var(--stb-font-secondary,Arial);letter-spacing:.08em;cursor:pointer;transition:box-shadow .25s,transform .25s}
.vx-cta:hover,.vx-cta:focus-visible{box-shadow:0 0 22px rgba(var(--vx-g),.55),0 0 4px rgba(var(--vx-gold),.6);transform:translateY(-1px)}
.vx-cta--block{width:100%;margin-top:14px}
.vx-demo-tag{display:inline-block;font:700 10px Arial;font-style:normal;letter-spacing:.12em;color:#000;background:rgb(var(--vx-g));border-radius:3px;padding:2px 6px}
.vx-hero__arr{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid #333;color:#e6e3dd;font-size:30px;line-height:1;cursor:pointer;z-index:2}
.vx-hero__arr:hover{border-color:rgba(var(--vx-g),.6);box-shadow:0 0 12px rgba(var(--vx-g),.4)}.vx-hero__arr--l{left:16px}.vx-hero__arr--r{right:16px}
.vx-hero__dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:2}
.vx-hero__dots button{width:10px;height:10px;border-radius:50%;border:1px solid #777;background:transparent;padding:0;cursor:pointer}.vx-hero__dots button.is-active{background:rgb(var(--vx-g));border-color:rgb(var(--vx-g));box-shadow:0 0 8px rgb(var(--vx-g))}
@media (prefers-reduced-motion:reduce){.vx-hero__track,.vx-wheel,.vx-side{transition:none}}
/* ---------- bonus modal ---------- */
.vx-modal--bonus{opacity:0;transition:opacity .25s}.vx-modal--bonus.is-in{opacity:1}
.vx-bm{position:relative;width:min(480px,100%);margin-top:46px;background:#040404;border:1px solid #262626;border-radius:12px;color:#e6e3dd;font:15px/1.45 "Jost",Arial;transform:translateY(30px);transition:transform .35s cubic-bezier(.25,1,.5,1);box-shadow:0 0 50px rgba(var(--vx-g),.08)}
.vx-modal--bonus.is-in .vx-bm{transform:none}
.vx-bm__bump{position:absolute;left:50%;top:-46px;width:150px;height:92px;margin-left:-75px;background:#040404;border:1px solid #262626;border-bottom:0;border-radius:75px 75px 0 0;display:flex;align-items:center;justify-content:center;padding-top:12px}
.vx-bm__bump:after{content:"";position:absolute;left:1px;right:1px;bottom:-2px;height:6px;background:#040404}
.vx-bm__bump img{max-width:110px;max-height:40px;position:relative;z-index:1}
.vx-bm__body{padding:44px 20px 18px;max-height:78vh;overflow:auto;text-align:center}
.vx-bm__title{margin:0 0 4px;font:800 19px var(--stb-font-secondary,Arial);letter-spacing:.04em}
.vx-bm__list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:44vh;overflow:auto;padding:4px;text-align:left}.vx-bm__list--one{max-height:none}
.vx-bonus{display:flex;align-items:center;gap:12px;border:1px solid #262626;border-radius:8px;padding:10px 12px;cursor:pointer;background:#090909;transition:.2s}
.vx-bonus:hover{border-color:#3d3d3d}.vx-bonus.is-sel{border-color:rgba(var(--vx-g),.8);box-shadow:0 0 14px rgba(var(--vx-g),.3),inset 0 0 12px rgba(var(--vx-g),.06)}
.vx-bonus__ic{flex:none;width:44px;height:44px;border-radius:8px;background:#0f0f0f;display:flex;align-items:center;justify-content:center;color:rgb(var(--vx-g))}
.vx-bonus__txt{flex:1;display:flex;flex-direction:column}.vx-bonus__txt small{color:#a9a59c;font-size:12px;display:flex;gap:6px;align-items:center}.vx-bonus__txt b{font-size:14px}
.vx-bonus input{position:absolute;opacity:0;pointer-events:none}
.vx-radio{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #555;position:relative}.vx-bonus.is-sel .vx-radio{border-color:rgb(var(--vx-g))}.vx-bonus.is-sel .vx-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:rgb(var(--vx-g));box-shadow:0 0 6px rgb(var(--vx-g))}
.vx-bonus:focus-within{outline:2px solid rgba(var(--vx-g),.6)}
/* hero v2: crossfade, prawie pełny ekran */
.vx-hero{height:calc(100vh - var(--stb-header-height,60px) - 40px);min-height:460px;max-height:900px}
.vx-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.vx-hero__slide.is-on{opacity:1;pointer-events:auto}
.vx-hero__slide .vx-hero__content{transform:translateY(16px);opacity:0;transition:transform .9s ease .25s,opacity .9s ease .25s}
.vx-hero__slide.is-on .vx-hero__content{transform:none;opacity:1}
.vx-hero__arr{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.18);backdrop-filter:blur(2px)}.vx-hero__arr--l{left:10px}.vx-hero__arr--r{right:10px}
.vx-cta--sheen{position:relative;overflow:hidden}.vx-cta--sheen span{position:relative;z-index:1}
.vx-cta--sheen:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:vxSheen 2.8s ease-in-out infinite}
@keyframes vxSheen{0%{left:-60%}60%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.vx-cta--sheen:after{animation:none}.vx-hero__slide,.vx-hero__slide .vx-hero__content{transition:none}}
.vx-bm{background:linear-gradient(rgba(4,4,4,.88),rgba(4,4,4,.94)),url(venom-body/venom-skin.jpg) center/cover;border:1px solid rgba(var(--vx-g),.55);box-shadow:0 0 30px rgba(var(--vx-g),.18)}
.vx-bm__bump{width:120px;height:74px;margin-left:-60px;top:-37px;border-color:rgba(var(--vx-g),.55);background:#050505}.vx-bm__bump img{max-width:90px;max-height:30px}
.vx-cta--redline{box-shadow:inset 0 2px 0 rgb(var(--vx-r)),0 -2px 12px rgba(var(--vx-r),.45)}
.vx-cta--redline:hover{box-shadow:inset 0 2px 0 rgb(var(--vx-r)),0 -2px 16px rgba(var(--vx-r),.6),0 0 20px rgba(var(--vx-g),.4)}
.vx-back{display:inline-block;margin-top:6px;color:#fff!important;font:700 15px var(--stb-font-secondary,Arial);text-decoration:underline!important}
.vx-rowctl{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle}.vx-rowctl button{width:30px;height:30px;border-radius:50%;background:#0b0b0b;border:1px solid #333;color:#ddd;cursor:pointer;font-size:18px;line-height:1}.vx-rowctl button:hover{border-color:rgba(var(--vx-g),.6)}
:root{--vx-sw:0px}@media (min-width:1100px){html.vx-side-open{--vx-sw:var(--vx-side)}}

.vx-hero__dots{bottom:28px}
.main-page-indent:has(> .vx-hero),.main-page-indent:has(.vx-hero){overflow:visible!important}html,body{overflow-x:clip}
/* QA: tap delay, flicker, warstwy */
a,button,[role=button],summary,label,.vx-tile,.vx-bonus{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.vx-hero{touch-action:pan-y}
.vx-cta:hover,.vx-cta:focus-visible{transform:none}
.vx-hero__slide:not(.is-on) *{pointer-events:none}
.vx-hero__arr,.vx-hero__dots{z-index:5}.vx-hero__dots button{width:12px;height:12px;position:relative}.vx-hero__dots button:after{content:"";position:absolute;inset:-10px}
.venom-test-badge{pointer-events:none}
.vx-top{bottom:64px;z-index:9997}
stb-cookies{z-index:9995!important;position:relative}
html.vx-lock body{overflow:hidden}
.vx-modal{overscroll-behavior:contain}
.vx-side{overscroll-behavior:contain}
@media (max-width:1099px){html.vx-side-open body{padding-left:0}}
.vx-btn,.vx-cta,.vx-hero__arr,.vx-side__item,.vx-tile{transition:box-shadow .2s,border-color .2s,background-color .2s}
.thumbnail__actions .venom-demo-btn{pointer-events:auto}
.thumbnail__actions{position:relative;z-index:6}
.thumbnail__actions .venom-demo-btn,.thumbnail__actions .thumbnail__play,.thumbnail__actions .thumbnail__demo{position:relative;z-index:7}
.thumbnail__actions{pointer-events:none}.thumbnail__actions>*,.thumbnail__actions a,.thumbnail__actions button{pointer-events:auto}
html.vx-cookie-open .vx-hero__dots{bottom:130px}html.vx-cookie-open .vx-top{bottom:140px}
@media (max-width:700px){html.vx-cookie-open .vx-hero__dots{bottom:220px}html.vx-cookie-open .vx-top{bottom:230px}}

/* ===== Przyciski 1:1 jak w oryginalnym szablonie (border-image 9-slice + button__light), kolory Venom ===== */
.button{color:#eef7ea}
.button--primary{color:#f2ffe9!important}
.button__title{text-shadow:0 0 8px rgba(57,255,20,.35),0 2px 2px rgba(0,0,0,.6)}
.button--tertiary{color:#cfcac0}.button--tertiary:hover{color:#eaffdf}
.button__light{mix-blend-mode:screen;opacity:.55}
.vx-cta.button,.vx-btn.button{background:none!important;border-style:solid;outline:none;box-shadow:none;border-radius:0;transform:none}
.vx-cta.button{padding:8px 32px;min-height:56px;min-width:275px;font-size:20px;letter-spacing:0}

.vx-cta.button--full-width{width:100%;min-width:0;margin-top:14px}
.vx-cta--redline.button{box-shadow:none}.vx-cta--redline.button:before{content:"";position:absolute;left:18%;right:18%;top:3px;height:2px;background:rgb(255,45,45);box-shadow:0 0 8px 1px rgba(255,45,45,.8);z-index:2}
.vx-btn.button{padding:6px 20px;min-height:36px;font-size:14px;color:#f2ffe9!important}
.vx-btn.button--tertiary{color:#cfcac0!important}
.vx-cta--sheen:after{display:none}
.venom-demo-btn.button{margin-top:6px;padding:4px 14px;min-height:30px;font-size:11px;background:none;border-radius:0}

/* ===== Hamburger mobilny ===== */
.vx-burger{display:none}
.vx-side__x{display:none}
@media (max-width:1099px){
 .vx-burger{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;min-width:40px;padding:0!important;background:#0b0b0b!important;border:1px solid rgba(57,255,20,.6)!important;border-image:none!important;border-radius:4px;position:relative;z-index:9999;cursor:pointer;visibility:visible!important;opacity:1!important;box-shadow:0 0 10px rgba(57,255,20,.35)}
 .vx-burger>*:not(.vx-burger__l){display:none!important}
 .vx-burger__l{display:block;width:22px;height:2px;background:#39ff14;border-radius:1px;box-shadow:0 0 4px rgba(57,255,20,.8)}
 .vx-burger--fixed{position:fixed;top:10px;left:10px}
 html.vx-drawer .vx-scrim{z-index:99990}
 .vx-side__x{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;width:36px;height:36px;font-size:28px;line-height:1;color:#e6e3dd;background:#0b0b0b;border:1px solid #3a3a3a;border-radius:4px;z-index:2;cursor:pointer}
 .vx-side__x:hover{border-color:#39ff14;color:#39ff14}
}

/* ===== Symbiont Clash – wideo w tle ===== */
.special-banner.vx-has-video{position:relative;overflow:hidden;background-image:none!important}
.vx-clash-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.special-banner.vx-has-video>*:not(.vx-clash-video){position:relative;z-index:1}
.special-banner__play-wrap{display:none!important}

/* ===== Hero – wideo w tle slajdów ===== */
.vx-hero__slide--video{background-image:none!important;background-color:#000}
.vx-hero__media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.vx-hero__media video{display:block}
.vx-hero__blur{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(28px) brightness(.45) saturate(1.2)}
.vx-hero__phone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:calc(100% - 48px);aspect-ratio:9/16;border-radius:28px;border:2px solid rgba(57,255,20,.65);box-shadow:0 0 40px rgba(57,255,20,.35),0 0 0 6px #050505,0 0 0 7px rgba(255,45,45,.5);overflow:hidden;background:#000}
.vx-hero__vid{width:100%;height:100%;object-fit:cover}
.vx-hero__slide--video>*:not(.vx-hero__media){position:relative;z-index:2}
.vx-hero__slide--video .vx-hero__content{text-shadow:0 2px 8px #000,0 0 18px rgba(0,0,0,.9)}
.vx-hero__slide--video:after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(transparent,rgba(0,0,0,.75));z-index:1;pointer-events:none}
@media (max-width:767px){.vx-hero__blur{display:none!important}.vx-hero__phone{inset:0;transform:none;top:0;left:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;aspect-ratio:auto}}

/* ===== Layout desktop: treść tuż przy sidebarze, logo na środku ===== */
@media (min-width:1100px){
 html.vx-side-open .content,html.vx-side-open div.content{margin-left:0!important}
 html .content{max-width:none!important}
 .header{position:relative}
 .header a.logo,.header .logo{position:absolute!important;left:50%!important;width:max-content!important;top:50%;transform:translate(-50%,-50%);margin:0!important;z-index:2}
}
@media (min-width:768px) and (max-width:1099px){.header .logo{position:absolute!important;left:50%!important;width:max-content!important;top:50%;transform:translate(-50%,-50%);margin:0!important}.header{position:relative}}