/* ==========================================================================
   9xx.click - Core surface stylesheet (prefix: vdd2-)
   Mobile-first gaming canvas (320-430px). Dark backdrop, salmon/coral accents.
   ========================================================================== */

:root{
  --vdd2-bg:#141414;
  --vdd2-bg-soft:#1c1c1c;
  --vdd2-bg-card:#202020;
  --vdd2-bg-elev:#262626;
  --vdd2-line:#2e2e2e;
  --vdd2-text:#ffffff;
  --vdd2-muted:#b8b8b8;
  --vdd2-faint:#8a8a8a;
  --vdd2-brand:#FA8072;
  --vdd2-brand-2:#FF8A80;
  --vdd2-brand-deep:#e0665a;
  --vdd2-gold:#ffcf6a;
  --vdd2-shadow:0 10px 30px rgba(0,0,0,.45);
  --vdd2-radius:14px;
  --vdd2-radius-sm:10px;
  --vdd2-radius-lg:20px;
  --vdd2-header-h:60px;
  --vdd2-bottom-h:68px;
  --vdd2-side-w:88%;
  --vdd2-max:480px;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
html{background:#0d0d0d;-webkit-text-size-adjust:100%;}
body{
  font-family:"Hind Siliguri","Noto Sans Bengali","Segoe UI",system-ui,-apple-system,sans-serif;
  background:var(--vdd2-bg);
  color:var(--vdd2-text);
  font-size:15px;
  line-height:1.65;
  min-height:100vh;
  overflow-x:hidden;
  padding-bottom:calc(var(--vdd2-bottom-h) + 14px);
}
img{max-width:100%;display:block;}
a{color:var(--vdd2-brand-2);text-decoration:none;}
a:focus,button:focus{outline:2px solid var(--vdd2-brand);outline-offset:2px;}

/* ============================= Layout shell ============================= */
.vdd2-shell{
  width:100%;
  max-width:var(--vdd2-max);
  margin:0 auto;
  padding:0 12px;
}
.vdd2-section{padding:18px 0;}
.vdd2-section--tight{padding:10px 0;}
.vdd2-stack{display:flex;flex-direction:column;gap:18px;}

/* ============================= Header ============================= */
.vdd2-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:60;
  background:linear-gradient(180deg,#101010 0%, #1a1a1a 100%);
  border-bottom:1px solid var(--vdd2-line);
  box-shadow:0 4px 14px rgba(0,0,0,.45);
}
.vdd2-header-inner{
  max-width:var(--vdd2-max);
  margin:0 auto;
  height:var(--vdd2-header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  gap:10px;
}
.vdd2-brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.vdd2-brand-logo{
  width:38px;height:38px;
  border-radius:11px;
  object-fit:cover;
  border:1.5px solid var(--vdd2-brand);
  box-shadow:0 0 0 3px rgba(250,128,114,.18);
  background:#0d0d0d;
  flex-shrink:0;
}
.vdd2-brand-name{
  font-weight:800;
  font-size:18px;
  letter-spacing:.3px;
  color:#fff;
  line-height:1.1;
}
.vdd2-brand-name span{color:var(--vdd2-brand);}
.vdd2-brand-tag{
  display:block;
  font-size:10px;
  font-weight:500;
  color:var(--vdd2-faint);
  letter-spacing:.6px;
  text-transform:uppercase;
}
.vdd2-header-actions{
  display:flex;
  align-items:center;
  gap:7px;
}
.vdd2-btn{
  -webkit-appearance:none;appearance:none;
  border:none;
  cursor:pointer;
  font-family:inherit;
  font-weight:700;
  border-radius:999px;
  padding:9px 14px;
  font-size:13px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.vdd2-btn:active{transform:scale(.96);}
.vdd2-btn--login{
  background:transparent;
  color:#fff;
  border:1.5px solid rgba(255,255,255,.25);
}
.vdd2-btn--register{
  background:linear-gradient(135deg,var(--vdd2-brand) 0%, var(--vdd2-brand-2) 100%);
  color:#1a0d0b;
  box-shadow:0 6px 14px rgba(250,128,114,.35);
}
.vdd2-iconbtn{
  width:40px;height:40px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--vdd2-line);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex-shrink:0;
}
.vdd2-iconbtn svg{width:20px;height:20px;}
.vdd2-iconbtn:active{background:rgba(250,128,114,.18);}

/* ============================= Drawer menu ============================= */
.vdd2-scrim{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease, visibility .25s;
  z-index:70;
  backdrop-filter:blur(2px);
}
.vdd2-scrim.is-open{opacity:1;visibility:visible;}
.vdd2-drawer{
  position:fixed;
  top:0;right:0;bottom:0;
  width:var(--vdd2-side-w);
  max-width:340px;
  background:linear-gradient(180deg,#161616 0%, #101010 100%);
  border-left:1px solid var(--vdd2-line);
  z-index:80;
  transform:translateX(105%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
  display:flex;
  flex-direction:column;
  box-shadow:-12px 0 30px rgba(0,0,0,.5);
}
.vdd2-drawer.is-open{transform:translateX(0);}
.vdd2-drawer-head{
  padding:18px 16px;
  border-bottom:1px solid var(--vdd2-line);
  display:flex;align-items:center;justify-content:space-between;
}
.vdd2-drawer-head h3{
  margin:0;font-size:15px;color:#fff;font-weight:700;letter-spacing:.4px;
}
.vdd2-drawer-head h3 span{color:var(--vdd2-brand);}
.vdd2-drawer-close{
  width:32px;height:32px;border-radius:9px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--vdd2-line);
  color:#fff;cursor:pointer;
  font-size:18px;line-height:1;
}
.vdd2-drawer-body{
  flex:1;overflow-y:auto;padding:10px 12px 24px;
}
.vdd2-drawer-section{margin-top:14px;}
.vdd2-drawer-title{
  font-size:11px;font-weight:700;
  color:var(--vdd2-faint);
  letter-spacing:.8px;text-transform:uppercase;
  padding:0 8px 6px;
}
.vdd2-drawer-link{
  display:flex;align-items:center;gap:10px;
  padding:11px 12px;
  border-radius:11px;
  color:#fff;font-weight:600;font-size:14px;
  margin-bottom:3px;
  border:1px solid transparent;
  transition:background .15s, border-color .15s;
}
.vdd2-drawer-link:hover{background:rgba(255,255,255,.04);}
.vdd2-drawer-link.is-active{
  background:linear-gradient(135deg, rgba(250,128,114,.18), rgba(255,138,128,.08));
  border-color:rgba(250,128,114,.35);
}
.vdd2-drawer-link svg{width:18px;height:18px;color:var(--vdd2-brand);flex-shrink:0;}
.vdd2-drawer-promo{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--vdd2-brand) 0%, var(--vdd2-brand-2) 100%);
  color:#1a0d0b;
  text-align:center;
}
.vdd2-drawer-promo strong{display:block;font-size:15px;font-weight:800;}
.vdd2-drawer-promo small{font-size:11px;opacity:.85;}
.vdd2-drawer-promo-btn{
  margin-top:10px;
  display:inline-block;
  background:#1a0d0b;color:var(--vdd2-brand-2);
  padding:9px 18px;border-radius:999px;
  font-weight:800;font-size:13px;
}

/* ============================= Hero carousel ============================= */
.vdd2-hero{
  margin-top:calc(var(--vdd2-header-h) + 12px);
  position:relative;
  border-radius:var(--vdd2-radius-lg);
  overflow:hidden;
  box-shadow:var(--vdd2-shadow);
}
.vdd2-hero-track{
  display:flex;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
}
.vdd2-hero-slide{
  position:relative;
  flex:0 0 100%;
  height:188px;
  cursor:pointer;
}
.vdd2-hero-slide img{
  width:100%;height:100%;object-fit:cover;
}
.vdd2-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(20,20,20,.15) 0%, rgba(20,20,20,.82) 88%);
  padding:18px 16px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.vdd2-hero-tag{
  display:inline-block;width:fit-content;
  background:rgba(250,128,114,.92);
  color:#1a0d0b;
  font-size:10px;font-weight:800;letter-spacing:.6px;
  padding:3px 9px;border-radius:999px;
  text-transform:uppercase;
  margin-bottom:7px;
}
.vdd2-hero-title{
  font-size:20px;font-weight:800;color:#fff;
  line-height:1.25;margin:0;
}
.vdd2-hero-sub{
  font-size:12px;color:#e9e9e9;margin-top:4px;
}
.vdd2-hero-cta{
  margin-top:9px;
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;color:#141414;
  font-size:12px;font-weight:800;
  padding:7px 14px;border-radius:999px;width:fit-content;
}
.vdd2-hero-dots{
  position:absolute;
  bottom:9px;left:0;right:0;
  display:flex;justify-content:center;gap:6px;
  z-index:2;
}
.vdd2-hero-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.4);
  border:none;padding:0;cursor:pointer;
  transition:all .2s;
}
.vdd2-hero-dot.is-active{
  background:var(--vdd2-brand);
  width:20px;border-radius:999px;
}

