/* Extracted from novekasinoonline (14).html. Content markup was not copied. */
:root{
--bg:#fafaf8;--bg-alt:#f3f2ef;--bg-card:#fff;
--tx:#0f172a;--txm:#374151;--txl:#6b7280;
--acc:#4338ca;--acc-l:#6366f1;--acc-d:#3730a3;
--org:#ea580c;--org-l:#fb923c;
--brd:#e5e5e0;--brd-l:#f0efec;
--f:'DM Sans',system-ui,sans-serif;
--fb:'Merriweather',Georgia,serif;
--fm:'IBM Plex Mono',monospace;
--r:12px;--rl:16px;--rs:8px;
--sh:0 1px 3px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04);
--sh-lg:0 4px 16px rgba(15,23,42,.08),0 12px 32px rgba(15,23,42,.06);
--sh-acc:0 4px 16px rgba(67,56,202,.15)
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{width:100%;max-width:100%;overflow-x:hidden;font-family:var(--f);background:var(--bg);color:var(--tx);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none;transition:color .2s}a:hover{color:var(--org)}
/* === ANIMATIONS === */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes shimmer{0%{}100%{background-position:-200% 0}}
@keyframes glow-pulse{0%,100%{box-shadow:0 0 20px rgba(67,56,202,.08)}50%{box-shadow:0 0 40px rgba(67,56,202,.15)}}
@keyframes border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.fade-up{animation:fadeUp .6s ease both}
.fade-in{animation:fadeIn .5s ease both}
/* Animated gradient border mixin */
.glow-border{position:relative;z-index:0}
.glow-border::before{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,var(--acc),var(--org),var(--acc-l),var(--org),var(--acc));background-size:300% 100%;animation:border-flow 4s linear infinite;z-index:-1;opacity:.6}
.glow-border::after{content:'';position:absolute;inset:0;border-radius:inherit;background:inherit;z-index:-1}
/* Shimmer loading effect for cards */
.shimmer-bg{background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}
/* === HEADER === */
.hd{background:linear-gradient(180deg,#0f172a,#131c2e);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(99,102,241,.1)}
.hd.scrolled{box-shadow:0 2px 20px rgba(15,23,42,.5)}
.hd__in{display:flex;align-items:center;gap:16px;padding:10px 20px;max-width:1200px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.logo__mark{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--acc),var(--org),var(--acc-l));background-size:200% 200%;animation:border-flow 6s ease infinite;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff}
.logo__name{font-size:15px;font-weight:700;color:#fff;line-height:1.1}
.logo__name em{color:var(--org-l);font-style:normal}
.logo__sub{font-size:8px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.16em;display:block}
/* Nav */
.nav{display:flex;align-items:center;gap:2px;flex:1}.nav__i{position:relative}
.nav__b{display:flex;align-items:center;gap:4px;padding:7px 12px;border-radius:var(--rs);font-size:13px;font-weight:600;color:rgba(255,255,255,.55);background:none;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}
.nav__b:hover{color:#fff;background:rgba(99,102,241,.1)}
.nav__b.hot{color:var(--org-l)}
.dd{display:none;position:absolute;top:calc(100% + 6px);left:0;background:#1e293b;border:1px solid rgba(99,102,241,.12);border-radius:var(--rl);padding:6px;min-width:220px;box-shadow:0 12px 40px rgba(0,0,0,.4);z-index:999}
.dd.mega{min-width:560px}
.dd.open{display:block}
.mc{display:grid;grid-template-columns:1fr 1fr}.mc>div{padding:12px}
.mc>div:first-child{border-right:1px solid rgba(99,102,241,.08)}
.mc__t{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-l);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(99,102,241,.08)}
.dl{display:block;padding:5px 10px;border-radius:6px;font-size:13px;color:rgba(255,255,255,.55);font-weight:500;transition:all .15s}
.dl:hover{background:rgba(99,102,241,.08);color:#fff}
/* Actions */
.hd__act{display:flex;align-items:center;gap:6px;margin-left:auto}
.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:var(--rs);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:all .2s;text-decoration:none ;border:none;white-space:nowrap}
.btn--acc{background:linear-gradient(135deg,var(--acc),var(--acc-d));color:#fff ;box-shadow:var(--sh-acc)}.btn--acc:hover{box-shadow:0 6px 24px rgba(67,56,202,.25);transform:translateY(-2px)}
.btn--org{background:linear-gradient(135deg,var(--org),#c2410c);color:#fff ;box-shadow:0 4px 16px rgba(234,88,12,.2)}.btn--org:hover{box-shadow:0 6px 24px rgba(234,88,12,.3);transform:translateY(-2px)}
.btn--ghost{background:transparent;border:1px solid var(--brd);color:var(--txm) }.btn--ghost:hover{border-color:var(--acc);color:var(--acc) }
.burger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:8px;background:none;border:none}
.burger span{display:block;width:20px;height:2px;background:rgba(255,255,255,.55);border-radius:2px}
/* Mobile */
.mob-ov{display:none;position:fixed;inset:0;background:rgba(15,23,42,.7);z-index:1500}.mob-ov.open{display:block}
.mob-dr{position:fixed;top:0;right:-310px;width:300px;height:100%;background:#0f172a;z-index:1600;transition:right .3s;overflow-y:auto;border-left:1px solid rgba(99,102,241,.1);padding-bottom:40px}.mob-dr.open{right:0}
.dr-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(99,102,241,.08)}
.dr-cl{background:none;border:none;color:rgba(255,255,255,.5);font-size:20px;cursor:pointer}
.dr-sec{padding:8px 12px}
.dr-lb{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-l);padding:10px 6px 4px}
.dr-lk{display:block;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,.5);transition:all .15s}
.dr-lk:hover{background:rgba(99,102,241,.08);color:#fff}
.dr-bd{display:inline-block;background:var(--org);color:#fff;font-size:8px;font-weight:800;padding:1px 5px;border-radius:3px;margin-left:4px}
/* === HERO === */
.hero{padding:72px 0 56px;position:relative;overflow:hidden;background:linear-gradient(160deg,#f8f7ff 0%,#fafaf8 30%,#fff8f5 70%,#fafaf8 100%)}
.hero::before{content:'';position:absolute;top:-80px;right:-40px;width:500px;height:500px;background:radial-gradient(circle,rgba(67,56,202,.08),transparent 55%);pointer-events:none;animation:hf1 12s ease-in-out infinite}
.hero::after{content:'';position:absolute;bottom:-60px;left:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(234,88,12,.06),transparent 55%);pointer-events:none;animation:hf2 15s ease-in-out infinite}
@keyframes hf1{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,15px)}}
@keyframes hf2{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,-12px)}}
.hero .container{position:relative}
.hero .container::after{content:'';position:absolute;top:20px;right:0;width:260px;height:260px;border-radius:50%;border:1px solid rgba(67,56,202,.06);pointer-events:none}
.hero .container::before{content:'';position:absolute;top:60px;right:40px;width:180px;height:180px;border-radius:50%;border:1px dashed rgba(234,88,12,.08);pointer-events:none}
.hero__inner{position:relative;z-index:1;max-width:780px;animation:fadeUp .8s ease both}
/* Floating decorative elements in hero */
.hero__deco{position:absolute;pointer-events:none;border-radius:50%;opacity:.5}
.hero__deco--1{width:12px;height:12px;background:var(--acc);top:20%;right:15%;animation:float 3s ease-in-out infinite}
.hero__deco--2{width:8px;height:8px;background:var(--org);top:40%;right:25%;animation:float 4s ease-in-out infinite .5s}
.hero__deco--3{width:6px;height:6px;background:var(--acc-l);top:60%;right:10%;animation:float 3.5s ease-in-out infinite 1s}
.hero__deco--4{width:16px;height:16px;border:2px solid var(--acc);top:15%;right:8%;animation:float 5s ease-in-out infinite;background:transparent}
.hero__deco--5{width:10px;height:10px;border:2px solid var(--org);top:50%;right:20%;animation:float 4.5s ease-in-out infinite .8s;background:transparent}
.hero__pill{display:inline-flex;align-items:center;gap:6px;background:rgba(67,56,202,.06);border:1px solid rgba(67,56,202,.12);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;color:var(--acc);margin-bottom:16px;animation:glow-pulse 3s ease-in-out infinite}
.hero h1{font-size:clamp(32px,5vw,56px);font-weight:800;color:var(--tx);line-height:1.08;letter-spacing:-.03em;margin-bottom:24px}
.hero h1 em{background:linear-gradient(90deg,var(--acc),var(--org),var(--acc-l),var(--org));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal;animation:shimmer 5s ease-in-out infinite}
.hero__sub{font-family:var(--fb);font-size:18px;color:var(--txm);line-height:1.7;max-width:600px;margin-bottom:24px}
.hero__meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--txl);flex-wrap:wrap}
.hero__meta strong{color:var(--acc)}
.hero__btns{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
/* === TRUST STRIP === */
.trust{background:var(--bg-card);border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);padding:18px 0;box-shadow:0 1px 8px rgba(15,23,42,.03)}
.trust__in{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.trust__i{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--txm);background:var(--bg-alt);padding:8px 16px;border-radius:40px;border:1px solid var(--brd);transition:all .3s}
.trust__i:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:var(--sh-acc)}
/* === SECTION === */
.sec{padding:56px 0}.sec--alt{background:var(--bg-alt)}
.sec__ey{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.sec__ey::before{content:'';width:24px;height:3px;background:linear-gradient(90deg,var(--acc),var(--org),var(--acc));background-size:200% 100%;border-radius:2px;animation:shimmer 3s linear infinite}
h2{font-size:clamp(22px,3vw,34px);font-weight:800;color:var(--tx);line-height:1.15;letter-spacing:-.02em;margin-bottom:10px}
h3{font-size:clamp(16px,2vw,22px);font-weight:700;color:var(--tx);line-height:1.25;margin-bottom:8px}
.sec__lead{font-family:var(--fb);font-size:16px;color:var(--txm);max-width:660px;margin:0 0 28px;line-height:1.75}
.sec__hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.sec__more{font-size:12px;font-weight:700;color:var(--acc)}
/* === CASINO CARDS — magazine layout === */
.casino-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--brd);border-radius:var(--rl);overflow:hidden;background:var(--bg-card)}
.cc{display:grid;grid-template-columns:56px 72px 1fr auto auto;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--brd-l);transition:background .15s}
.cc:last-child{border-bottom:none}
.cc{transition:all .3s ease}
.cc:hover{transform:translateX(4px);background:linear-gradient(90deg,rgba(67,56,202,.03),transparent 50%)}
.cc:hover{background:rgba(67,56,202,.02);box-shadow:inset 0 0 0 1px rgba(67,56,202,.1)}
.cc.top{background:linear-gradient(90deg,rgba(234,88,12,.04),rgba(234,88,12,.01) 40%,transparent);border-left:4px solid var(--org);position:relative}
.cc.top::after{content:'🏆 TOP PICK';position:absolute;top:0;right:0;background:linear-gradient(135deg,var(--org),#f97316);color:#fff;font-size:9px;font-weight:800;padding:4px 12px;border-radius:0 12px 0 8px;letter-spacing:.06em;animation:glow-pulse 2s ease-in-out infinite}
.cc__rank{font-family:var(--fm);font-size:32px;font-weight:800;color:var(--brd-l);text-align:center;line-height:1;letter-spacing:-.02em}
.cc.top .cc__rank{color:var(--org)}
.cc__logo{border-radius:16px;background:var(--bg-alt);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.cc__info{min-width:0}
.cc__name{font-size:16px;font-weight:700;color:var(--tx);margin-bottom:2px}
.cc__bonus{font-size:14px;font-weight:600;color:var(--org)}
.cc__desc{font-size:12px;color:var(--txl);margin-top:2px}
.cc__score{text-align:center;min-width:48px}
.cc__score-val{font-family:var(--fm);font-size:22px;font-weight:800;color:var(--acc);display:block;background:linear-gradient(135deg,rgba(67,56,202,.04),rgba(234,88,12,.02));padding:6px 12px;border-radius:8px;transition:all .3s}
.cc:hover .cc__score-val{background:linear-gradient(135deg,rgba(67,56,202,.08),rgba(234,88,12,.04));transform:scale(1.05)}
.cc__score-lab{font-size:9px;color:var(--txl)}
.cc__act{display:flex;flex-direction:column;gap:4px;min-width:130px}
.cc__btn{display:block;text-align:center;padding:10px 16px;border-radius:var(--rs);background:linear-gradient(135deg,var(--acc),var(--acc-d));color:#fff ;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none ;transition:all .2s}
.cc__btn:hover{background:var(--acc-d);box-shadow:0 0 0 3px rgba(67,56,202,.15),var(--sh-acc);transform:translateY(-1px)}
.cc__rev{display:block;text-align:center;font-size:11px;color:var(--txl) ;text-decoration:none ;padding:4px 0}
.cc__rev:hover{color:var(--acc) }
/* === CONTENT BLOCKS === */
.content-area{max-width:780px}
.content-area h3{padding-left:14px;border-left:3px solid var(--acc)}
.content-area p{font-family:var(--fb);font-size:16px;line-height:1.8;color:var(--txm);font-weight:400;margin-bottom:16px}
.info-box{background:linear-gradient(135deg,var(--bg-alt),rgba(67,56,202,.03));border:1px solid var(--brd);border-radius:var(--rl);padding:24px 28px;margin:24px 0;position:relative;overflow:hidden}
.info-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--org),var(--acc-l),var(--org));background-size:300% 100%;animation:border-flow 4s linear infinite}
.info-box__t{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--org);margin-bottom:8px}
.info-box p{margin:0;font-size:15px}
.d-list{list-style:none;padding:0;margin:16px 0}
.d-list li{padding:8px 0 8px 24px;position:relative;font-size:15px;color:var(--txm);border-bottom:1px solid var(--brd-l);font-weight:500}
.d-list li:last-child{border-bottom:none}
.d-list li::before{content:'—';position:absolute;left:0;color:var(--acc);font-weight:700}
/* Tables */
.tw{overflow-x:auto;margin:24px 0;border-radius:var(--rl);border:1px solid var(--brd);}
table{width:100%;border-collapse:collapse;font-size:14px;background:var(--bg-card)}
thead{background:linear-gradient(90deg,var(--acc-d),var(--acc),var(--acc-d));background-size:200% 100%;animation:shimmer 6s linear infinite}
thead th{padding:12px 16px;font-size:11px;font-weight:700;color:#fff;text-align:left;letter-spacing:.06em;text-transform:uppercase}
tbody td{padding:12px 16px;border-bottom:1px solid var(--brd-l);color:var(--txm);font-weight:500}
tbody tr:hover td{background:rgba(67,56,202,.02)}
.tn{font-weight:700;color:var(--tx)}.tb{color:var(--org);font-weight:600}
/* === AUTHOR — editorial byline === */
.author{background:var(--bg-card);border:1px solid var(--brd);border-radius:var(--rl);padding:32px;display:flex;gap:24px;align-items:flex-start;margin:40px 0;box-shadow:var(--sh-lg);position:relative;overflow:hidden}
.author::after{content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:rgba(67,56,202,.03);pointer-events:none}
.author::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--org),var(--acc-l),var(--org));background-size:300% 100%;animation:border-flow 4s linear infinite}
.author__av{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--org),var(--acc-l));background-size:200% 200%;animation:border-flow 4s ease infinite;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 20px rgba(67,56,202,.2)}
.author__av img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.author__info{flex:1}
.author__name{font-size:20px;font-weight:700;color:var(--tx)}
.author__role{font-size:12px;color:var(--acc);margin-bottom:8px}
.author__bio{font-family:var(--fb);font-size:14px;color:var(--txm);line-height:1.7;border-left:3px solid var(--acc);padding-left:12px;margin-bottom:12px}
.author__meta{display:flex;align-items:center;justify-content:space-between;gap:18px}
.author__stats{display:flex;gap:20px}
.author__st strong{display:block;font-family:var(--fm);font-size:20px;font-weight:700;color:var(--acc)}
.author__st span{font-size:10px;color:var(--txl)}
.author__btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:9px 14px;border-radius:8px;background:linear-gradient(135deg,var(--acc-l),var(--acc));color:#fff;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 2px 8px rgba(67,56,202,.2);white-space:nowrap}
.author__btn:hover{color:#fff;text-decoration:none;box-shadow:0 4px 14px rgba(67,56,202,.32)}
/* === FAQ === */
.faq{padding:56px 0;}
.faq-list{max-width:780px;display:flex;flex-direction:column;gap:6px;margin-top: 20px;}
.faq-i{border:1px solid var(--brd);border-radius:var(--rs);overflow:hidden;background:var(--bg-card)}
.faq-q{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 24px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;color:var(--tx);transition:all .2s;line-height:1.4}
.faq-q:hover{background:rgba(67,56,202,.02);padding-left:28px}
.faq-q::marker,.faq-q::-webkit-details-marker{display:none}
.faq-ic{width:24px;height:24px;border-radius:50%;background:var(--bg-alt);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:transform .2s}
details[open] .faq-ic{transform:rotate(45deg);background:var(--acc);color:#fff}
details[open]{border-color:var(--acc);box-shadow:0 0 0 1px rgba(67,56,202,.1),0 4px 16px rgba(67,56,202,.06)}
.faq-a{animation:fadeIn .3s ease}
.faq-a{padding:6px 20px 18px;font-family:var(--fb);font-size:15px;color:var(--txm);line-height:1.75;border-top:1px solid var(--brd-l)}
/* === FOOTER === */
.ft{background:#0f172a;padding:48px 0 0}
.ft__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(99,102,241,.08)}
.ft__brand p{font-size:12px;color:rgba(255,255,255,.35);margin-top:8px;line-height:1.6}
.ft__col h4{font-size:10px;font-weight:700;color:var(--acc-l);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.ft__col a{display:block;font-size:12px;color:rgba(255,255,255,.4);margin-bottom:6px}
.ft__col a:hover{color:var(--org-l)}
.ft__bot{padding:16px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.ft__cp{font-size:10px;color:rgba(255,255,255,.25)}
.ft__disc{padding:14px 18px;background:rgba(0,0,0,.2);border-top:1px solid rgba(99,102,241,.05)}
.ft__disc p{font-size:10px;color:rgba(255,255,255,.2);line-height:1.5;text-align:center;max-width:860px;margin:0 auto}
.to-top{position:fixed;bottom:20px;right:20px;z-index:800;width:40px;height:40px;border-radius:10px;background:var(--acc);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:var(--sh-acc);opacity:0;visibility:hidden;transition:all .25s}
.to-top.show{opacity:1;visibility:visible}
.to-top:hover,
.to-top:focus-visible{background:var(--acc-d);color:#fff;transform:translateY(-2px)}
.to-top:focus-visible{outline:2px solid rgba(67,56,202,.35);outline-offset:3px}
/* === SLOT CARDS — clean grid with gradient images === */
.slot-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sl{background:var(--bg-card);border:1px solid var(--brd);border-radius:16px;overflow:hidden;transition:all .35s ease;position:relative}
.sl__img{height:170px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.sl__img::before{content:'';position:absolute;inset:0;z-index:0}
.sl:nth-child(1) .sl__img::before{background:linear-gradient(150deg,#312e81,#4338ca,#6366f1)}
.sl:nth-child(2) .sl__img::before{background:linear-gradient(150deg,#831843,#be185d,#ec4899)}
.sl:nth-child(3) .sl__img::before{background:linear-gradient(150deg,#0c4a6e,#0284c7,#38bdf8)}
.sl:nth-child(4) .sl__img::before{background:linear-gradient(150deg,#3b0764,#7c3aed,#a78bfa)}
.sl:nth-child(5) .sl__img::before{background:linear-gradient(150deg,#14532d,#16a34a,#4ade80)}
.sl:nth-child(6) .sl__img::before{background:linear-gradient(150deg,#7c2d12,#ea580c,#fb923c)}
.sl__img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.55));z-index:1}
.sl__img>span:first-child{position:relative;z-index:2;font-size:56px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .4s}
.sl__tag{position:absolute;top:12px;left:12px;font-size:9px;font-weight:700;padding:4px 10px;border-radius:6px;z-index:3;text-transform:uppercase;backdrop-filter:blur(6px);border:none}
.sl__tag--hot{background:rgba(234,88,12,.8);color:#fff}
.sl__tag--rtp{background:rgba(22,163,74,.8);color:#fff}
.sl__tag--cls{background:rgba(67,56,202,.8);color:#fff}
.sl__prov{position:absolute;top:12px;right:12px;font-size:9px;font-weight:600;color:rgba(255,255,255,.85);background:rgba(0,0,0,.3);backdrop-filter:blur(6px);padding:3px 10px;border-radius:6px;z-index:3}
.sl__over{position:absolute;bottom:0;left:0;right:0;padding:16px 18px;z-index:2}
.sl__over-name{font-size:17px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);margin-bottom:3px}
.sl__over-rtp{font-family:var(--fm);font-size:12px;color:rgba(255,255,255,.75)}
.sl__over-rtp strong{color:#fff}
.sl__body{padding:12px 16px;display:flex;gap:8px}
.sl__play{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;border-radius:8px;background:linear-gradient(135deg,var(--acc),var(--acc-d));color:#fff ;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none ;transition:all .25s}
.sl__play:hover{box-shadow:0 0 0 3px rgba(67,56,202,.12),0 6px 16px rgba(67,56,202,.2);transform:translateY(-1px)}
.sl__det{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;border-radius:8px;border:1px solid var(--brd);color:var(--txm) ;font-size:12px;font-weight:600;text-decoration:none ;transition:all .25s}
.sl__det:hover{border-color:var(--acc);color:var(--acc) ;background:rgba(67,56,202,.02)}
/* RESPONSIVE */
@media(max-width:1100px){.nav{display:none}.burger{display:flex}.ft__grid{grid-template-columns:1fr 1fr}.cc{grid-template-columns:40px 56px 1fr auto}.cc__score{display:none}}
@media(max-width:768px){.container{padding:0 16px}.hd__in{padding:8px 14px}.hero{padding:44px 0 32px}.hero h1{font-size:30px}.hero__sub{font-size:16px}.sec{padding:40px 0}.cc-hero{flex-direction:column;text-align:center;padding:20px;gap:14px}.cc-hero__rank{font-size:32px}.cc-hero__logo{width:64px;height:64px;font-size:28px;margin:0 auto}.cc-hero__right{flex-direction:row;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.cc-hero__score{font-size:28px;padding:8px 16px}.cc-duo{grid-template-columns:1fr;gap:10px}.cc{padding:14px 16px;gap:12px}.cc__act{flex-direction:column;gap:4px}.slot-wrap{grid-template-columns:repeat(2,1fr);gap:10px}.sl__img{height:140px}.sl__img>span:first-child{font-size:42px}.sl__over-name{font-size:15px}.author{flex-direction:column;padding:20px 18px;gap:14px}.author__av{width:56px;height:56px;font-size:18px}.faq-q{font-size:14px;padding:14px 16px}.ft__grid{grid-template-columns:1fr;gap:16px}.ft__bot{flex-direction:column;text-align:center}.mob-dr{width:290px}}
@media(max-width:768px){.author__meta{align-items:flex-start;flex-direction:column}.author__btn{margin-left:0}}
@media(max-width:480px){.hero h1{font-size:24px}.hero__sub{font-size:15px}.sec{padding:32px 0}.cc{padding:12px 14px}.cc__name{font-size:13px}.cc-hero{padding:16px}.cc-hero__name{font-size:18px}.cc-hero__score{font-size:24px}.slot-wrap{grid-template-columns:repeat(2,1fr);gap:8px}.sl__img{height:110px}.sl__img>span:first-child{font-size:34px}.sl__body{padding:10px 12px}.sl__play,.sl__det{font-size:10px;padding:8px}.sl__over-name{font-size:13px}.sl__over{padding:10px 12px}.faq-q{font-size:13px}.mob-dr{width:100vw;right:-100vw}.mob-dr.open{right:0}.author{padding:16px 14px}}
.hd,.hero,.sec,.faq,.ft,.content-area{overflow-x:clip;max-width:100%}
/* Runner-up pair */
.cc-sub{background:var(--bg-card);border:1px solid var(--brd);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:all .35s ease}
.cc-sub:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.08);border-color:rgba(67,56,202,.2)}
.cc-sub__top{display:flex;align-items:center;gap:14px}
.cc-sub__badge{font-family:var(--fm);font-size:24px;font-weight:800;flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.cc-sub:first-child .cc-sub__badge{background:linear-gradient(135deg,#94a3b8,#cbd5e1);color:#475569}
.cc-sub:last-child .cc-sub__badge{background:linear-gradient(135deg,#c2956a,#deb887);color:#78552b}
.cc-sub__logo{width:60px;height:60px;border-radius:16px;background:var(--bg-alt);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;font-size:28px;transition:transform .3s}
.cc-sub:hover .cc-sub__logo{transform:scale(1.06)}
.cc-sub__info{flex:1;min-width:0}
.cc-sub__name{font-size:16px;font-weight:700;color:var(--tx)}
.cc-sub__bonus{font-size:14px;font-weight:600;color:var(--org)}
.cc-sub__mid{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-sub__score{font-family:var(--fm);font-size:26px;font-weight:800;color:var(--acc)}
.cc-sub__score span{font-size:10px;color:var(--txl);font-weight:500}
.cc-sub__desc{font-size:12px;color:var(--txl)}
.cc-sub__acts{display:flex;gap:8px}
.cc-sub__btn{flex:1;display:block;text-align:center;padding:10px 14px;border-radius:8px;background:linear-gradient(135deg,var(--acc),var(--acc-d));color:#fff ;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none ;transition:all .25s}
.cc-sub__btn:hover{box-shadow:0 4px 16px rgba(67,56,202,.2);transform:translateY(-1px)}
.cc-sub__rev{flex:1;display:block;text-align:center;padding:10px 14px;border-radius:8px;border:1px solid var(--brd);color:var(--txl) ;font-size:12px;font-weight:600;text-decoration:none ;transition:all .2s}
.cc-sub__rev:hover{border-color:var(--acc);color:var(--acc) }
/* Rest rows 4-10 */
.cc-rest{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.cc{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--brd);border-radius:12px;transition:all .3s ease}
.cc:hover{transform:translateX(4px);box-shadow:0 4px 16px rgba(15,23,42,.05);border-color:rgba(67,56,202,.12)}
.cc__rank{font-family:var(--fm);font-size:22px;font-weight:800;color:var(--brd);min-width:32px;text-align:center;flex-shrink:0}
.cc__logo{border-radius:12px;background:var(--bg-alt);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.cc__info{flex:1;min-width:0}
.cc__name{font-size:14px;font-weight:700;color:var(--tx)}
.cc__bonus{font-size:13px;font-weight:600;color:var(--org)}
.cc__desc{font-size:11px;color:var(--txl)}
.cc__act{display:flex;gap:8px;flex-shrink:0;align-items:center}
.cc__btn{display:block;padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,var(--acc),var(--acc-d));color:#fff ;font-size:11px;font-weight:700;text-transform:uppercase;text-decoration:none ;transition:all .25s;white-space:nowrap}
.cc__btn:hover{box-shadow:0 4px 12px rgba(67,56,202,.15);transform:translateY(-1px)}
.cc__rev{font-size:11px;color:var(--txl) ;text-decoration:none ;white-space:nowrap}
.cc__rev:hover{color:var(--acc) }
/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
NOVEKASINOONLINE — Design v3
в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
/* в”Ђв”Ђ HEADER в”Ђв”Ђ */
.site-hd { background:rgba(255,255,255,.97); backdrop-filter:blur(10px); border-bottom:1px solid var(--brd); box-shadow:0 1px 16px rgba(15,23,42,.06); }
.logo__mark { background:linear-gradient(135deg,var(--acc),var(--acc-d)); border-radius:10px; box-shadow:0 4px 12px rgba(67,56,202,.25); font-weight:900; }
.nav__btn { color:var(--txm); font-size:13.5px; font-weight:600; border-radius:8px; }
.nav__btn:hover,.nav__btn.hot { color:var(--acc); background:rgba(99,102,241,.08); }
.btn--acc { background:linear-gradient(135deg,var(--acc-l),var(--acc)); box-shadow:0 4px 14px rgba(67,56,202,.3); border-radius:9px; }
.btn--org { background:linear-gradient(135deg,var(--org-l),var(--org)); box-shadow:0 4px 14px rgba(234,88,12,.3); border-radius:9px; }
/* в”Ђв”Ђ HERO в”Ђв”Ђ */
.hero { background:linear-gradient(145deg,#f0efff 0%,#fafaf8 50%,#fff8f3 100%); }
.hero__title { font-family:var(--fb); font-size:clamp(28px,4.5vw,52px); font-weight:900; line-height:1.06; }
.hero__title em { font-style:normal; color:var(--acc); }
.sec__ey { background:rgba(67,56,202,.08); color:var(--acc); border:1px solid rgba(67,56,202,.18); border-radius:5px; font-size:11px; font-weight:800; padding:3px 10px; letter-spacing:.07em; text-transform:uppercase; }
/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
TOP LISTING — clean horizontal cards
в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
.casino-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.cc {
display: flex;
align-items: stretch;
background: #fff;
border: 1.5px solid var(--brd);
border-radius: 14px;
overflow: hidden;
box-shadow: var(--sh);
position: relative;
transition: box-shadow .2s, border-color .2s, transform .2s;
padding: 0;
}
.cc:hover {
box-shadow: 0 6px 24px rgba(15,23,42,.1);
border-color: rgba(67,56,202,.25);
transform: translateY(-2px);
}
.cc.top {
border-color: rgba(234,88,12,.3);
box-shadow: 0 4px 20px rgba(234,88,12,.1);
}
.cc.top:hover { box-shadow: 0 8px 30px rgba(234,88,12,.18); }
/* Coloured left strip */
.cc::before {
content: '';
position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
border-radius: 14px 0 0 14px;
}
.cc.top::before { background: var(--org); }
.cc:nth-child(2)::before { background: #94a3b8; }
.cc:nth-child(3)::before { background: #d97706; }
.cc:nth-child(n+4)::before { background: var(--brd); }
/* в”Ђв”Ђ A: Rank + Logo в”Ђв”Ђ */
.cc__rank {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
flex: 0 0 120px;
padding: 16px 6px;
background: var(--bg-alt);
border-right: 1px solid var(--brd-l);
}
.cc__rank-n {
font-family: var(--fm);
font-size: 11px; font-weight: 900;
letter-spacing: .06em; padding: 2px 7px; border-radius: 5px;
position: relative;
z-index: 2;
}
.cc.top .cc__rank-n { background:rgba(234,88,12,.1); color:var(--org); }
.cc:nth-child(2) .cc__rank-n { background:rgba(148,163,184,.12); color:#64748b; }
.cc:nth-child(3) .cc__rank-n { background:rgba(217,119,6,.1); color:#92400e; }
.cc:nth-child(n+4) .cc__rank-n { background:rgba(0,0,0,.05); color:var(--txl); }
.cc__logo {
height: 70px;
width: 100%;
font-size: 2rem;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
overflow: hidden;
}
.casino-list .cc__logo img {
display: block;
width: 100%;
max-width: none;
height: 100%;
object-fit: cover;
}
.cc.top .cc__logo { font-size: 2.6rem; }
/* в”Ђв”Ђ B: Info в”Ђв”Ђ */
.cc__info {
flex: 1 1 0;
min-width: 0;
padding: 14px 18px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
}
.cc__name {
font-family: var(--fb);
font-size: 15px; font-weight: 800; color: var(--tx);
letter-spacing: -.2px; margin: 0;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cc.top .cc__name { font-size: 17px; white-space: normal; }
.cc__bonus {
font-family: var(--fb);
font-size: 13px; font-weight: 800; color: var(--org); margin: 0;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cc.top .cc__bonus { font-size: 15px; white-space: normal; }
.cc__desc { font-size: 12px; color: var(--txl); margin: 0; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cc__info-tags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 3px; }
.cc__info-tag { font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 50px; background: rgba(67,56,202,.07); color: var(--acc); border: 1px solid rgba(67,56,202,.13); white-space: nowrap; }
/* hide old elements */
.cc__tags,.cc__bar-col,.cc__wager-col,.cc__bonus-col,.cc__score-big,.cc__crown,.cc__rank-num { display: none ; }
.cc__score { display: none ; }
.cc__right { display: contents; }
/* в”Ђв”Ђ C: Meta (score + wager) в”Ђв”Ђ */
.cc__meta {
flex: 0 0 78px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 8px;
border-left: 1px solid var(--brd-l);
background: var(--bg);
}
.cc__meta-score { text-align: center; }
.cc__meta-score span { font-family:var(--fb); font-size:22px; font-weight:900; display:block; line-height:1;}
.cc.top .cc__meta-score span { color: var(--org); }
.cc__meta-score small { font-size:9px; color:var(--txl); text-transform:uppercase; letter-spacing:.06em; }
.cc__meta-wager { text-align: center; }
.cc__meta-wager span { font-family:var(--fm); font-size:13px; font-weight:800; color:var(--tx); display:block; }
.cc__meta-wager small { font-size:9px; color:var(--txl); text-transform:uppercase; letter-spacing:.06em; }
/* в”Ђв”Ђ D: Actions в”Ђв”Ђ */
.cc__act {
flex: 0 0 145px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 7px;
padding: 12px 12px;
border-left: 1px solid rgba(67,56,202,.1);
background: rgba(67,56,202,.025);
}
.cc.top .cc__act { border-left-color:rgba(234,88,12,.12); background:rgba(234,88,12,.03); }
.cc__btn {
display: flex; align-items: center; justify-content: center;
padding: 10px 10px; border-radius: 9px;
background: linear-gradient(135deg,var(--acc-l),var(--acc));
color: #fff; font-weight: 700; font-size: 12.5px;
text-decoration: none; white-space: nowrap;
box-shadow: 0 3px 10px rgba(67,56,202,.22);
transition: all .18s;
}
.cc__btn:hover { box-shadow:0 5px 16px rgba(67,56,202,.4); transform:translateY(-1px); text-decoration:none; }
.cc.top .cc__btn { background:linear-gradient(135deg,var(--org-l),var(--org)); box-shadow:0 3px 10px rgba(234,88,12,.22); }
.cc.top .cc__btn:hover { box-shadow:0 5px 16px rgba(234,88,12,.42); }
.cc__rev {
display: flex; align-items: center; justify-content: center;
padding: 8px 10px; border-radius: 9px;
color: var(--txl); font-size: 12px; font-weight: 600;
text-decoration: none; border: 1.5px solid var(--brd); white-space: nowrap;
transition: all .18s;
}
.cc__rev:hover { color:var(--acc); border-color:rgba(67,56,202,.28); text-decoration:none; }
/* в”Ђв”Ђ MOBILE в”Ђв”Ђ */
@media(max-width:840px) {
.cc { flex-wrap: wrap; align-items: stretch; }
.cc__meta { display: flex; flex: none; width: 100%; flex-direction: row; justify-content: space-around; gap: 12px; padding: 10px 12px; border-top: 1px solid var(--brd-l); background: #fff; }
.cc__act { flex: none; width: 100%; flex-direction: row; padding: 9px 12px 11px; border-left: none; border-top: 1px solid var(--brd-l); background: var(--bg-alt); gap: 8px; }
.cc__btn, .cc__rev { flex: 1; font-size: 12.5px; }
.cc__info { flex: 1 1 0; padding: 14px 14px 14px; min-width: 0; }
.cc__rank { flex: 0 0 108px; padding: 14px 10px; gap: 10px; }
.cc__rank-n { flex: 0 0 auto; }
.cc__logo {font-size: 1.8rem; flex: 0 0 auto; }
.casino-list .cc__logo img { width: 100%; height: 100%; object-fit: contain; }
.cc.top .cc__logo { font-size: 2.2rem; }
.cc__name, .cc__bonus, .cc__desc { white-space: normal; }
}
@media(max-width:480px) {
.casino-list .cc { display: grid; grid-template-columns: 104px minmax(0,1fr); padding: 0; gap: 0; }
.cc__rank { flex: none; min-width: 0; padding: 12px 8px; gap: 10px; }
.cc__logo {font-size: 1.6rem; flex: 0 0 auto; }
.casino-list .cc__logo img { width: 100%; height: 100%; object-fit: contain; }
.cc__rank-n { font-size: 10px; }
.cc__info { padding: 13px 12px; }
.cc__name { font-size: 14px ; }
.cc__bonus { font-size: 12.5px; }
.cc__desc { font-size: 11.5px; }
.cc__info-tags { display: flex; }
.cc__meta { grid-column: 1 / -1; width: auto; }
.cc__act { grid-column: 1 / -1; }
}
/* в”Ђв”Ђ SLOT CARDS в”Ђв”Ђ */
.slot-wrap { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:28px 0 20px; }
.sl { background:var(--bg-card); border:1.5px solid var(--brd); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--sh); transition:all .26s cubic-bezier(.34,1.2,.64,1); position:relative; }
.sl__img { position:relative; height:140px; display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; }
.sl__img::before,
.sl__img::after { content:none; }
.sl__img img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.sl__img>span:first-child { font-size:3.8rem; filter:drop-shadow(0 4px 12px rgba(15,23,42,.15)); position:relative; z-index:1; transition:transform .3s; }
.sl:nth-child(1) .sl__img { background:linear-gradient(145deg,#ede9ff,#f5f3ff); }
.sl:nth-child(2) .sl__img { background:linear-gradient(145deg,#fce7f3,#fdf2f8); }
.sl:nth-child(3) .sl__img { background:linear-gradient(145deg,#dbeafe,#eff6ff); }
.sl:nth-child(4) .sl__img { background:linear-gradient(145deg,#fef9c3,#fffde7); }
.sl:nth-child(5) .sl__img { background:linear-gradient(145deg,#dcfce7,#f0fdf4); }
.sl:nth-child(6) .sl__img { background:linear-gradient(145deg,#f3e8ff,#faf5ff); }
.sl:nth-child(7) .sl__img { background:linear-gradient(145deg,#fff7ed,#ffedd5); }
.sl:nth-child(8) .sl__img { background:linear-gradient(145deg,#ecfdf5,#d1fae5); }
.sl__play-ico { position:absolute; z-index:3; font-size:2.2rem; opacity:0; transform:scale(.4); transition:all .22s; }
.sl__tag { position:absolute; top:9px; left:9px; font-size:9.5px; font-weight:900; padding:3px 8px; border-radius:20px; z-index:2; }
.sl__tag--hot { background:var(--org); color:#fff; }
.sl__tag--rtp { background:var(--acc); color:#fff; }
.sl__tag--cls { background:rgba(15,23,42,.1); color:var(--txm); }
.sl__prov { position:absolute; top:9px; right:9px; background:rgba(255,255,255,.9); backdrop-filter:blur(4px); font-size:10px; font-weight:700; color:var(--txl); padding:2px 7px; border-radius:20px; z-index:2; }
.sl__body { padding:13px 13px 14px; flex:1; display:flex; flex-direction:column; gap:7px; }
.sl__over { display:none; }
.sl__name-row { display:flex; align-items:flex-start; justify-content:space-between; gap:6px; }
.sl__name { font-family:var(--fb); font-size:14px; font-weight:800; color:var(--tx); line-height:1.2; }
.sl__rtp-badge { background:rgba(67,56,202,.08); color:var(--acc); border:1px solid rgba(67,56,202,.15); font-family:var(--fm); font-size:10.5px; font-weight:800; padding:2px 7px; border-radius:5px; white-space:nowrap; flex-shrink:0; }
.sl__live-row { font-size:11px; color:var(--txl); display:flex; align-items:center; gap:4px; }
.sl__live-dot-inline { width:5px; height:5px; border-radius:50%; background:#22c55e; box-shadow:0 0 4px rgba(34,197,94,.5); animation:ld 1.6s ease-in-out infinite; flex-shrink:0; }
@keyframes ld{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}
.sl__btns { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:auto; }
.sl__play { display:flex; align-items:center; justify-content:center; gap:4px; padding:9px 8px; border-radius:8px; background:linear-gradient(135deg,var(--acc-l),var(--acc)); color:#fff; font-weight:700; font-size:12px; text-decoration:none; box-shadow:0 2px 8px rgba(67,56,202,.2); transition:all .18s; white-space:nowrap; }
.sl__play:hover { box-shadow:0 4px 14px rgba(67,56,202,.4); transform:translateY(-1px); text-decoration:none; }
.sl__det { display:flex; align-items:center; justify-content:center; gap:4px; padding:9px 8px; border-radius:8px; color:var(--txl); font-weight:600; font-size:12px; text-decoration:none; border:1.5px solid var(--brd); transition:all .18s; white-space:nowrap; }
.sl__det:hover { color:var(--acc); border-color:rgba(67,56,202,.3); text-decoration:none; }
.slot-footer { display:flex; align-items:center; justify-content:space-between; padding:13px 18px; margin-top:4px; background:#fff; border:1.5px solid var(--brd); border-radius:12px; box-shadow:var(--sh); }
.slot-footer a { font-family:var(--fb); font-size:14px; font-weight:700; color:var(--acc); text-decoration:none; }
.slot-footer a:hover { color:var(--acc-d); }
.slot-footer span { font-size:12px; color:var(--txl); }
.newsletter { text-align:center; }
.newsletter__container { width:100%; max-width:680px; margin:0 auto; padding:0 24px; }
.tm-main .newsletter h2,
.tm-page .tm-main .newsletter h2 {
font-family:var(--f);
font-size:clamp(22px,3vw,34px);
font-weight:800;
color:var(--tx);
line-height:1.15;
letter-spacing:0;
text-transform:none;
margin:0 0 10px;
}
.tm-main .newsletter__description,
.tm-page .tm-main .newsletter__description {
font-family:var(--f);
color:var(--txm);
font-size:16px;
font-weight:400;
line-height:1.7;
margin:12px 0 24px;
}
.newsletter__actions { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.newsletter__btn { text-decoration:none; }
@media(max-width:1100px){ .slot-wrap { grid-template-columns:repeat(3,1fr); } }
@media(max-width:760px) { .slot-wrap { grid-template-columns:repeat(1,1fr); gap:10px; } .sl__img { height:120px; } }
/* в”Ђв”Ђ FOOTER в”Ђв”Ђ */
.ft { background:var(--tx); }
.ft__trust { background:rgba(67,56,202,.06); border-bottom:1px solid rgba(67,56,202,.12); padding:10px 0; }
.ft__trust-inner { display:flex; align-items:center; flex-wrap:wrap; }
.ft__trust-item { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:rgba(255,255,255,.55); padding:3px 18px; border-right:1px solid rgba(255,255,255,.06); white-space:nowrap; }
.ft__trust-item:last-child { border-right:none; }
.ft__ok { color:#6366f1; }
.ft__cols { padding:44px 0 24px; }
.ft__grid { display:grid; grid-template-columns:200px repeat(4,1fr); gap:28px; }
.ft__brand p { font-size:12.5px; color:rgba(255,255,255,.42); margin-top:10px; line-height:1.7; max-width:180px; }
.logo__mark { background:linear-gradient(135deg,var(--acc-l),var(--acc)); }
.logo__name { color:#fff; font-size:16px; font-weight:800; }
.logo__name em { color:var(--acc-l); font-style:normal; }
.ft__col h4 { font-size:11px; font-weight:800; color:var(--acc-l); letter-spacing:.1em; text-transform:uppercase; margin-bottom:13px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.06); }
.ft__col a { display:flex; align-items:center; gap:5px; font-size:13px; color:rgba(255,255,255,.62); margin-bottom:8px; text-decoration:none; transition:color .18s; }
.ft__col a:hover { color:#fff; text-decoration:none; }
.ft__badges { border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); padding:14px 0; }
.ft__badges-inner { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ft__badges-lbl { font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.22); margin-right:6px; }
.ft__badge { display:flex; align-items:center; text-decoration:none; padding:5px 10px; border-radius:7px; transition:opacity .2s; }
.ft__badge:hover { opacity:.85; text-decoration:none; }
.ft__badge img { height:26px; width:auto; display:block; }
.ft__badge--dk { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); }
.ft__age { width:36px; height:36px; border-radius:50%; border:2px solid var(--acc-l); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:11px; color:var(--acc-l); flex-shrink:0; }
.ft__bot { padding:13px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; border-top:1px solid rgba(255,255,255,.06); }
.ft__bot-links { display:flex; gap:14px; flex-wrap:wrap; }
.ft__bot-links a { font-size:12px; color:rgba(255,255,255,.3); text-decoration:none; transition:color .18s; }
.ft__bot-links a:hover { color:var(--acc-l); }
.ft__cp { font-size:12px; color:rgba(255,255,255,.35); }
.ft__disc { padding:13px 24px; background:rgba(0,0,0,.2); border-top:1px solid rgba(255,255,255,.05); }
.ft__disc p { font-size:11px; color:rgba(255,255,255,.3); line-height:1.65; text-align:center; max-width:900px; margin:0 auto; }
@media(max-width:900px){ .ft__grid { grid-template-columns:1fr 1fr 1fr; } .ft__grid>:first-child { grid-column:1/-1; } }
@media(max-width:640px){ .ft__grid { grid-template-columns:1fr 1fr; } .ft__trust-inner { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; } .ft__trust-item { flex-shrink:0; } }
@media(max-width:400px){ .ft__grid { grid-template-columns:1fr; } }
/* === YOOtheme child overrides: header/footer must use this theme, not parent defaults === */
.tm-main h1,
.tm-main h2,
.tm-main h3,
.tm-main h4,
.tm-main h5,
.tm-main h6,
.tm-main .uk-h1,
.tm-main .uk-h2,
.tm-main .uk-h3,
.tm-main .uk-h4,
.tm-main .uk-h5,
.tm-main .uk-h6,
.tm-main .uk-heading-small,
.tm-main .uk-heading-medium,
.tm-main .uk-heading-large,
.tm-main .uk-heading-xlarge,
.tm-main .uk-heading-2xlarge,
.tm-main .uk-article-title,
.tm-main .uk-card-title,
.tm-main .el-title,
.tm-main .hero__title {
color: var(--tx);
}
.tm-page .tm-main h1,
.tm-page .tm-main h2,
.tm-page .tm-main h3,
.tm-page .tm-main h4,
.tm-page .tm-main h5,
.tm-page .tm-main h6,
.tm-page .tm-main .uk-h1,
.tm-page .tm-main .uk-h2,
.tm-page .tm-main .uk-h3,
.tm-page .tm-main .uk-h4,
.tm-page .tm-main .uk-h5,
.tm-page .tm-main .uk-h6,
.tm-page .tm-main .uk-heading-small,
.tm-page .tm-main .uk-heading-medium,
.tm-page .tm-main .uk-heading-large,
.tm-page .tm-main .uk-heading-xlarge,
.tm-page .tm-main .uk-heading-2xlarge,
.tm-page .tm-main .uk-article-title,
.tm-page .tm-main .uk-card-title,
.tm-page .tm-main .el-title,
.tm-page .tm-main .hero__title,
.tm-main .uk-section-default:not(.uk-preserve-color) h1,
.tm-main .uk-section-default:not(.uk-preserve-color) h2,
.tm-main .uk-section-default:not(.uk-preserve-color) h3,
.tm-main .uk-section-default:not(.uk-preserve-color) h4,
.tm-main .uk-section-default:not(.uk-preserve-color) h5,
.tm-main .uk-section-default:not(.uk-preserve-color) h6,
.tm-main .uk-section-muted:not(.uk-preserve-color) h1,
.tm-main .uk-section-muted:not(.uk-preserve-color) h2,
.tm-main .uk-section-muted:not(.uk-preserve-color) h3,
.tm-main .uk-section-muted:not(.uk-preserve-color) h4,
.tm-main .uk-section-muted:not(.uk-preserve-color) h5,
.tm-main .uk-section-muted:not(.uk-preserve-color) h6,
.tm-main .uk-tile-default:not(.uk-preserve-color) h1,
.tm-main .uk-tile-default:not(.uk-preserve-color) h2,
.tm-main .uk-tile-default:not(.uk-preserve-color) h3,
.tm-main .uk-tile-default:not(.uk-preserve-color) h4,
.tm-main .uk-tile-default:not(.uk-preserve-color) h5,
.tm-main .uk-tile-default:not(.uk-preserve-color) h6,
.tm-main .uk-tile-muted:not(.uk-preserve-color) h1,
.tm-main .uk-tile-muted:not(.uk-preserve-color) h2,
.tm-main .uk-tile-muted:not(.uk-preserve-color) h3,
.tm-main .uk-tile-muted:not(.uk-preserve-color) h4,
.tm-main .uk-tile-muted:not(.uk-preserve-color) h5,
.tm-main .uk-tile-muted:not(.uk-preserve-color) h6,
.tm-main .uk-card-default.uk-card-body h1,
.tm-main .uk-card-default.uk-card-body h2,
.tm-main .uk-card-default.uk-card-body h3,
.tm-main .uk-card-default.uk-card-body h4,
.tm-main .uk-card-default.uk-card-body h5,
.tm-main .uk-card-default.uk-card-body h6,
.tm-main .uk-card-default > :not([class*=uk-card-media]) h1,
.tm-main .uk-card-default > :not([class*=uk-card-media]) h2,
.tm-main .uk-card-default > :not([class*=uk-card-media]) h3,
.tm-main .uk-card-default > :not([class*=uk-card-media]) h4,
.tm-main .uk-card-default > :not([class*=uk-card-media]) h5,
.tm-main .uk-card-default > :not([class*=uk-card-media]) h6 {
color: var(--tx);
}
.tm-main .uk-section-primary h1,
.tm-main .uk-section-primary h2,
.tm-main .uk-section-primary h3,
.tm-main .uk-section-primary h4,
.tm-main .uk-section-primary h5,
.tm-main .uk-section-primary h6,
.tm-main .uk-section-primary .uk-h1,
.tm-main .uk-section-primary .uk-h2,
.tm-main .uk-section-primary .uk-h3,
.tm-main .uk-section-primary .uk-h4,
.tm-main .uk-section-primary .uk-h5,
.tm-main .uk-section-primary .uk-h6,
.tm-main .uk-section-primary .uk-heading-small,
.tm-main .uk-section-primary .uk-heading-medium,
.tm-main .uk-section-primary .uk-heading-large,
.tm-main .uk-section-primary .uk-heading-xlarge,
.tm-main .uk-section-primary .uk-heading-2xlarge,
.tm-main .uk-section-primary .uk-card-title,
.tm-main .uk-section-primary .el-title,
.tm-main .uk-section-secondary h1,
.tm-main .uk-section-secondary h2,
.tm-main .uk-section-secondary h3,
.tm-main .uk-section-secondary h4,
.tm-main .uk-section-secondary h5,
.tm-main .uk-section-secondary h6,
.tm-main .uk-section-secondary .uk-h1,
.tm-main .uk-section-secondary .uk-h2,
.tm-main .uk-section-secondary .uk-h3,
.tm-main .uk-section-secondary .uk-h4,
.tm-main .uk-section-secondary .uk-h5,
.tm-main .uk-section-secondary .uk-h6,
.tm-main .uk-section-secondary .uk-heading-small,
.tm-main .uk-section-secondary .uk-heading-medium,
.tm-main .uk-section-secondary .uk-heading-large,
.tm-main .uk-section-secondary .uk-heading-xlarge,
.tm-main .uk-section-secondary .uk-heading-2xlarge,
.tm-main .uk-section-secondary .uk-card-title,
.tm-main .uk-section-secondary .el-title {
color: #fff;
}
.tm-main .sec__ey,
.tm-main .uk-text-primary,
.tm-main .uk-text-background {
color: var(--acc);
}
.tm-main .hero h1 em,
.tm-main .hero__title em {
color: var(--acc);
}
.tm-header,
.tm-header-mobile,
.tm-header > [uk-sticky],
.tm-header-mobile > [uk-sticky] {
background: var(--site-header-bg);
border-bottom: 1px solid var(--site-header-border);
box-shadow: none;
font-family: var(--f);
z-index: 1000;
}
.tm-header .uk-navbar-container,
.tm-header-mobile .uk-navbar-container,
.tm-header .uk-navbar-container:not(.uk-navbar-transparent),
.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent),
.tm-header .uk-navbar-sticky,
.tm-header-mobile .uk-navbar-sticky,
.tm-headerbar,
.tm-headerbar-top,
.tm-headerbar-bottom,
.tm-headerbar-default {
background: var(--site-header-bg);
border: 0;
border-bottom: 1px solid var(--site-header-border);
box-shadow: var(--site-header-shadow);
color: var(--site-footer-link);
font-family: var(--f);
}
.tm-header .uk-navbar,
.tm-header-mobile .uk-navbar {
max-width: 1200px;
margin: 0 auto;
min-height: 58px;
padding: 0 20px;
}
.tm-header .uk-navbar-nav,
.tm-header-mobile .uk-navbar-nav {
align-items: stretch;
gap: 4px;
}
.tm-header .site-menu__item,
.tm-header-mobile .site-menu__item {
position: relative;
}
.tm-header .uk-navbar-nav > li > a,
.tm-header-mobile .uk-navbar-nav > li > a,
.tm-header .uk-navbar-item,
.tm-header-mobile .uk-navbar-item,
.tm-header .uk-navbar-toggle,
.tm-header-mobile .uk-navbar-toggle,
.tm-headerbar a,
.tm-headerbar .uk-link,
.tm-header .site-menu__trigger,
.tm-header-mobile .site-menu__trigger {
align-items: center;
background: none;
border: 0;
border-radius: var(--site-menu-radius);
cursor: pointer;
display: inline-flex;
font-family: var(--f);
font-size: 13px;
font-weight: 700;
gap: 4px;
letter-spacing: 0;
min-height: 38px;
padding: 0 13px;
text-transform: none;
transition: all .2s ease;
white-space: nowrap;
}
.tm-header .uk-navbar-nav > li > a {
border-radius: var(--rs);
min-height: 38px;
padding: 0 12px;
}
.tm-header .uk-navbar-nav > li:hover > a,
.tm-header .uk-navbar-nav > li > a[aria-expanded="true"],
.tm-header .uk-navbar-nav > li.uk-active > a,
.tm-header-mobile .uk-navbar-nav > li:hover > a,
.tm-header-mobile .uk-navbar-nav > li.uk-active > a,
.tm-header .uk-navbar-toggle:hover,
.tm-header-mobile .uk-navbar-toggle:hover,
.tm-headerbar a:hover,
.tm-header .site-menu__trigger:hover,
.tm-header .site-menu__item.uk-active > .site-menu__trigger,
.tm-header-mobile .site-menu__trigger:hover,
.tm-header-mobile .site-menu__item.uk-active > .site-menu__trigger {
background: var(--site-header-hover-bg);
color: var(--site-header-text-active);
}
.tm-header .site-menu__item--heading.uk-active > .site-menu__trigger,
.tm-header .site-menu__item--heading > .site-menu__trigger[aria-expanded="true"],
.tm-header .site-menu__item--heading:hover > .site-menu__trigger,
.tm-header-mobile .site-menu__item--heading.uk-active > .site-menu__trigger,
.tm-header-mobile .site-menu__item--heading > .site-menu__trigger[aria-expanded="true"],
.tm-header-mobile .site-menu__item--heading:hover > .site-menu__trigger {
background: var(--site-header-active-bg);
color: var(--site-header-active-text);
}
.tm-header .uk-logo,
.tm-header .uk-logo:hover,
.tm-header-mobile .uk-logo,
.tm-header-mobile .uk-logo:hover {
color: var(--site-header-text-active);
font-family: var(--f);
font-size: 16px;
font-weight: 800;
letter-spacing: 0;
text-transform: none;
}
.tm-header .site-logo,
.tm-header-mobile .site-logo,
.uk-offcanvas-bar .site-logo {
align-items: center;
display: inline-flex;
flex: 0 0 auto;
gap: var(--site-logo-gap);
line-height: 1.1;
min-width: 0;
text-decoration: none;
}
.site-logo__mark {
align-items: center;
display: inline-flex;
flex: 0 0 auto;
min-width: 0;
}
.site-logo__image,
.site-logo__mark img,
.site-logo__mark svg {
display: block;
flex: 0 0 auto;
height: var(--site-logo-image-height);
max-height: var(--site-logo-image-height);
max-width: none;
object-fit: contain;
width: auto;
}
.site-logo__text {
align-items: baseline;
display: inline-flex;
flex-wrap: wrap;
font-family: var(--f);
font-size: var(--site-logo-text-size);
font-weight: var(--site-logo-text-weight);
letter-spacing: 0;
line-height: 1.05;
max-width: 220px;
overflow-wrap: anywhere;
}
.site-logo__word {
display: inline-block;
}
.site-logo__word--primary {
color: var(--site-logo-word-primary);
}
.site-logo__word--accent {
color: #6366f1;
}
.tm-header .uk-logo img,
.tm-header-mobile .uk-logo img {
height: var(--site-logo-image-height);
max-height: var(--site-logo-image-height);
object-fit: contain;
width: auto;
}
.tm-header .uk-navbar-dropdown,
.tm-header-mobile .uk-navbar-dropdown,
.tm-header .uk-dropdown,
.tm-header-mobile .uk-dropdown {
background: var(--site-dropdown-bg);
border: 1px solid var(--site-dropdown-border);
border-radius: var(--rl);
box-shadow: var(--site-dropdown-shadow);
color: var(--site-footer-link);
margin-top: 0;
padding: 18px 22px 20px;
}
.tm-header .site-menu__dropdown,
.tm-header-mobile .site-menu__dropdown {
min-width: 560px;
}
.tm-header .site-menu__grid,
.tm-header-mobile .site-menu__grid {
min-width: 520px;
}
.tm-header .site-menu__column + .site-menu__column,
.tm-header-mobile .site-menu__column + .site-menu__column {
border-left: 1px solid var(--site-menu-heading-rule);
}
.tm-header .site-menu__column,
.tm-header-mobile .site-menu__column {
min-width: 220px;
padding: 0 12px;
}
.tm-header .site-menu__subnav,
.tm-header-mobile .site-menu__subnav {
display: flex;
flex-direction: column;
gap: 5px;
}
.tm-header .uk-navbar-dropdown-nav > li > a,
.tm-header-mobile .uk-navbar-dropdown-nav > li > a,
.tm-header .uk-dropdown-nav > li > a,
.tm-header-mobile .uk-dropdown-nav > li > a,
.tm-header .site-menu__link,
.tm-header-mobile .site-menu__link {
border-radius: 6px;
color: var(--site-menu-link);
display: block;
font-family: var(--f);
font-size: 14px;
font-weight: 700;
line-height: 1.25;
padding: 6px 8px;
}
.tm-header .site-menu__heading,
.tm-header-mobile .site-menu__heading {
border-bottom: 1px solid var(--site-menu-heading-rule);
color: var(--site-menu-heading);
display: block;
font-family: var(--f);
font-size: 10px;
font-weight: 800;
letter-spacing: .16em;
line-height: 1;
margin: 0 0 12px;
padding: 0 0 11px;
text-transform: uppercase;
}
.tm-header .site-menu__heading--parent,
.tm-header-mobile .site-menu__heading--parent {
border-bottom: 1px solid var(--site-menu-heading-rule);
margin: 0 0 12px;
}
.tm-header .uk-navbar-dropdown-nav > li > a:hover,
.tm-header-mobile .uk-navbar-dropdown-nav > li > a:hover,
.tm-header .uk-dropdown-nav > li > a:hover,
.tm-header-mobile .uk-dropdown-nav > li > a:hover,
.tm-header .site-menu__link:hover,
.tm-header-mobile .site-menu__link:hover {
background: var(--site-menu-link-hover-bg);
color: var(--site-menu-link-hover);
text-decoration: none;
}
.site-submenu__trigger,
.site-submenu__link {
align-items: center;
background: none;
border: 0;
border-radius: var(--site-menu-radius);
color: var(--site-menu-link);
cursor: pointer;
display: flex;
font-family: var(--f);
font-size: 13px;
font-weight: 600;
gap: 4px;
min-height: 34px;
padding: 6px 10px;
text-align: left;
text-decoration: none;
transition: all .2s ease;
width: 100%;
}
.site-submenu__trigger:hover,
.site-submenu__link:hover,
.site-submenu__item.uk-active > .site-submenu__trigger,
.site-submenu__item.uk-active > .site-submenu__link {
background: var(--site-menu-link-hover-bg);
color: var(--site-menu-link-hover);
text-decoration: none;
}
.site-submenu__heading {
border-bottom: 1px solid var(--site-menu-heading-rule);
color: var(--site-menu-heading);
display: block;
font-family: var(--f);
font-size: 9px;
font-weight: 700;
letter-spacing: .12em;
margin: 6px 0;
padding: 4px 10px 6px;
text-transform: uppercase;
}
.site-submenu__dropdown,
.site-submenu__nested {
margin-top: 4px;
}
.site-submenu__column + .site-submenu__column {
border-left: 1px solid var(--site-menu-heading-rule);
}
.tm-header .uk-button-primary,
.tm-header-mobile .uk-button-primary,
.tm-header .uk-button-secondary,
.tm-header-mobile .uk-button-secondary {
border-radius: var(--rs);
color: #fff;
font-family: var(--f);
font-size: 12px;
font-weight: 700;
letter-spacing: .02em;
text-transform: uppercase;
}
.tm-header .uk-button-primary,
.tm-header-mobile .uk-button-primary {
background: linear-gradient(135deg,var(--acc),var(--acc-d));
box-shadow: var(--sh-acc);
}
.tm-header .uk-button-secondary,
.tm-header-mobile .uk-button-secondary {
background: linear-gradient(135deg,var(--org),#c2410c);
box-shadow: 0 4px 16px rgba(234,88,12,.2);
}
.uk-offcanvas-bar,
.uk-modal-dialog {
background: var(--site-footer-bg);
color: var(--site-footer-link);
font-family: var(--f);
}
.uk-offcanvas-bar a,
.uk-offcanvas-bar .uk-nav > li > a {
color: var(--site-footer-link);
}
.uk-offcanvas-bar a:hover,
.uk-offcanvas-bar .uk-nav > li > a:hover {
color: var(--site-footer-link-hover);
}
footer,
.tm-footer,
footer .uk-section,
footer .uk-section-default,
footer .uk-section-muted,
footer .uk-section-primary,
footer .uk-section-secondary,
.tm-page > footer {
background: var(--site-footer-bg);
color: var(--site-footer-text);
font-family: var(--f);
}
footer {
border-top: 1px solid var(--site-footer-border);
}
footer .uk-container {
max-width: 1200px;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
.tm-footer h1,
.tm-footer h2,
.tm-footer h3,
.tm-footer h4,
.tm-footer h5,
.tm-footer h6 {
color: var(--site-footer-heading);
font-family: var(--f);
font-size: 11px;
font-weight: 800;
letter-spacing: .1em;
line-height: 1.3;
text-transform: uppercase;
}
footer p,
footer li,
footer .uk-text-meta,
footer .uk-text-small,
.tm-footer p,
.tm-footer li {
color: var(--site-footer-text);
font-family: var(--f);
}
footer a,
footer .uk-link,
footer .uk-nav > li > a,
footer .uk-list a,
.tm-footer a,
.tm-footer .uk-link {
color: var(--site-footer-link);
font-family: var(--f);
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: color .18s ease;
}
footer a:hover,
footer .uk-link:hover,
footer .uk-nav > li > a:hover,
.tm-footer a:hover,
.tm-footer .uk-link:hover {
color: var(--site-footer-link-hover);
text-decoration: none;
}
footer .uk-grid-divider > :not(.uk-first-column)::before,
footer hr,
footer .uk-hr,
.tm-footer .uk-grid-divider > :not(.uk-first-column)::before,
.tm-footer hr,
.tm-footer .uk-hr {
border-color: var(--site-footer-card-border);
}
footer .uk-card,
.tm-footer .uk-card {
background: var(--site-footer-card-bg);
border: 1px solid var(--site-footer-card-border);
border-radius: var(--rl);
box-shadow: none;
color: var(--site-footer-text);
}
footer .uk-button-primary,
.tm-footer .uk-button-primary {
background: linear-gradient(135deg,var(--acc-l),var(--acc));
border-radius: 9px;
box-shadow: 0 4px 14px rgba(67,56,202,.3);
color: #fff;
}
footer .uk-button-secondary,
.tm-footer .uk-button-secondary {
background: linear-gradient(135deg,var(--org-l),var(--org));
border-radius: 9px;
box-shadow: 0 4px 14px rgba(234,88,12,.3);
color: #fff;
}
footer .newsletter,
.tm-footer .newsletter {
text-align:center;
}
footer .newsletter__container,
.tm-footer .newsletter__container {
width:100%;
max-width:680px;
margin:0 auto;
padding:0 24px;
}
footer .newsletter h2,
.tm-footer .newsletter h2,
footer .newsletter .newsletter__description,
.tm-footer .newsletter .newsletter__description {
font-family:var(--f);
text-transform:none;
}
footer .newsletter h2,
.tm-footer .newsletter h2 {
font-size:clamp(22px,3vw,34px);
font-weight:800;
color:var(--tx);
line-height:1.15;
letter-spacing:0;
margin:0 0 10px;
}
footer .newsletter .newsletter__description,
.tm-footer .newsletter .newsletter__description {
color:var(--txm);
font-size:16px;
font-weight:400;
line-height:1.7;
margin:12px 0 24px;
}
footer .newsletter .newsletter__btn,
.tm-footer .newsletter .newsletter__btn {
color:#fff;
font-size:14px;
font-weight:700;
}
@media(max-width:960px){
.tm-header-mobile .uk-navbar {
min-height: 56px;
padding: 0 16px;
}
.tm-header-mobile .uk-navbar-toggle {
min-height: 42px;
}
footer .uk-section {
padding-bottom: 36px;
padding-top: 36px;
}
}
/* Hero shortcode scope */
.casinocesky-hero.hero {
width: 100%;
max-width: 100%;
padding: 72px 0 56px;
position: relative;
overflow: hidden;
background: linear-gradient(145deg,#f0efff 0%,#fafaf8 50%,#fff8f3 100%);
}
.casinocesky-hero > .container {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.casinocesky-hero .hero__inner {
position: relative;
z-index: 1;
max-width: 780px;
}
.casinocesky-hero.hero .hero__title {
font-family: var(--fb);
font-size: clamp(28px,4.5vw,52px);
font-weight: 900;
line-height: 1.06;
color: var(--tx);
letter-spacing: 0;
margin: 0 0 24px;
}
.casinocesky-hero .hero__sub {
max-width: 600px;
}
@media(max-width:768px){
.casinocesky-hero.hero {
padding: 44px 0 32px;
}
.casinocesky-hero > .container {
padding-left: 16px;
padding-right: 16px;
}
}