:root{--bg:#070b10;--panel:#101720;--panel2:#151e29;--red:#f20f2e;--red2:#b8071f;--gold:#ffca57;--text:#f7f8fb;--muted:#b4beca;--line:#273340;--green:#39d49e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,92%);margin:auto}.topnote{background:#121923;color:#c8d0db;text-align:center;padding:6px 12px;font-size:12px}.header{position:sticky;top:0;z-index:30;background:#080d13f4;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.head{min-height:74px;display:flex;align-items:center;gap:28px}.logo{font-size:28px;font-weight:950;letter-spacing:-1.5px;white-space:nowrap}.logo em{font-style:normal;color:var(--red)}.logo small{font-size:11px;color:#9ca7b4;letter-spacing:1px}.nav{display:flex;gap:28px;margin-left:auto;font-weight:700}.nav a:hover{color:#ff5367}.langs{display:flex;gap:7px}.langs a{border:1px solid var(--line);padding:8px 11px;border-radius:7px;font-size:13px}.langs .on{background:var(--red);border-color:var(--red)}.hero{position:relative;overflow:hidden;padding:34px 0 28px;background:radial-gradient(circle at 78% 40%,#55101a 0,#210c12 27%,#070b10 63%)}.heroGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:38px;align-items:center}.heroBanner{display:block;position:relative;border-radius:20px;overflow:hidden;border:1px solid #7b2230;box-shadow:0 22px 55px #0009;aspect-ratio:16/9;background:#21090e}.heroBanner img{width:100%;height:100%;display:block;object-fit:cover}.heroBanner:after{content:'OTVORIŤ SYNOT TIP →';position:absolute;left:24px;bottom:20px;background:linear-gradient(#ff1736,#c90724);padding:12px 18px;border-radius:8px;font-weight:900;box-shadow:0 8px 30px #0008}.heroCopy .eyebrow{color:#ff5d71;font-weight:900;letter-spacing:1.6px;font-size:13px}.heroCopy h1{font-size:clamp(38px,4.5vw,64px);line-height:1.03;letter-spacing:-2px;margin:12px 0 18px}.heroCopy p{color:#d1d7df;font-size:18px;margin:0 0 24px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(#ff1736,#c90724);padding:13px 20px;border-radius:8px;font-weight:900;box-shadow:0 8px 25px #ed1b2f25;cursor:pointer}.btn.alt{background:#171e28;border:1px solid #364352;box-shadow:none}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#d0d6de;font-size:13px}.trust b{color:var(--green)}.quickbar{border-top:1px solid #262e38;background:#090e14}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr)}.quick{padding:18px 20px;border-right:1px solid #26313d;display:flex;gap:12px;align-items:flex-start}.quick:last-child{border-right:0}.quickIcon{font-size:25px}.quick strong{display:block}.quick small{color:var(--muted)}section{padding:66px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.sectionhead h2{font-size:34px;line-height:1.1;margin:0}.sectionhead p{color:var(--muted);max-width:650px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(#141c26,#0d131a);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#566475}.visual{height:165px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#75111c,#19090c 68%)}.visual .big{font-size:48px;font-weight:950}.visual .mini{position:absolute;bottom:12px;left:15px;background:#0009;padding:4px 9px;border-radius:20px;font-size:11px}.reels{display:flex;gap:8px}.reels span{font-size:40px;background:#07090d;border:2px solid #dba83d;border-radius:9px;padding:8px 14px}.livevis{background:radial-gradient(circle,#0a3934,#071513 68%)}.livevis .big{color:#71f0c8}.cardbody{padding:21px}.card h3{font-size:22px;margin:7px 0}.card p{color:var(--muted);margin:0 0 16px}.tag{display:inline-block;color:#ffd9dd;background:#451018;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:900}.promo{background:#0b1118}.promogrid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feature{border:1px solid #612834;background:linear-gradient(135deg,#321017,#101720);border-radius:18px;padding:34px}.feature .amount{font-size:clamp(42px,6vw,70px);font-weight:950;color:var(--gold);line-height:1}.feature h3{font-size:27px;margin:12px 0}.feature p,.miniCard p{color:#c5ccd5}.side{display:grid;gap:18px}.miniCard{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:24px}.miniCard strong{font-size:21px}.miniCard a,.review a{color:#ff7181;font-weight:800}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:15px}.score{font-size:30px;font-weight:950;color:var(--gold)}.review p{color:var(--muted)}.review small{color:#8994a2}.info{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info>div{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:28px}.info h3{margin-top:0}.info li{margin:9px 0;color:#c8ced7}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:17px 20px;margin:10px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}.responsible{border-top:1px solid #4d3d1d;border-bottom:1px solid #4d3d1d;background:#16130c}.responsible .wrap{display:flex;gap:22px;align-items:center}.age18{font-size:54px;font-weight:950;color:var(--gold)}footer{padding:45px 0;color:#929ba7}.foot{display:grid;grid-template-columns:2fr 1fr;gap:30px}.foot strong{color:white}.legal{font-size:13px;max-width:780px}.agegate{position:fixed;inset:0;z-index:100;background:#05070af5;display:grid;place-items:center;padding:20px}.agebox{max-width:520px;background:#111720;border:1px solid #3a4554;border-radius:18px;padding:35px;text-align:center}.agebox b{font-size:60px;color:var(--red)}.agebox h2{margin:0}.agebox p{color:var(--muted)}.hide{display:none!important}@media(max-width:960px){.nav{display:none}.heroGrid{grid-template-columns:1fr;gap:25px}.heroCopy h1{font-size:45px}.quickgrid{grid-template-columns:repeat(2,1fr)}.quick:nth-child(2){border-right:0}.cards,.reviews{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{width:min(94%,1240px)}.topnote{font-size:11px}.head{min-height:62px;gap:10px}.logo{font-size:20px}.logo small{font-size:8px}.langs a{padding:6px 8px}.hero{padding:18px 0 24px}.heroGrid{gap:20px}.heroBanner{border-radius:12px}.heroBanner:after{font-size:11px;left:10px;bottom:10px;padding:8px 10px}.heroCopy .eyebrow{font-size:11px}.heroCopy h1{font-size:34px;letter-spacing:-1px}.heroCopy p{font-size:16px}.actions .btn{width:100%}.trust{gap:8px 14px}.quickgrid{grid-template-columns:1fr 1fr}.quick{padding:12px 10px;font-size:12px}.quickIcon{font-size:20px}.quick small{display:none}section{padding:45px 0}.sectionhead{display:block}.sectionhead h2{font-size:28px}.sectionhead p{margin-top:8px}.cards,.reviews,.info,.promogrid{grid-template-columns:1fr}.feature{padding:25px}.visual{height:145px}.foot{grid-template-columns:1fr}.responsible .wrap{align-items:flex-start}.age18{font-size:42px}.agebox{padding:25px 20px}}

/* v4 SEO content */
.breadcrumbs{font-size:13px;color:var(--muted);padding:18px 0 0}.breadcrumbs a{color:#ff7181}.seohero{padding:42px 0 34px;background:radial-gradient(circle at 80% 20%,#451019 0,#160b0f 34%,#070b10 70%)}.seohero h1{font-size:clamp(36px,5vw,62px);line-height:1.05;margin:10px 0 18px;max-width:900px}.seohero p{font-size:18px;color:#cbd3dc;max-width:850px}.contentgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.article{background:#0d131a;border:1px solid var(--line);border-radius:16px;padding:32px}.article h2{font-size:30px;margin:34px 0 12px}.article h2:first-child{margin-top:0}.article h3{font-size:22px;margin:26px 0 10px}.article p,.article li{color:#c7ced7}.article li{margin:8px 0}.article a:not(.btn){color:#ff7181;text-decoration:underline}.toc,.sidebox{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.toc strong,.sidebox strong{display:block;margin-bottom:10px}.toc a{display:block;color:#d7dde5;padding:5px 0}.toc a:hover{color:#ff7181}.sidebox p{color:var(--muted);font-size:14px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;font-weight:800}.related small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.ageNotice{background:#17120b;border-bottom:1px solid #59451d;color:#f4e4b4}.ageNotice .wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 0;font-size:12px}.ageNotice b{color:var(--gold)}.seofooterlinks{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:14px}.seofooterlinks a{color:#cbd3dc}@media(max-width:900px){.contentgrid{grid-template-columns:1fr}.sidebar{order:-1}.related{grid-template-columns:1fr 1fr}}@media(max-width:650px){.article{padding:22px 18px}.seohero{padding:28px 0}.seohero h1{font-size:34px}.seohero p{font-size:16px}.related{grid-template-columns:1fr}.ageNotice .wrap{text-align:center;padding:7px 10px}.breadcrumbs{font-size:12px}}

/* Three rotating editorial promo panels, updated 2026-10-20 */
.heroBanner.promoCarousel{background:#170910;min-height:300px;isolation:isolate}
.promoCarousel .promoSlide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,5%,54px);opacity:0;animation:promoCycle 18s infinite;overflow:hidden}
.promoCarousel .promoSlide:nth-child(1){animation-delay:0s;background:radial-gradient(circle at 78% 50%,#a51b39 0%,#4b0d20 37%,#18070f 75%)}
.promoCarousel .promoSlide:nth-child(2){animation-delay:6s;background:radial-gradient(circle at 77% 52%,#a65d08 0%,#68220c 37%,#17080b 78%)}
.promoCarousel .promoSlide:nth-child(3){animation-delay:12s;background:radial-gradient(circle at 80% 45%,#6b2d9c 0%,#361145 40%,#170a19 78%)}
.promoCarousel .promoSlide:before{content:'777';position:absolute;right:5%;top:20%;font-weight:1000;font-size:clamp(95px,15vw,230px);letter-spacing:-.13em;color:#ffffff15;text-shadow:0 0 36px #ffcd3340;transform:rotate(-10deg);pointer-events:none}
.promoCarousel .promoSlide:nth-child(2):before{content:'★';color:#ffca2733;letter-spacing:0}
.promoCarousel .promoSlide:nth-child(3):before{content:'✦';color:#e9a5ff33;letter-spacing:0}
.promoCarousel .promoLabel{position:relative;color:#ffb4c0;font-size:clamp(12px,1.5vw,17px);letter-spacing:.2em;font-weight:800;text-transform:uppercase}
.promoCarousel .promoValue{position:relative;color:#fff;font-size:clamp(30px,4.3vw,70px);font-weight:950;line-height:1.04;max-width:82%;margin:12px 0;text-shadow:0 5px 25px #0008}
.promoCarousel .promoSub{position:relative;color:#ffe1ad;font-size:clamp(14px,1.7vw,23px);font-weight:750;max-width:75%}
.promoCarousel .promoFine{position:relative;color:#e2cbd0;font-size:clamp(11px,1vw,14px);margin-top:14px;max-width:75%}
.promoCarousel .promoDots{position:absolute;bottom:15px;right:18px;display:flex;gap:7px;z-index:3}
.promoCarousel .promoDots i{width:7px;height:7px;border-radius:50%;background:#fff8}
.promoCarousel:after{z-index:4;bottom:15px;left:18px}
@keyframes promoCycle{0%,30%{opacity:1}33.333%,96%{opacity:0}100%{opacity:1}}
@media(max-width:600px){.heroBanner.promoCarousel{min-height:250px}.promoCarousel .promoValue{max-width:95%}.promoCarousel .promoSub,.promoCarousel .promoFine{max-width:90%}}
@media(prefers-reduced-motion:reduce){.promoCarousel .promoSlide{animation:none;opacity:0}.promoCarousel .promoSlide:first-child{opacity:1}}