/* ============================= Promo strip ============================= */
.vdd2-promostrip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
}
.vdd2-promostrip-item{
  background:var(--vdd2-bg-card);
  border:1px solid var(--vdd2-line);
  border-radius:12px;
  padding:10px 8px;
  text-align:center;
  cursor:pointer;
  transition:transform .15s, border-color .15s;
}
.vdd2-promostrip-item:active{transform:scale(.97);}
.vdd2-promostrip-item:hover{border-color:rgba(250,128,114,.5);}
.vdd2-promostrip-ico{
  width:30px;height:30px;margin:0 auto 5px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--vdd2-brand),var(--vdd2-brand-2));
  color:#1a0d0b;border-radius:50%;
}
.vdd2-promostrip-ico svg{width:16px;height:16px;}
.vdd2-promostrip-item strong{
  display:block;color:#fff;font-size:12px;font-weight:700;line-height:1.2;
}
.vdd2-promostrip-item small{color:var(--vdd2-faint);font-size:10px;}

/* ============================= Section heading ============================= */
.vdd2-heading{
  display:flex;align-items:center;justify-content:space-between;
  margin:18px 0 11px;gap:10px;
}
.vdd2-heading-left{display:flex;align-items:center;gap:9px;min-width:0;}
.vdd2-heading-bar{
  width:4px;height:20px;border-radius:3px;
  background:linear-gradient(180deg,var(--vdd2-brand),var(--vdd2-brand-2));
  flex-shrink:0;
}
.vdd2-heading h2{
  margin:0;font-size:17px;color:#fff;font-weight:800;line-height:1.2;
}
.vdd2-heading h2 small{
  display:block;font-size:11px;color:var(--vdd2-faint);
  font-weight:500;letter-spacing:.4px;
}
.vdd2-heading-more{
  font-size:12px;color:var(--vdd2-brand-2);font-weight:700;
  white-space:nowrap;flex-shrink:0;
}

