/* VOZAYA 0.19.14 — FINAL CASCADE OUTWARD + ASK FIX
   This stylesheet is deliberately loaded LAST in the document.
   It therefore overrides older wheel !important rules that previously cancelled patches. */

/* ===== STRONG, VISIBLE OUTWARD MOVE ===== */
html body .early-access-hero .piece-eat{
  --mark-x:50%!important;
  --mark-y:11.4%!important;
}
html body .early-access-hero .piece-nightlife{
  --mark-x:77.3%!important;
  --mark-y:22.7%!important;
}
html body .early-access-hero .piece-events{
  --mark-x:88.6%!important;
  --mark-y:50%!important;
}
html body .early-access-hero .piece-wellness{
  --mark-x:77.3%!important;
  --mark-y:77.3%!important;
}
html body .early-access-hero .piece-style{
  --mark-x:50%!important;
  --mark-y:88.6%!important;
}
html body .early-access-hero .piece-property{
  --mark-x:22.7%!important;
  --mark-y:77.3%!important;
}
html body .early-access-hero .piece-travel{
  --mark-x:11.4%!important;
  --mark-y:50%!important;
}
html body .early-access-hero .piece-experiences{
  --mark-x:22.7%!important;
  --mark-y:22.7%!important;
}

/* One consistent stack: text outer, icon inner. */
html body .early-access-hero .vozaya-category-mark{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:27%!important;
  min-width:0!important;
  gap:.18rem!important;
  text-align:center!important;
  transform-origin:center center!important;
  margin:0!important;
}
html body .early-access-hero .vozaya-category-label{
  order:-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  min-height:14px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html body .early-access-hero .vozaya-category-icon{
  order:1!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  margin:0!important;
  padding:0!important;
}
html body .early-access-hero .vozaya-category-icon svg{
  width:36px!important;
  height:36px!important;
  display:block!important;
}

/* ===== ASK / VOZAYA LOCKUP =====
   Put ASK immediately above VOZAYA rather than at the hub rim. */
html body .early-access-hero .vozaya-ask-overlay{
  position:absolute!important;
  left:50%!important;
  top:47.8%!important;
  transform:translate(-50%,-50%)!important;
  z-index:60!important;
  pointer-events:none!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(.70rem,.95vw,.90rem)!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.08em!important;
  color:#e9c777!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.16),
    0 2px 2px rgba(0,0,0,.72),
    0 0 8px rgba(226,188,104,.12)!important;
}
html body .early-access-hero .vozaya-new-hub .hub-brand{
  transform:translateY(.52rem)!important;
}
html body .early-access-hero .vozaya-new-hub small{
  transform:translateY(.48rem)!important;
  margin-top:.26rem!important;
}

/* Closed state still icon-only. */
html body .early-access-hero .join-wheel-canvas.wheel-closing-clean .vozaya-category-label,
html body .early-access-hero .join-wheel-canvas.wheel-closed-clean .vozaya-category-label{
  opacity:0!important;
  visibility:hidden!important;
}

@media(max-width:760px){
  html body .early-access-hero .vozaya-category-mark{
    width:29%!important;
    gap:.12rem!important;
  }
  html body .early-access-hero .vozaya-ask-overlay{
    top:47.5%!important;
    font-size:.64rem!important;
  }
  html body .early-access-hero .vozaya-new-hub .hub-brand{
    transform:translateY(.40rem)!important;
  }
  html body .early-access-hero .vozaya-new-hub small{
    transform:translateY(.37rem)!important;
  }
}
@media(max-width:430px){
  html body .early-access-hero .vozaya-category-mark{
    width:31%!important;
  }
  html body .early-access-hero .vozaya-ask-overlay{
    top:47.3%!important;
    font-size:.57rem!important;
  }
}