:root{--font-display:\'Inter\',sans-serif;;--font-body:\'Inter\',sans-serif;--vk-bg:#050218;--vk-card:#0d0a25;--vk-line:rgba(255,255,255,.14);--vk-text:#ffffff;--vk-muted:#d3d2de;--vk-lime:#7cff4e;--vk-purple:#9d42ff;--vk-gold:#ffbf1c;--vk-pink:#ff4bb9;--vk-teal:#11d6cb;--vk-orange:#ff8600;--vk-shadow:0 20px 60px rgba(13,6,51,.24);--vk-green:#7cff4e;--vk-cyan:#11d6cb}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:var(--vk-bg);color:var(--vk-text);overflow-x:hidden}
body.vk-app-body{background:radial-gradient(circle at top left,rgba(124,255,78,.18),transparent 18rem),radial-gradient(circle at top right,rgba(157,66,255,.24),transparent 20rem),radial-gradient(circle at bottom,rgba(255,191,28,.10),transparent 22rem),#050218;padding-bottom:86px}
.vk-app-shell{width:min(100%,520px);margin:0 auto;padding:12px 14px 94px}
.vk-app-shell--center{min-height:100dvh;display:grid;place-items:center}
.vk-app-topbar{position:sticky;top:0;z-index:80;margin:0 -14px 12px;padding:8px 14px;background:rgba(5,2,24,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--vk-line);display:grid;grid-template-columns:46px 1fr 46px;gap:10px;align-items:center}
.vk-app-logo{width:44px;height:44px;border-radius:14px;object-fit:contain}
.vk-app-topbar strong{font-family:"Inter",Inter,sans-serif;font-size:1.15rem;line-height:1;text-align:center}
.vk-icon-btn{width:44px;height:44px;border-radius:999px;border:1px solid var(--vk-line);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;text-decoration:none;font-size:1.15rem}
.vk-app-hero{padding:18px 2px 10px}
.vk-app-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;background:rgba(124,255,78,.12);border:1px solid rgba(124,255,78,.24);color:var(--vk-lime);font-size:.78rem;font-weight:900}
.vk-app-hero h1,.vk-app-waitlist h1{font-family:"Inter",Inter,sans-serif;font-size:clamp(2.75rem,15vw,4.1rem);line-height:.88;letter-spacing:-.055em;margin:14px 0 10px}
.vk-app-hero h1 span,.vk-app-waitlist h1 span{color:var(--vk-lime)}
.vk-app-hero p,.vk-app-card p{color:var(--vk-muted);line-height:1.45;margin:0}
.vk-app-actions{display:grid;grid-template-columns:1.25fr .85fr;gap:10px;margin-top:16px}
.vk-app-btn{min-height:52px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:1000;color:#061018;background:linear-gradient(135deg,var(--vk-lime),var(--vk-teal),var(--vk-purple),var(--vk-gold));cursor:pointer}
.vk-app-btn--ghost{background:rgba(255,255,255,.08);border:1px solid var(--vk-line);color:#fff}
.vk-app-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.vk-app-strip div{padding:10px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}
.vk-app-strip strong{display:block;font-size:1rem}
.vk-app-strip span{display:block;color:var(--vk-muted);font-size:.72rem;margin-top:2px}
.vk-app-section{margin-top:18px}
.vk-app-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.vk-app-section h2{font-family:"Inter",Inter,sans-serif;font-size:1.55rem;line-height:1;margin:0}
.vk-app-section-head a{color:var(--vk-lime);font-weight:900;text-decoration:none;font-size:.86rem}
.vk-pick-scroll{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-right:-14px}
.vk-pick-card{flex:0 0 76%;scroll-snap-align:start;min-height:245px;border-radius:24px;background:rgba(19,20,45,.88);border:1px solid var(--vk-line);overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.vk-pick-card img{width:100%;height:130px;object-fit:cover;display:block;background:#10122a}
.vk-pick-copy{padding:13px}
.vk-pick-copy strong{display:block;font-size:1rem;line-height:1.12}
.vk-pick-copy p{margin:5px 0 9px;color:var(--vk-muted);font-size:.82rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vk-pick-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#dfffe8;font-size:.78rem;font-weight:900}
.vk-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vk-mini-card{padding:14px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.vk-mini-card b{font-size:1.35rem}
.vk-mini-card strong{display:block;margin:8px 0 4px}
.vk-mini-card span{color:var(--vk-muted);font-size:.82rem;line-height:1.3}
.vk-app-card{padding:20px;border-radius:26px;background:rgba(19,20,45,.90);border:1px solid var(--vk-line);box-shadow:0 24px 70px rgba(0,0,0,.30)}
.vk-app-logo-lg{width:96px;height:96px;display:block;margin:0 auto 16px}
.vk-app-waitlist{text-align:center}
.vk-app-form{display:grid;gap:10px;margin-top:16px}
.vk-app-form input,.vk-app-form select{width:100%;height:52px;border-radius:16px;border:1px solid var(--vk-line);background:rgba(255,255,255,.08);color:#fff;padding:0 14px;font:inherit}
.vk-app-form select option{color:#111}
.vk-app-form button{height:54px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--vk-lime),var(--vk-teal),var(--vk-gold));color:#061018;font-weight:1000}
.vk-app-alert{padding:12px;border-radius:16px;margin-top:12px;font-weight:900}
.vk-app-alert--success{background:rgba(0,255,157,.12);color:var(--vk-lime)}
.vk-app-alert--error{background:rgba(255,90,90,.14);color:#ff9d9d}
.vk-app-footer{margin-top:22px;padding:16px;text-align:center;color:rgba(255,255,255,.50);font-size:.82rem}
.vk-app-bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;z-index:10000;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border-radius:24px;background:rgba(17,18,42,.94);border:1px solid var(--vk-line);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.34)}
.vk-app-bottom-nav a,.vk-app-bottom-nav button{min-height:48px;border:0;border-radius:18px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;display:grid;place-items:center;font-size:.68rem;font-weight:900;cursor:pointer}
.vk-app-bottom-nav i{font-style:normal;font-size:1.15rem;line-height:1}
.vk-app-bottom-nav .is-primary{background:linear-gradient(135deg,var(--vk-lime),var(--vk-teal),var(--vk-purple),var(--vk-gold));color:#061018}
@media(min-width:760px){.vk-app-shell{padding-top:20px}.vk-pick-card{flex-basis:48%}}


/* Desktop-brand aligned mobile wordmark/tagline */
.vk-app-topbar strong{
  font-family:var(--font-display)!important;
  font-size:1.08rem!important;
  font-weight:800!important;
  background:linear-gradient(90deg,var(--vk-lime),var(--vk-teal),var(--vk-purple),var(--vk-gold))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.vk-app-brandtag{
  display:block;
  margin-top:-3px;
  font-family:var(--font-display);
  font-size:.76rem;
  font-weight:800;
  line-height:1;
  background:linear-gradient(90deg,var(--vk-gold),#ffd86a,var(--vk-pink));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.vk-app-hero h1 span,
.vk-app-waitlist h1 span{
  background:linear-gradient(90deg,var(--vk-gold),#ffd86a,var(--vk-pink));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}

.vk-app-card,
.vk-pick-card,
.vk-mini-card{
  box-shadow:var(--vk-shadow);
}


/* Desktop hero gradient treatment */
.vk-app-hero h1 span,
.vk-app-waitlist h1 span{
  background:linear-gradient(90deg,var(--vk-lime),var(--vk-purple),var(--vk-gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}


/* Top 3 open picks */
.vk-pick-grid--top3{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.vk-pick-grid--top3 .vk-pick-card{
  flex:none;
  min-height:auto;
  display:grid;
  grid-template-columns:96px 1fr;
  border-radius:22px;
}

.vk-pick-grid--top3 .vk-pick-card img{
  width:96px;
  height:100%;
  min-height:112px;
}

.vk-pick-grid--top3 .vk-pick-copy{
  padding:12px;
}

.vk-pick-grid--top3 .vk-pick-copy strong{
  font-size:.98rem;
}

.vk-pick-grid--top3 .vk-pick-meta{
  margin-top:8px;
}

@media(min-width:760px){
  .vk-pick-grid--top3{
    grid-template-columns:repeat(3,1fr);
  }

  .vk-pick-grid--top3 .vk-pick-card{
    display:block;
  }

  .vk-pick-grid--top3 .vk-pick-card img{
    width:100%;
    height:120px;
  }
}


/* Mobile cart modal visibility + app-friendly layout */
.vk-cart-modal.is-open{
  position:fixed!important;
  inset:0!important;
  z-index:1000000!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:12px!important;
  background:rgba(5,2,24,.72)!important;
  backdrop-filter:blur(12px)!important;
}

.vk-cart-modal__panel{
  width:min(100%,520px)!important;
  max-height:88dvh!important;
  overflow:auto!important;
  border-radius:28px 28px 22px 22px!important;
  background:#0d0a25!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.48)!important;
  padding:18px!important;
}

.vk-cart-modal__close{
  position:sticky!important;
  top:0!important;
  float:right!important;
  z-index:2!important;
}

.vk-app-bottom-nav{
  z-index:999998!important;
}

.vk-cart-modal.is-open ~ .vk-app-bottom-nav{
  display:none!important;
}


/* Mobile cart/checkout flow polish */
.vk-sticky-cart-bar{
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:82px!important;
  z-index:999997!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(124,255,78,.98),rgba(17,214,203,.98),rgba(157,66,255,.98))!important;
  color:#061018!important;
  box-shadow:0 22px 70px rgba(0,0,0,.44)!important;
}

.vk-sticky-cart-bar[hidden]{
  display:none!important;
}

.vk-sticky-cart-bar__icon{
  width:38px!important;
  height:38px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.45)!important;
}

.vk-sticky-cart-bar strong{
  font-size:.95rem!important;
  font-weight:1000!important;
  text-align:left!important;
}

.vk-sticky-cart-bar em{
  font-style:normal!important;
  font-size:.78rem!important;
  font-weight:900!important;
  opacity:.82!important;
}

.vk-sticky-cart-bar__cta{
  padding:9px 11px!important;
  border-radius:999px!important;
  background:#050218!important;
  color:#fff!important;
  font-size:.78rem!important;
  font-weight:1000!important;
}

.vk-cart-modal.is-open{
  align-items:flex-end!important;
}

.vk-cart-modal__panel{
  font-family:var(--font-body,Inter,sans-serif)!important;
}

.vk-cart-modal__title{
  font-family:var(--font-display,"Baloo 2",Inter,sans-serif)!important;
  font-size:1.75rem!important;
  line-height:.95!important;
  margin:4px 0 6px!important;
}

.vk-cart-modal__subtitle{
  color:var(--vk-muted,#d3d2de)!important;
  font-size:.9rem!important;
  line-height:1.4!important;
}

.vk-cart-merchant-group{
  margin:12px 0!important;
  padding:12px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.vk-cart-merchant-group__head{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
}

.vk-cart-merchant-group__head span{
  display:block!important;
  color:rgba(255,255,255,.55)!important;
  font-size:.68rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

.vk-cart-merchant-group__head strong{
  display:block!important;
  color:#fff!important;
  font-size:.95rem!important;
}

.vk-cart-merchant-group__head em{
  color:var(--vk-lime,#7cff4e)!important;
  font-style:normal!important;
  font-size:.75rem!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.vk-modal-cart-line{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:10px!important;
  padding:10px 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.vk-modal-cart-line strong{
  font-size:.95rem!important;
}

.vk-modal-cart-line span{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.65)!important;
  font-size:.78rem!important;
}

.vk-modal-cart-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}

.vk-modal-cart-actions select,
.vk-modal-cart-actions button{
  height:38px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

.vk-cart-summary{
  margin-top:12px!important;
  padding:12px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.vk-cart-summary__row{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:8px 0!important;
  color:rgba(255,255,255,.78)!important;
}

.vk-cart-summary__row--total{
  border-top:1px solid rgba(255,255,255,.12)!important;
  margin-top:6px!important;
  padding-top:12px!important;
  color:#fff!important;
}

.vk-cart-summary__row--total strong{
  color:var(--vk-lime,#7cff4e)!important;
  font-size:1.2rem!important;
}

.vk-modal-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:14px!important;
}

.vk-modal-actions .button{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
}

.vk-order-form,
.vk-modal-auth__form{
  display:grid!important;
  gap:12px!important;
}

.vk-order-form__row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}

.vk-order-label,
.vk-modal-auth__form label{
  display:grid!important;
  gap:6px!important;
}

.vk-order-label span,
.vk-modal-auth__form label span{
  color:rgba(255,255,255,.72)!important;
  font-size:.78rem!important;
  font-weight:900!important;
}

.vk-order-label input,
.vk-order-label select,
.vk-order-label textarea,
.vk-modal-auth__form input{
  width:100%!important;
  min-height:50px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  padding:10px 13px!important;
  font:inherit!important;
}

.vk-order-label select option{
  color:#111!important;
}

.vk-signin-nudge,
.vk-modal-auth,
.vk-schedule-box{
  padding:13px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.vk-signin-nudge__actions,
.vk-modal-auth__tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:10px!important;
}

.vk-modal-auth__tabs button{
  min-height:42px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-weight:900!important;
}

.vk-modal-auth__tabs button.is-active{
  background:linear-gradient(135deg,var(--vk-lime,#7cff4e),var(--vk-teal,#11d6cb),var(--vk-purple,#9d42ff))!important;
  color:#061018!important;
}

@media(min-width:760px){
  .vk-cart-modal__panel{
    max-width:520px!important;
  }
}


/* Mobile cart count badge + sticky bar click safety */
.vk-header-cart,
#vkHeaderCartBtn,
#vkMobileBottomCart{
  position:relative!important;
}

.vk-mobile-cart-count{
  position:absolute!important;
  top:-4px!important;
  right:-4px!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,var(--vk-lime,#7cff4e),var(--vk-gold,#ffbf1c))!important;
  color:#061018!important;
  font-size:.68rem!important;
  font-weight:1000!important;
  border:2px solid #050218!important;
  line-height:1!important;
  pointer-events:none!important;
}

.vk-mobile-cart-count[hidden]{
  display:none!important;
}

.vk-sticky-cart-bar{
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:1000001!important;
}

body.vk-modal-open .vk-sticky-cart-bar,
body.vk-mobile-cart-open .vk-sticky-cart-bar{
  display:none!important;
}