/* ============================= Game grid ============================= */
.vdd2-gamegrid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:8px;
}
@media(min-width:360px){.vdd2-gamegrid{gap:9px;}}
@media(min-width:400px){.vdd2-gamegrid{grid-template-columns:repeat(5, 1fr);}}
.vdd2-game{
  background:var(--vdd2-bg-card);
  border:1px solid var(--vdd2-line);
  border-radius:12px;
  overflow:hidden;
  cursor:pointer;
  transition:transform .15s, border-color .15s, box-shadow .15s;
  display:flex;flex-direction:column;
}
.vdd2-game:active{transform:scale(.95);}
.vdd2-game:hover{
  border-color:rgba(250,128,114,.55);
  box-shadow:0 6px 14px rgba(0,0,0,.35);
}
.vdd2-game-imgwrap{
  position:relative;
  aspect-ratio:1/1;
  background:#0d0d0d;
  overflow:hidden;
}
.vdd2-game-imgwrap img{width:100%;height:100%;object-fit:cover;}
.vdd2-game-badge{
  position:absolute;top:5px;left:5px;
  background:rgba(250,128,114,.92);
  color:#1a0d0b;
  font-size:9px;font-weight:800;
  padding:2px 6px;border-radius:5px;
  letter-spacing:.4px;
}
.vdd2-game-name{
  padding:6px 5px 7px;
  font-size:10.5px;
  color:#f1f1f1;
  text-align:center;
  font-weight:600;
  line-height:1.25;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  min-height:30px;
}

/* Category badge row */
.vdd2-catbadge{
  display:inline-flex;align-items:center;gap:6px;
  background:linear-gradient(135deg, rgba(250,128,114,.16), rgba(255,138,128,.06));
  border:1px solid rgba(250,128,114,.35);
  color:var(--vdd2-brand-2);
  padding:5px 11px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.3px;
  margin-bottom:10px;
}
.vdd2-catbadge svg{width:13px;height:13px;}

/* ============================= Features ============================= */
.vdd2-features{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:9px;
}
.vdd2-feature{
  background:var(--vdd2-bg-card);
  border:1px solid var(--vdd2-line);
  border-radius:14px;
  padding:13px 12px;
}
.vdd2-feature-ico{
  width:36px;height:36px;border-radius:11px;
  background:linear-gradient(135deg, rgba(250,128,114,.2), rgba(255,138,128,.08));
  display:flex;align-items:center;justify-content:center;
  margin-bottom:9px;
  color:var(--vdd2-brand);
}
.vdd2-feature-ico svg{width:20px;height:20px;}
.vdd2-feature h3{
  margin:0 0 4px;font-size:14px;color:#fff;font-weight:700;line-height:1.3;
}
.vdd2-feature p{
  margin:0;font-size:12px;color:var(--vdd2-muted);line-height:1.5;
}

