body.has-landing-vavada{background:#17151f!important;margin:0}
body.has-landing-vavada .preloader,body.has-landing-vavada .background-effects,body.has-landing-vavada .header,body.has-landing-vavada .mobile-nav,body.has-landing-vavada .footer,body.has-landing-vavada .floating-offer,body.has-landing-vavada .bonus-popup,body.has-landing-vavada #bonusPopup,body.has-landing-vavada .win-notifications-root,body.has-landing-vavada #winNotifications,body.has-landing-vavada .win-notification-toast,body.has-landing-vavada #supportWidget,body.has-landing-vavada .support-widget,body.has-landing-vavada .back-to-top{display:none!important;visibility:hidden!important;pointer-events:none!important}

.vv-landing,.vv-landing *,.vv-landing *::before,.vv-landing *::after{box-sizing:border-box}
.vv-landing{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#17151f;color:#fff;min-height:100vh;overflow-x:hidden;margin:0;padding:0;width:100%}
.vv-landing a{color:inherit;text-decoration:none}

.vv-hdr{position:relative;background:#2b2836;height:56px;display:flex;align-items:center;justify-content:flex-start;padding:0 18px}
.vv-logo{display:block;height:21px;cursor:pointer;flex-shrink:0;margin-right:auto}
.vv-logo svg{height:21px;width:auto;display:block}
.vv-acts{position:absolute;right:18px;top:0;height:56px;display:flex;align-items:center;gap:10px}
.vv-btn{height:36px;padding:0 16px;border-radius:6px;font-size:15.5px;font-weight:600;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;transition:filter .15s ease,background .15s ease;border:0}
.vv-btn:hover{filter:brightness(1.12)}
.vv-btn-red{background:#fe284a;color:#fff}
.vv-btn-gray{background:#3d3949;color:#fff}
.vv-q{width:19px;height:19px;border-radius:50%;border:1.5px solid #b6b1c4;font-size:12px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center;color:#b6b1c4;line-height:1}

.vv-banner{position:relative;display:block;width:100%;cursor:pointer;background:#0e2a3b;overflow:hidden}
.vv-banner img{width:100%;display:block;height:auto;vertical-align:top}
.vv-bonus{display:block;background:#1b1826;text-align:center;padding:11px 12px;font-size:clamp(15px,1.7vw,25px);font-weight:800;letter-spacing:.02em;color:#f4c33a;text-shadow:0 1px 0 rgba(0,0,0,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.vv-tabbar{background:#2b2836;display:flex;justify-content:center;overflow-x:auto;scrollbar-width:none}
.vv-tabbar::-webkit-scrollbar{display:none}
.vv-tabs{display:flex;width:100%;max-width:1150px;margin:0 auto}
.vv-tab{flex:1 1 0;min-width:150px;height:65px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:600;color:#cfcbd8;border-top:4px solid transparent;transition:background .15s ease,color .15s ease}
.vv-tab:hover{background:#232030}
.vv-tab.active{background:#1f1d29;border-top-color:#29a8e0;color:#29a8e0}
.vv-ic{font-size:19px;line-height:1}

.vv-wrap{max-width:1150px;margin:0 auto;padding:28px 12px 50px}
.vv-filters{display:flex;align-items:center;gap:11px;margin-bottom:28px;flex-wrap:wrap}
.vv-sel{height:42px;padding:0 38px 0 16px;background:#26232f url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238e88a0' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 15px center;border-radius:7px;font-size:15.5px;color:#cfcbd8;display:inline-flex;align-items:center;min-width:194px}
.vv-chip{height:42px;min-width:55px;padding:0 18px;background:#26232f;border-radius:7px;font-size:15.5px;font-weight:600;color:#cfcbd8;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}
.vv-chip:hover{background:#33303f}
.vv-chip.on{background:#7b3ff2;color:#fff}
.vv-chip.on:hover{background:#8b52ff}
.vv-heart{color:#cfcbd8;font-size:17px}
.vv-search{flex:1 1 300px;min-width:225px;height:42px;position:relative;margin-left:auto;background:#26232f;border-radius:7px;display:flex;align-items:center;padding:0 42px 0 16px}
.vv-search-ph{color:#8e88a0;font-size:15.5px}
.vv-mag{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#8e88a0;pointer-events:none}

.vv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}
.vv-card{position:relative;background:#26232f;border-radius:7px;overflow:hidden;cursor:pointer;display:block;transition:transform .18s ease,box-shadow .18s ease}
.vv-card:hover{transform:translateY(-4px);box-shadow:0 12px 27px rgba(0,0,0,.45)}
.vv-thumb{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#1b1826}
.vv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vv-thumb-ph.vv-ph-0{background:linear-gradient(135deg,#3d1f6e,#fe284a)}
.vv-thumb-ph.vv-ph-1{background:linear-gradient(135deg,#0e2a3b,#29a8e0)}
.vv-thumb-ph.vv-ph-2{background:linear-gradient(135deg,#4a1942,#f4c33a)}
.vv-thumb-ph.vv-ph-3{background:linear-gradient(135deg,#1a472a,#7b3ff2)}
.vv-thumb-ph.vv-ph-4{background:linear-gradient(135deg,#2b2836,#fe284a)}
.vv-thumb-ph.vv-ph-5{background:linear-gradient(135deg,#0d2137,#29a8e0)}
.vv-thumb-ph.vv-ph-6{background:linear-gradient(135deg,#3d3949,#f4c33a)}
.vv-thumb-ph.vv-ph-7{background:linear-gradient(135deg,#17151f,#7b3ff2)}
.vv-prov{position:absolute;left:0;top:0;padding:5px 9px;font-size:12px;font-weight:600;color:#e7e4ee;background:rgba(20,17,28,.62);border-bottom-right-radius:6px;letter-spacing:.01em}
.vv-name{padding:9px 8px;text-align:center;font-size:13px;font-weight:500;color:#cfcbd8;line-height:1.25;min-height:38px;display:flex;align-items:center;justify-content:center}

@media (max-width:1120px){.vv-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:860px){
  .vv-grid{grid-template-columns:repeat(3,1fr);gap:13px}
  .vv-hdr{height:52px}
  .vv-acts{gap:8px;right:10px;height:52px}
  .vv-btn{height:33px;padding:0 12px;font-size:13.5px}
  .vv-logo svg{height:19px}
  .vv-tab{min-width:130px;height:57px;font-size:15px}
  .vv-search{margin-left:0}
}
@media (max-width:575px){
  .vv-grid{grid-template-columns:repeat(2,1fr)}
  .vv-hdr{padding:0 10px}
  .vv-logo svg{height:17px}
  .vv-acts{position:absolute;right:10px;top:0;height:52px;margin-left:0}
  .vv-btn-help span{display:none}
}
