/* VOZAYA 0.19.12 — UNIFIED SEGMENT CONTENT LAYOUT
   Reference rule for ALL eight wedges:
   text toward outer rim, icon directly beneath it toward the hub.
   The complete group remains centred on each wedge's radial axis.
   Wedge geometry, physical angle and animation timing are unchanged. */

/* Consistent group geometry. */
.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;
}

/* Every segment uses exactly the same local stack:
   LABEL FIRST = outer-rim side after radial rotation.
   ICON SECOND = inner/hub side. */
.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;
}
.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;
}
.early-access-hero .vozaya-category-icon svg{
  display:block!important;
  width:36px!important;
  height:36px!important;
}

/* Keep the group centred within the outer-middle portion of each wedge.
   These are symmetric radial anchors only; no wedge movement. */
.early-access-hero .piece-eat{
  --mark-x:50%!important;
  --mark-y:16.2%!important;
}
.early-access-hero .piece-nightlife{
  --mark-x:73.9%!important;
  --mark-y:26.1%!important;
}
.early-access-hero .piece-events{
  --mark-x:83.8%!important;
  --mark-y:50%!important;
}
.early-access-hero .piece-wellness{
  --mark-x:73.9%!important;
  --mark-y:73.9%!important;
}
.early-access-hero .piece-style{
  --mark-x:50%!important;
  --mark-y:83.8%!important;
}
.early-access-hero .piece-property{
  --mark-x:26.1%!important;
  --mark-y:73.9%!important;
}
.early-access-hero .piece-travel{
  --mark-x:16.2%!important;
  --mark-y:50%!important;
}
.early-access-hero .piece-experiences{
  --mark-x:26.1%!important;
  --mark-y:26.1%!important;
}

/* Remove old per-piece margin compensation so every segment is governed
   by the same centring rule. */
.early-access-hero .piece-eat .vozaya-category-mark,
.early-access-hero .piece-nightlife .vozaya-category-mark,
.early-access-hero .piece-events .vozaya-category-mark,
.early-access-hero .piece-wellness .vozaya-category-mark,
.early-access-hero .piece-style .vozaya-category-mark,
.early-access-hero .piece-property .vozaya-category-mark,
.early-access-hero .piece-travel .vozaya-category-mark,
.early-access-hero .piece-experiences .vozaya-category-mark{
  margin:0!important;
}

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

/* Responsive equivalents. */
@media(max-width:760px){
  .early-access-hero .vozaya-category-mark{
    width:29%!important;
    gap:.12rem!important;
  }
  .early-access-hero .vozaya-category-label{
    min-height:10px!important;
  }
  .early-access-hero .vozaya-category-icon{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
  .early-access-hero .vozaya-category-icon svg{
    width:29px!important;
    height:29px!important;
  }
}
@media(max-width:430px){
  .early-access-hero .vozaya-category-mark{
    width:31%!important;
    gap:.08rem!important;
  }
  .early-access-hero .vozaya-category-icon{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
  }
  .early-access-hero .vozaya-category-icon svg{
    width:24px!important;
    height:24px!important;
  }
}