/* ============================= Winners ticker ============================= */
.vdd2-winners{
  background:var(--vdd2-bg-card);
  border:1px solid var(--vdd2-line);
  border-radius:14px;
  overflow:hidden;
}
.vdd2-winners-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 13px;
  border-bottom:1px solid var(--vdd2-line);
}
.vdd2-winners-head strong{color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;}
.vdd2-winners-head strong::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:#34d97a;box-shadow:0 0 8px #34d97a;
}
.vdd2-winners-head small{color:var(--vdd2-faint);font-size:11px;}
.vdd2-winners-list{padding:6px 8px;}
.vdd2-winner{
  display:flex;align-items:center;gap:9px;
  padding:8px 6px;
  border-bottom:1px dashed rgba(255,255,255,.06);
}
.vdd2-winner:last-child{border-bottom:none;}
.vdd2-winner-ava{
  width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--vdd2-brand),var(--vdd2-brand-2));
  color:#1a0d0b;font-weight:800;font-size:12px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.vdd2-winner-meta{flex:1;min-width:0;}
.vdd2-winner-name{color:#fff;font-weight:700;font-size:12px;line-height:1.2;}
.vdd2-winner-game{color:var(--vdd2-faint);font-size:10.5px;}
.vdd2-winner-amt{color:var(--vdd2-gold);font-weight:800;font-size:13px;flex-shrink:0;}

/* ============================= Promo banner ============================= */
.vdd2-promo{
  position:relative;
  border-radius:var(--vdd2-radius-lg);
  overflow:hidden;
  padding:18px 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,138,128,.45), transparent 55%),
    linear-gradient(135deg,#2a1410 0%, #1a0c0a 100%);
  border:1px solid rgba(250,128,114,.3);
}
.vdd2-promo-tag{
  display:inline-block;background:var(--vdd2-gold);color:#1a0d0b;
  font-size:10px;font-weight:800;padding:3px 9px;border-radius:999px;
  letter-spacing:.5px;
}
.vdd2-promo h3{margin:8px 0 4px;color:#fff;font-size:18px;font-weight:800;line-height:1.25;}
.vdd2-promo p{margin:0 0 10px;color:#e0e0e0;font-size:12.5px;line-height:1.55;}
.vdd2-promo-btn{
  display:inline-block;
  background:linear-gradient(135deg,var(--vdd2-brand),var(--vdd2-brand-2));
  color:#1a0d0b;
  padding:9px 18px;border-radius:999px;
  font-weight:800;font-size:13px;
}

/* ============================= Steps ============================= */
.vdd2-steps{
  display:flex;flex-direction:column;gap:10px;
}
.vdd2-step{
  display:flex;align-items:flex-start;gap:11px;
  background:var(--vdd2-bg-card);
  border:1px solid var(--vdd2-line);
  border-radius:13px;padding:12px;
}
.vdd2-step-num{
  width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--vdd2-brand),var(--vdd2-brand-2));
  color:#1a0d0b;font-weight:800;font-size:14px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.vdd2-step h4{margin:0 0 3px;color:#fff;font-size:13.5px;font-weight:700;}
.vdd2-step p{margin:0;color:var(--vdd2-muted);font-size:12px;line-height:1.5;}

/* ============================= About / SEO prose ============================= */
.vdd2-prose{
  background:var(--vdd2-bg-card);
  border:1px solid var(--vdd2-line);
  border-radius:14px;
  padding:15px 14px;
}
.vdd2-prose h3{
  margin:0 0 8px;color:#fff;font-size:15px;font-weight:800;line-height:1.3;
}
.vdd2-prose h3::before{
  content:"";display:inline-block;width:4px;height:14px;
  background:var(--vdd2-brand);margin-right:8px;vertical-align:-2px;border-radius:2px;
}
.vdd2-prose p{margin:0 0 9px;color:var(--vdd2-muted);font-size:12.5px;line-height:1.65;}
.vdd2-prose p:last-child{margin-bottom:0;}
.vdd2-prose a{color:var(--vdd2-brand-2);font-weight:700;border-bottom:1px dashed rgba(255,138,128,.45);}
.vdd2-prose a:hover{color:var(--vdd2-brand);}

/* ============================= Extended footer ============================= */
.vdd2-extfooter{
  margin-top:20px;
  background:linear-gradient(180deg,#181818 0%, #0f0f0f 100%);
  border-top:1px solid var(--vdd2-line);
  padding:18px 0 8px;
}
.vdd2-extfooter-brand{
  display:flex;align-items:center;gap:10px;margin-bottom:14px;
}
.vdd2-extfooter-brand img{
  width:42px;height:42px;border-radius:12px;
  border:1.5px solid var(--vdd2-brand);object-fit:cover;
}
.vdd2-extfooter-brand strong{display:block;color:#fff;font-size:15px;font-weight:800;}
.vdd2-extfooter-brand small{color:var(--vdd2-faint);font-size:11px;line-height:1.5; display:block;}
.vdd2-shortcuts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:14px;
}
.vdd2-shortcut{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:11px 6px;
  background:var(--vdd2-bg-card);
  border:1px solid var(--vdd2-line);
  border-radius:12px;
  text-align:center;
  cursor:pointer;
  color:#fff;
  transition:transform .15s, border-color .15s;
}
.vdd2-shortcut:active{transform:scale(.96);}
.vdd2-shortcut:hover{border-color:rgba(250,128,114,.5);}
.vdd2-shortcut-ico{
  width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--vdd2-brand),var(--vdd2-brand-2));
  color:#1a0d0b;
  display:flex;align-items:center;justify-content:center;
}
.vdd2-shortcut-ico svg{width:15px;height:15px;}
.vdd2-shortcut span{font-size:10.5px;font-weight:700;line-height:1.2;}
.vdd2-footdir{
  margin-bottom:14px;
}
.vdd2-footdir-title{
  font-size:11px;color:var(--vdd2-faint);font-weight:700;
  letter-spacing:.7px;text-transform:uppercase;margin-bottom:8px;
}
.vdd2-footdir-list{
  display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;
}
.vdd2-footdir-list a{
  color:#cfcfcf;font-size:12px;font-weight:600;
  padding:3px 0;
  display:flex;align-items:center;gap:6px;
}
.vdd2-footdir-list a::before{
  content:"›";color:var(--vdd2-brand);font-weight:800;
}
.vdd2-footdir-list a:hover{color:var(--vdd2-brand-2);}
.vdd2-disclaimer{
  padding:11px 12px;
  background:rgba(255,138,128,.06);
  border:1px solid rgba(250,128,114,.18);
  border-radius:11px;
  font-size:11px;color:var(--vdd2-muted);line-height:1.55;
  text-align:center;
}

