/* V80 — Promo hub (#/activity): hide native AR095 UI, show dmwin1 2-col banner grid (no Promotions header) */

/* Only exact activity hub — not DailySignIn / nested activity routes */
body.v40-route-activity:not(.v80-activity-nested) .activity-wrapper > *:not(#v80-promo-root),
body.v40-route-activity:not(.v80-activity-nested) .activity-banner,
body.v40-route-activity:not(.v80-activity-nested) .activity-panel,
body.v40-route-activity:not(.v80-activity-nested) .activity-panel-content,
body.v40-route-activity:not(.v80-activity-nested) .activitySection__container,
body.v40-route-activity:not(.v80-activity-nested) .activity-wrapper .van-list,
body.v40-route-activity:not(.v80-activity-nested) .activity-wrapper .cardBox,
body.v40-route-activity:not(.v80-activity-nested) .activity-wrapper .van-nav-bar,
body.v40-route-activity:not(.v80-activity-nested) .activity-wrapper .navbar,
body.v40-route-activity:not(.v80-activity-nested) .activity-wrapper .head-main{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:none!important;
  pointer-events:none!important;
}

body.v40-route-activity:not(.v80-activity-nested) .activity-wrapper{
  position:relative!important;
  min-height:100vh!important;
  background:#1A0B3D!important;
  background-image:none!important;
  padding:0!important;
  margin-top:0!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}

/*
  Fixed navbar (.navbar-fixed) is 1.22667rem.
  Keep the in-flow .navbar.main spacer intact — never pull banners under it
  (negative margin caused top-row cut / clip under the logo bar).
*/
body.v40-route-activity:not(.v80-activity-nested) #app .navbar.main{
  height:1.22667rem!important;
  min-height:1.22667rem!important;
  margin:0!important;
  padding:0!important;
  flex-shrink:0!important;
  overflow:visible!important;
}

#v80-promo-root{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:5!important;
  min-height:auto!important;
  margin-top:0!important;
  /* Small clear under fixed logo bar — do not use negative margin (clips top row) */
  padding:.22rem 0 1.4rem!important;
  background:#1A0B3D!important;
  box-sizing:border-box!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* No Promotions title bar */
#v80-promo-root .v80-promo-head,
#v80-promo-root .v80-promo-back,
#v80-promo-root .v80-promo-title{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

#v80-promo-root .v80-promo-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.24rem!important;
  padding:.1rem .2rem 1.6rem!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#v80-promo-root .v80-promo-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
  border-radius:.32rem!important;
  overflow:hidden!important;
  cursor:pointer!important;
  box-shadow:0 .04rem .16rem rgba(0,0,0,.35)!important;
  -webkit-tap-highlight-color:transparent!important;
}

#v80-promo-root .v80-promo-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:.32rem!important;
  padding:1.5px!important;
  background:linear-gradient(145deg,#F7D56A 0%,#E8B923 45%,#C9961A 100%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  z-index:2!important;
}

#v80-promo-root .v80-promo-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:400/320!important;
  object-fit:cover!important;
  border-radius:.32rem!important;
  background:#2B1B55!important;
}

#v80-promo-root .v80-promo-card:active{
  transform:scale(.98)!important;
  opacity:.92!important;
}

/* Nested activity routes keep native Vue UI */
body.v80-activity-nested #v80-promo-root{
  display:none!important;
}