/* ============================= Footer ============================= */
.vdd2-footer{
  padding:14px 0 6px;
  text-align:center;
  color:var(--vdd2-faint);
  font-size:11px;
  border-top:1px solid var(--vdd2-line);
  margin-top:8px;
}
.vdd2-footer strong{color:var(--vdd2-brand-2);}

/* ============================= Bottom nav ============================= */
.vdd2-bottomnav{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:65;
  background:linear-gradient(180deg,#161616 0%, #0c0c0c 100%);
  border-top:1px solid var(--vdd2-line);
  box-shadow:0 -6px 18px rgba(0,0,0,.5);
}
.vdd2-bottomnav-inner{
  max-width:var(--vdd2-max);
  margin:0 auto;
  height:var(--vdd2-bottom-h);
  display:flex;
  align-items:stretch;
  padding:6px 4px;
  gap:2px;
}
.vdd2-navitem{
  flex:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;
  color:var(--vdd2-faint);
  font-size:10px;font-weight:600;
  text-decoration:none;
  border-radius:11px;
  padding:4px 2px;
  position:relative;
  transition:color .15s, background .15s;
  min-height:44px;
  cursor:pointer;
}
.vdd2-navitem span{display:block;line-height:1;}
.vdd2-navitem svg{width:22px;height:22px;}
.vdd2-navitem:hover{color:#fff;}
.vdd2-navitem.is-active{
  color:var(--vdd2-brand);
  background:rgba(250,128,114,.14);
}
.vdd2-navitem.is-active::before{
  content:"";position:absolute;top:1px;left:50%;transform:translateX(-50%);
  width:22px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--vdd2-brand),var(--vdd2-brand-2));
}
.vdd2-navitem--promo{
  color:#fff;
}
.vdd2-navitem--promo .vdd2-nav-ico{
  background:linear-gradient(135deg,var(--vdd2-brand),var(--vdd2-brand-2));
  color:#1a0d0b;
  width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-top:-8px;
  box-shadow:0 4px 10px rgba(250,128,114,.4);
  border:2px solid #161616;
}
.vdd2-navitem--promo .vdd2-nav-ico svg{width:16px;height:16px;}

/* ============================= Helpers ============================= */
.vdd2-hide{display:none !important;}
.vdd2-visually-hidden{
  position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* Honor reduced motion */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}