/* ======================================================================
   FLASH.CSS
   Combined from:
   - flash-overrides.css
   - css_compage.css
   - flash-thanks-page.css
   - flash_site_ui_fixed.css
   - touchups.css

   Notes:
   - Strict cleanup only. No intentional redesigns.
   - Page-specific CSS remains page-specific through existing selectors/classes.
   - Safe dedupe applied only where an exact duplicate block was found.
   - Source order has been preserved to avoid changing cascade behavior.
   ====================================================================== */

/* ======================================================================
   QUICK EDIT GUIDE
   - Global nav/header/login/list styles: flash-overrides.css section below
   - Competition page styles: css_compage.css section below
   - Thanks page styles: flash-thanks-page.css section below
   - Site UI / basket / checkout / admin styles: flash_site_ui_fixed.css section below
   - Final touchups and page fixes: touchups.css section below
   ====================================================================== */


/* ======================================================================
   SOURCE: flash-overrides.css
   ====================================================================== */

:root {
    --primary-color-500: #ffffff;
    --primary-gradient-500: linear-gradient(90deg, #f59e0b, #ef4444, #1d4ed8)
    --text-primary-600 {
    color: #ffffff;
}
  }
.bg-primary-500 {
  background: linear-gradient(90deg, #f59e0b, #ef4444, #1d4ed8)

}

:root{
  /* Brand (Flash) */
  --fcNav-bg0:#070815;
  --fcNav-bg1:#0B0F22;
  --fcNav-ac1:#8B5CFF; /* purple */
  --fcNav-ac2:#2D7CFF; /* blue */
  --fcNav-gold:#F5D36B;

  --fcNav-text: rgba(255,255,255,.94);
  --fcNav-dim: rgba(255,255,255,.72);
  --fcNav-line: rgba(255,255,255,.10);

  /* Mobile nav */
  --flash-nav-row-radius: 14px;
  --flash-nav-row-padding-y: 14px;
  --flash-nav-row-padding-x: 10px;
  --flash-nav-icon-size: 22px;

  --flash-nav-hover-bg: rgba(255,255,255,.06);
  --flash-nav-hover-border: rgba(139,92,255,.22);

    
  /* Sizing */
  --fcNav-rowPadY: 14px;
  --fcNav-rowPadX: 10px;
  --fcNav-rowRadius: 14px;
  --fcNav-ico: 22px;

  /* Hover */
  --fcNav-hoverBg: rgba(255,255,255,.06);
  --fcNav-hoverBorder: rgba(139,92,255,.22);
}

/* Sidebar background polish (safe: only mobile sidebar) */
[data-flux-sidebar].lg\:hidden{
  background:
    radial-gradient(900px 520px at 18% 10%, rgba(139,92,255,.18), transparent 58%),
    radial-gradient(900px 520px at 82% 16%, rgba(45,124,255,.16), transparent 60%),
    linear-gradient(180deg, var(--fcNav-bg1), var(--fcNav-bg0)) !important;
  border-right: 1px solid rgba(139,92,255,.22) !important;
}
/* =========================================================
   FLASH – GLOBAL CLEANUPS
   ========================================================= */

/* Remove outer circular glow wrapper */
div.text-gray-50.cursor-pointer.flex.gap-2.items-center.text-sm.md\:text-base.w-2\/12{
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Remove pseudo glow */
div.text-gray-50.cursor-pointer.flex.gap-2.items-center.text-sm.md\:text-base.w-2\/12::before,
div.text-gray-50.cursor-pointer.flex.gap-2.items-center.text-sm.md\:text-base.w-2\/12::after{
    display:none !important;
    content:none !important;
}

/* Hide related products carousel on competition pages */
body:has(a[href*="/competition/"]) section.splide[aria-labelledby="carousel-heading"]{
    display:none !important;
}

/* =========================================================
   FLASH – LISTS PAGE PREMIUM
   ========================================================= */

:root{
  --fc-bg0:#070815;
  --fc-bg1:#0B0F22;
  --fc-text: rgba(255,255,255,.92);
  --fc-dim: rgba(255,255,255,.70);
  --fc-dimmer: rgba(255,255,255,.55);
  --fc-line: rgba(255,255,255,.10);
  --fc-line2: rgba(255,255,255,.14);
  --fc-ac1:#8B5CFF;
  --fc-ac2:#2D7CFF;
  --fc-r1: 14px;
  --fc-r2: 22px;
}

.fcLists{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.fcLists .fcLists-hero{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 0 12px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.fcLists .fcLists-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;
  color:rgba(255,255,255,.72);
}

.fcLists .fcLists-kicker::before{
  content:"";
  width:10px;height:10px;border-radius:999px;
  background:linear-gradient(135deg,var(--fc-ac1),var(--fc-ac2));
  box-shadow:0 0 18px rgba(139,92,255,.20);
}

.fcLists .fcLists-title{
  margin-top:8px;
  font-size:22px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:.2px;
  color:rgba(255,255,255,.96);
}

.fcLists .fcLists-title strong{
  background:linear-gradient(90deg,var(--fc-ac1),var(--fc-ac2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.fcLists .fcLists-sub{
  margin-top:6px;
  font-size:13px;
  color:rgba(255,255,255,.66);
}

.fcLists .grid{ gap:12px !important; }

@media (min-width:640px){
  .fcLists .grid{ gap:14px !important; }
}

.fcLists [data-flux-card]{
  position:relative;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)) !important;
  box-shadow:0 16px 52px rgba(0,0,0,.40) !important;
  overflow:hidden;
}

.fcLists [data-flux-card]:hover{
  border-color:rgba(139,92,255,.18) !important;
}

.fcLists [data-flux-card] img{
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 36px rgba(0,0,0,.45);
}

.fcLists .fcLists-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.fcLists .fcLists-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  color:rgba(255,255,255,.86);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
}

.fcLists .fcLists-pill b{
  font-weight:950;
  color:rgba(255,255,255,.92);
}

.fcLists .fcLists-pill--price{
  border-color:rgba(45,124,255,.18);
  background:rgba(45,124,255,.08);
}

.fcLists .fcLists-pill--ends{
  border-color:rgba(139,92,255,.18);
  background:rgba(139,92,255,.08);
}

@media (max-width:640px){
  .fcLists{ padding:10px; border-radius:20px; }
  .fcLists .fcLists-title{ font-size:20px; }
}

/* =========================================================
   FLASH – Glass Mobile Login Button
   ========================================================= */

@media (max-width:1023px){

  .fc-authwrap > a[href*="/login"]:not(.fc-mobile-account),
  .fc-authwrap > a[href*="/register"]:not(.fc-mobile-account){
    display:none !important;
  }

  .fc-mobile-account{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 12px;
    height:38px;
    border-radius:14px;
    font-size:13px;
    font-weight:600;
    color:#fff;
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,0.25);
    box-shadow:0 4px 20px rgba(0,0,0,0.4);
    transition:all .25s ease;
  }

  .fc-mobile-account:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,0.12);
  }

  .fc-mobile-account svg{
    width:16px;
    height:16px;
    stroke:#fff;
  }
}

@media (min-width:1024px){
  .fc-mobile-account{ display:none !important; }
}

.flex.flex-1.items-center.justify-end.gap-x-1.border{
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 10px !important;
}
.flex.flex-1.items-center.justify-end
a[href*="/login"]{
  position: relative;
  padding: 8px 14px !important;
  border-radius: 12px !important;

  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.14) !important;

  color: rgba(255,255,255,.92) !important;
  font-weight: 700 !important;
  letter-spacing: .2px;

  backdrop-filter: blur(6px);
  transition: 
    background .25s ease,
    border-color .25s ease,
    transform .2s ease,
    box-shadow .25s ease;
}

.flex.flex-1.items-center.justify-end
a[href*="/login"]:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  transform: translateY(-1px);
}
.flex.flex-1.items-center.justify-end
a[href*="/register"]{
  position: relative;
  padding: 9px 16px !important;
  border-radius: 14px !important;

  background: linear-gradient(
    135deg,
    #8B5CFF,
    #2D7CFF
  ) !important;

  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .3px;

  box-shadow:
    0 10px 40px rgba(45,124,255,.35),
    inset 0 1px 0 rgba(255,255,255,.25);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
  overflow: hidden;
}
.flex.flex-1.items-center.justify-end
a[href*="/register"]::before{
  content:"";
  position:absolute;
  inset:-40%;
  background: linear-gradient(
    120deg,
    transparent 35%,
    rgba(255,255,255,.35) 50%,
    transparent 65%
  );
  transform: translateX(-60%) rotate(12deg);
  animation: fcAuthSweep 6.5s ease-in-out infinite;
  pointer-events:none;
}
.flex.flex-1.items-center.justify-end
a[href*="/register"]:hover{
  transform: translateY(-1.5px);
  filter: brightness(1.05);
  box-shadow:
    0 16px 60px rgba(45,124,255,.45),
    inset 0 1px 0 rgba(255,255,255,.3);
}
.flex.flex-1.items-center.justify-end
a:focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 2px rgba(139,92,255,.55),
    0 10px 40px rgba(0,0,0,.35);
}
@media (prefers-reduced-motion: reduce){
  .flex.flex-1.items-center.justify-end
  a[href*="/register"]::before{
    animation: none !important;
  }
}
@keyframes fcAuthSweep{
  0%{ transform: translateX(-60%) rotate(12deg); opacity:.15; }
  45%{ opacity:.45; }
  100%{ transform: translateX(60%) rotate(12deg); opacity:.15; }
}



/* Injected nav wrapper */
.fcNavX{
  margin: 18px 0 14px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Rows (links + dropdown trigger) */
.fcNavX .fcNavX-row{
  display:flex;
  align-items:center;
  gap: 12px;
  width: 100%;
  padding: var(--fcNav-rowPadY) var(--fcNav-rowPadX);
  border-radius: var(--fcNav-rowRadius);
  color: var(--fcNav-text);
  text-decoration:none;
  background: transparent;
  border: 1px solid transparent;
  transition: background .18s ease, border-color .18s ease;
}

/* Hover */
.fcNavX .fcNavX-row:hover{
  background: var(--fcNav-hoverBg);
  border-color: var(--fcNav-hoverBorder);
}

/* Icon slot */
.fcNavX .fcNavX-ico{
  width: var(--fcNav-ico);
  height: var(--fcNav-ico);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.92);
  opacity: .92;
  flex: 0 0 auto;
  filter: drop-shadow(0 0 12px rgba(139,92,255,.16));
}
.fcNavX .fcNavX-ico svg{
  width: 100%;
  height: 100%;
  display:block;
}

/* Label */
.fcNavX .fcNavX-txt{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.01em;
  line-height: 1.1;
  color: rgba(255,255,255,.92);
}

/* Subtle separators between rows */
.fcNavX .fcNavX-sep{
  height: 1px;
  margin: 6px 10px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  opacity: .65;
}

/* Dropdown container styling (keeps native dropdown behavior) */
.fcNavX ui-dropdown{
  display:block;
}
.fcNavX ui-dropdown > button{
  all: unset;
  box-sizing: border-box;
  cursor: pointer;

  display:flex;
  align-items:center;
  gap: 12px;
  width: 100%;
  padding: var(--fcNav-rowPadY) var(--fcNav-rowPadX);
  border-radius: var(--fcNav-rowRadius);
  color: var(--fcNav-text);
  background: transparent;
  border: 1px solid transparent;
  transition: background .18s ease, border-color .18s ease;
}
.fcNavX ui-dropdown > button:hover{
  background: var(--fcNav-hoverBg);
  border-color: var(--fcNav-hoverBorder);
}
.fcNavX ui-dropdown > button [data-content]{
  flex:1;
  min-width:0;
}
.fcNavX ui-dropdown > button [data-content] span{
  display:none !important; /* we replace label with our own */
}

/* Dropdown menu itself (popover) */
.fcNavX [data-flux-navmenu]{
  background:
    radial-gradient(520px 220px at 20% 10%, rgba(139,92,255,.14), transparent 55%),
    radial-gradient(520px 220px at 80% 20%, rgba(45,124,255,.12), transparent 58%),
    linear-gradient(180deg, rgba(12,14,34,.96), rgba(7,8,21,.98)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.70) !important;
}
.fcNavX [data-flux-navmenu] a{
  color: rgba(255,255,255,.90) !important;
  border-radius: 12px !important;
}
.fcNavX [data-flux-navmenu] a:hover{
  background: rgba(255,255,255,.08) !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .fcNavX *{ transition:none !important; animation:none !important; }
}

/* very important, remove when results happen. this deletes the result page link */
#header-results {
    display: none !important;
}

:root{
  --fcEMP-bg0:#070815;
  --fcEMP-bg1:#0B0F22;

  --fcEMP-t: rgba(255,255,255,.94);
  --fcEMP-d: rgba(255,255,255,.72);

  --fcEMP-ac1:#8B5CFF;
  --fcEMP-ac2:#2D7CFF;

  --fcEMP-b: rgba(255,255,255,.14);
  --fcEMP-b2: rgba(255,255,255,.22);
  --fcEMP-shadow: 0 18px 55px rgba(0,0,0,.65);
}

/* Root */
.fcEMP7{ font-family: inherit; color: var(--fcEMP-t); }

/* Launcher button */
.fcEMP7-launch{
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 99999;

  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  cursor:pointer;
  user-select:none;

  border:1px solid var(--fcEMP-b);
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(139,92,255,.18), transparent 60%),
    radial-gradient(900px 420px at 100% 0%, rgba(45,124,255,.14), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--fcEMP-bg1), var(--fcEMP-bg0));
  box-shadow: var(--fcEMP-shadow);
  transition: transform .18s ease, border-color .18s ease, filter .18s ease;
}
.fcEMP7-launch:hover{
  transform: translateY(-1px);
  border-color: var(--fcEMP-b2);
  filter: brightness(1.03);
}

.fcEMP7-launchIco{
  width: 30px; height: 30px;
  border-radius: 12px;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(139,92,255,.30), rgba(45,124,255,.22));
  box-shadow: 0 14px 35px rgba(0,0,0,.35);
  flex-shrink:0;
}
.fcEMP7-launchTxt{ display:flex; flex-direction:column; line-height:1.05; min-width:0; }
.fcEMP7-launchTxt b{ font-weight: 980; letter-spacing:.2px; font-size: 12.8px; }
.fcEMP7-launchTxt span{ color: var(--fcEMP-d); font-weight: 850; font-size: 11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fcEMP7-launchChev{ opacity:.9; font-size: 14px; }

/* Floating panel */
.fcEMP7-panel{
  position: fixed;
  right: 14px;
  bottom: 70px; /* above launcher */
  z-index: 99999;

  width: 280px;
  max-height: min(520px, calc(100vh - 110px));
  border-radius: 14px;
  overflow:hidden;

  border:1px solid var(--fcEMP-b);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--fcEMP-bg1), var(--fcEMP-bg0));
  box-shadow: var(--fcEMP-shadow);

  transform: translateY(6px);
  opacity: 0;
  pointer-events:none;
  transition: opacity .16s ease, transform .16s ease;
}
.fcEMP7-panel.is-open{
  opacity: 1;
  transform: translateY(0);
  pointer-events:auto;
}

/* Panel header */
.fcEMP7-head{
  padding: 10px 10px 8px;
  border-bottom:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.fcEMP7-headLeft{ min-width:0; }
.fcEMP7-title{
  font-weight: 980;
  letter-spacing:.2px;
  font-size: 12.8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fcEMP7-sub{
  margin-top: 2px;
  color: var(--fcEMP-d);
  font-weight: 850;
  font-size: 11.2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.fcEMP7-headBtns{ display:flex; gap:8px; flex-shrink:0; }
.fcEMP7-ib{
  width: 34px; height: 34px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.20);
  color: rgba(255,255,255,.92);
  display:grid; place-items:center;
  cursor:pointer;
  user-select:none;
}
.fcEMP7-ib:hover{ border-color: rgba(255,255,255,.22); filter: brightness(1.05); }
.fcEMP7-ib.is-on{
  background: linear-gradient(90deg, rgba(139,92,255,.34), rgba(45,124,255,.28));
  border-color: rgba(255,255,255,.20);
}

/* Tabs row */
.fcEMP7-tabs{
  display:flex;
  gap: 6px;
  padding: 8px 10px 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.fcEMP7-tab{
  flex:1;
  text-align:center;
  padding: 8px 8px;
  border-radius: 10px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.88);
  font-weight: 950;
  font-size: 11px;
  cursor:pointer;
  user-select:none;
}
.fcEMP7-tab:hover{ border-color: rgba(255,255,255,.20); }
.fcEMP7-tab.is-active{
  background: linear-gradient(135deg, rgba(139,92,255,.30), rgba(45,124,255,.22));
  border-color: rgba(255,255,255,.18);
}

/* Search */
.fcEMP7-search{
  padding: 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;
  gap: 8px;
  align-items:center;
}
.fcEMP7-input{
  width:100%;
  border-radius: 12px;
  padding: 9px 10px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: var(--fcEMP-t);
  font-weight: 850;
  font-size: 12px;
  outline:none;
}
.fcEMP7-input::placeholder{ color: rgba(255,255,255,.45); font-weight: 800; }
.fcEMP7-clear{
  width: 34px; height: 34px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  display:grid; place-items:center;
  cursor:pointer;
  user-select:none;
}

/* Scroll area */
.fcEMP7-body{
  max-height: calc(100% - 154px);
  overflow:auto;
  padding: 8px;
}
.fcEMP7-body::-webkit-scrollbar{ width: 10px; }
.fcEMP7-body::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.14); border-radius: 999px; }
.fcEMP7-body::-webkit-scrollbar-track{ background: rgba(0,0,0,.15); }

/* List items (reference style) */
.fcEMP7-item{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 10px;
  cursor:pointer;
  user-select:none;

  border:1px solid transparent;
  color: rgba(255,255,255,.92);
  font-weight: 900;
  font-size: 13px;
  background: rgba(0,0,0,.14);
}
.fcEMP7-item:hover{
  border-color: rgba(255,255,255,.12);
  background: rgba(0,0,0,.20);
}
.fcEMP7-item.is-active{
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}

.fcEMP7-ico{
  width: 18px;
  display:grid;
  place-items:center;
  opacity:.92;
}
.fcEMP7-right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap: 8px;
}
.fcEMP7-pin{
  width: 28px; height: 28px;
  border-radius: 10px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  display:grid; place-items:center;
  cursor:pointer;
  user-select:none;
  opacity:.9;
}
.fcEMP7-pin:hover{ border-color: rgba(255,255,255,.20); }
.fcEMP7-pin.is-on{
  background: linear-gradient(135deg, rgba(246,194,74,.20), rgba(139,92,255,.16));
  border-color: rgba(246,194,74,.28);
}

/* Small muted blocks */
.fcEMP7-muted{
  padding: 10px 10px;
  border-radius: 10px;
  border:1px dashed rgba(255,255,255,.14);
  background: rgba(0,0,0,.14);
  color: var(--fcEMP-d);
  font-weight: 850;
  font-size: 12px;
  line-height: 1.35;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .fcEMP7-launch,
  .fcEMP7-panel{
    transition:none !important;
    animation:none !important;
  }
}

/* Desktop-only safety */
@media (max-width: 900px){
  .fcEMP7, .fcEMP7-launch, .fcEMP7-panel{ display:none !important; }
}


/*FLASH SOCIAL BAR ON NAVBAR START*/
.flash-socialbar{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-right: 12px;
}

.flash-socialbar a{
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  text-decoration: none;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);

  transition: transform .18s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.flash-socialbar a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 16px 32px -22px rgba(59,130,246,.65);
}

/* Icon itself */
.flash-socialbar svg{
  width: 18px;
  height: 18px;
  display: block;
  fill: rgba(255,255,255,.92);
  transition: filter .22s ease, transform .22s ease;
}

.flash-socialbar a:hover svg{
  transform: scale(1.05);
  filter: drop-shadow(0 10px 18px rgba(59,130,246,.25));
}

/* Subtle Flash brand accent on hover (purple->blue) */
.flash-socialbar a::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .22s ease;

  background: linear-gradient(135deg, rgba(168,85,247,.20), rgba(59,130,246,.22));
}

.flash-socialbar a{
  position: relative;
  overflow: hidden;
}

.flash-socialbar a:hover::after{
  opacity: 1;
}

/*FLASH SOCIAL BAR ON NAVBAR END*/
/* ===========================
   Flash Competitions - LIVE icon + text
   (No background changes)
=========================== */
#header-instant-list .flash-live-wrap{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-right: 10px;
  line-height: 1;
  transform: translateY(-.5px);
}

#header-instant-list .flash-live-dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  position: relative;

  background: linear-gradient(135deg, #facc15, #f59e0b);
  box-shadow: 0 0 14px rgba(250, 204, 21, .55);
}

#header-instant-list .flash-live-dot::after{
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  border: 2px solid rgba(250, 204, 21, .35);

  transform: scale(.6);
  opacity: 0;
  animation: flashLivePulse 1.25s ease-out infinite;
}

@keyframes flashLivePulse{
  0%   { transform: scale(.6); opacity: 0; }
  22%  { opacity: .70; }
  70%  { transform: scale(1.25); opacity: 0; }
  100% { opacity: 0; }
}

#header-instant-list .flash-live-text{
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .9px;
  text-transform: uppercase;

  background: linear-gradient(90deg, #facc15, #f59e0b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  text-shadow: 0 0 16px rgba(250,204,21,.18);
}

/* make sure badge aligns nicely inside your navbar */
#header-instant-list > div{
  display: flex !important;
  align-items: center !important;
}
/* END OF LIVE TEXT CODE FOR INSTANT WINNERS TAB BUTTON*/

/* Premium site credit pill */
.flex.items-center.border.rounded-lg.py-1\.5.px-2.gap-1\.5.group {
    background: linear-gradient(135deg, #0f172a 0%, #020617 100%);
    border: 1px solid rgba(99,102,241,0.35);
    border-radius: 0.75rem;
    padding: 0.5rem 0.75rem;
    gap: 0.5rem;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.03),
        0 6px 18px rgba(0,0,0,0.35);
    transition: all 0.25s ease;
}

/* Hover glow */
.flex.items-center.border.rounded-lg.py-1\.5.px-2.gap-1\.5.group:hover {
    border-color: #6366f1;
    box-shadow:
        0 8px 24px rgba(99,102,241,0.35),
        inset 0 0 0 1px rgba(99,102,241,0.25);
    transform: translateY(-1px);
}

/* Credit amount styling */
.flex.items-center.border.rounded-lg.py-1\.5.px-2.gap-1\.5.group p {
    color: #c7d2fe !important;
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
}

/* Icon polish */
.flex.items-center.border.rounded-lg.py-1\.5.px-2.gap-1\.5.group img {
    filter: drop-shadow(0 0 6px rgba(99,102,241,0.5));
}



/* Empty cart container */
.max-w-2xl .border-l-4.border-primary-500.bg-gray-800 {
    background: linear-gradient(135deg, #020617 0%, #0f172a 100%);
    border-left: 4px solid #6366f1;
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.03),
        0 12px 30px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}

/* Soft glow accent */
.max-w-2xl .border-l-4.border-primary-500.bg-gray-800::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        600px circle at 0% 50%,
        rgba(99,102,241,0.12),
        transparent 40%
    );
    pointer-events: none;
}

/* Icon polish */
.max-w-2xl .border-l-4.border-primary-500.bg-gray-800 svg {
    filter: drop-shadow(0 0 8px rgba(99,102,241,0.6));
}

/* Text refinement */
.max-w-2xl .border-l-4.border-primary-500.bg-gray-800 p {
    font-size: 0.95rem;
    font-weight: 500;
    color: #e5e7eb;
    letter-spacing: 0.01em;
}

/* Layout breathing room */
.max-w-2xl .border-l-4.border-primary-500.bg-gray-800 .flex {
    gap: 0.75rem;
    align-items: center;
}



/* Premium error container */
.p-4.border.border-red-600.rounded-md.bg-red-50 {
    background: linear-gradient(
        135deg,
        rgba(127, 29, 29, 0.95) 0%,
        rgba(153, 27, 27, 0.95) 50%,
        rgba(220, 38, 38, 0.95) 100%
    );
    border: 1px solid rgba(248, 113, 113, 0.6);
    border-radius: 0.9rem;
    padding: 1.25rem;
    box-shadow:
        0 18px 40px rgba(127, 29, 29, 0.45),
        inset 0 0 0 1px rgba(255,255,255,0.05);
    position: relative;
    overflow: hidden;
}

/* Soft red glow */
.p-4.border.border-red-600.rounded-md.bg-red-50::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        600px circle at 0% 50%,
        rgba(248, 113, 113, 0.25),
        transparent 40%
    );
    pointer-events: none;
}

/* Icon glow */
.p-4.border.border-red-600.rounded-md.bg-red-50 svg {
    color: #fecaca;
    filter: drop-shadow(0 0 8px rgba(248,113,113,0.8));
}

/* Title */
.p-4.border.border-red-600.rounded-md.bg-red-50 h3 {
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.01em;
}

/* Error list text */
.p-4.border.border-red-600.rounded-md.bg-red-50 li {
    color: #fee2e2;
    font-weight: 500;
}

/* Improve spacing + alignment */
.p-4.border.border-red-600.rounded-md.bg-red-50 .flex {
    gap: 0.75rem;
    align-items: flex-start;
}






/* ===============================
   My Tickets – Premium Styling
   Purple Active Tab
================================ */

/* Section divider */
.space-y-12 > .border-b {
    border-color: rgba(255,255,255,0.08);
}

/* Section heading */
.space-y-12 h2 {
    font-size: 1.05rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.space-y-12 p {
    color: rgba(255,255,255,0.75);
}

/* ===============================
   Tabs
================================ */
[role="tablist"] {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

[role="tablist"] button {
    position: relative;
    color: rgba(255,255,255,0.65);
    transition: color .25s ease;
}

/* Hover */
[role="tablist"] button:hover {
    color: rgba(255,255,255,0.95);
}

/* Active tab (PURPLE) */
[role="tablist"] button.text-primary-500 {
    color: #c084fc; /* premium purple */
    font-weight: 600;
}

/* Active underline */
[role="tablist"] button.text-primary-500::after {
    content: "";
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(
        90deg,
        #8b5cf6,
        #c084fc,
        #e879f9
    );
    border-radius: 999px;
    box-shadow: 0 0 14px rgba(192,132,252,0.55);
}

/* ===============================
   Ticket Card
================================ */
.rounded-xl.bg-gray-800.p-5 {
    background: linear-gradient(
        180deg,
        rgba(15,23,42,0.95),
        rgba(2,6,23,0.95)
    );
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow:
        0 20px 50px rgba(0,0,0,0.65),
        inset 0 1px 0 rgba(255,255,255,0.04);
}

/* Competition title */
.rounded-xl.bg-gray-800 h3 {
    letter-spacing: 0.02em;
}

/* ===============================
   Ticket Numbers 
================================ */
.rounded-xl.bg-gray-800 span.font-mono.text-primary-500 {
    display: inline-block;
    padding: 0.25rem 0.45rem;
    margin: 0.15rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #d8b4fe;
    background: rgba(192,132,252,0.08);
    border-radius: 0.45rem;
    box-shadow: inset 0 0 0 1px rgba(192,132,252,0.22);
}

/* Ticket count */
.rounded-xl.bg-gray-800 .flex.justify-between p:last-child {
    color: #ffffff;
    font-weight: 700;
}

/* ===============================
   Pagination
================================ */
nav[aria-label="Pagination Navigation"] {
    margin-top: 1rem;
}

nav[aria-label="Pagination Navigation"] span,
nav[aria-label="Pagination Navigation"] button {
    border-radius: 0.6rem;
}

nav[aria-label="Pagination Navigation"] button {
    background: linear-gradient(135deg,#8b5cf6,#c084fc);
    border: none;
    color: #fff;
    box-shadow: 0 6px 24px rgba(139,92,246,0.45);
}

/* Disabled pagination */
nav[aria-label="Pagination Navigation"] .cursor-default {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.6);
}



.px-6.py-4.sm\:py-10.lg\:px-8 {
    display: none !important;
}

/* Form container */
.mt-10 {
    gap: 1.5rem; /* consistent spacing between fields */
}

/* Labels */
.mt-10 label,
.ui-field > ui-label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem; /* slightly larger */
    font-weight: 600;
    color: #f5f5f5; /* light color for contrast */
}

/* Input fields */
.mt-10 input[type="text"],
.mt-10 input[type="email"],
.mt-10 input[type="tel"],
.mt-10 select {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border-radius: 0.75rem; /* soft rounded corners */
    border: 1px solid #444; /* subtle dark border */
    background-color: #1f1f2e; /* dark but soft */
    color: #f5f5f5; /* light text */
    font-size: 0.875rem;
    line-height: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    transition: all 0.2s ease-in-out;
}

/* Placeholder color */
.mt-10 input::placeholder,
.mt-10 select::placeholder {
    color: #aaa;
}

/* Focus state */
.mt-10 input:focus,
.mt-10 select:focus {
    outline: none;
    border-color: #7f6aff; /* purple accent */
    box-shadow: 0 0 0 3px rgba(127, 106, 255, 0.3);
    background-color: #2a2a40; /* slightly lighter on focus */
}

/* Disabled state */
.mt-10 input:disabled,
.mt-10 select:disabled {
    background-color: #2c2c3c;
    border-color: #555;
    color: #777;
}

/* Add subtle hover effect for selects */
.mt-10 select:hover {
    border-color: #7f6aff;
}

/* Error messages */
.mt-10 [data-flux-error] {
    color: #ff6b6b; /* red error text */
    font-weight: 500;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Responsive improvements for small screens */
@media (max-width: 640px) {
    .mt-10 {
        gap: 1rem;
    }
}




/* Card container */
div[data-flux-card] {
  background: linear-gradient(145deg, #0a0c1b, #121329);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

/* Card hover effect */
div[data-flux-card]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(130,129,236,0.4);
  background: linear-gradient(145deg, #0d0f23, #191a3b);
}

/* Heading */
div[data-flux-heading] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.25rem;
}






/* Hide the green icon container */
div.p-3.bg-green-100.rounded-full {
    display: none !important;
}












/* Hide the table header entirely */
div.space-y-12 > div > div > table thead {
  display: none !important;
}

/* Hide the Tickets column (3rd column) */
div.space-y-12 > div > div > table colgroup col:nth-child(3),
div.space-y-12 > div > div > table td:nth-child(3),
div.space-y-12 > div > div > table th:nth-child(3) {
  display: none !important;
}

/* Make rows look like luxury cards */
div.space-y-12 > div > div > table tbody tr {
  background: #0a0c1b; /* dark card background */
  border-radius: 1rem;
  display: table-row;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  animation: pulseGlow 8s ease-in-out infinite; /* subtle pulse glow */
}

/* Hover effect: soft lift + gradient glow */
div.space-y-12 > div > div > table tbody tr:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(130, 129, 236, 0.4);
  background: linear-gradient(90deg, rgba(18,18,35,0.9) 0%, rgba(44,31,63,0.9) 100%);
}

/* Cells padding & typography */
div.space-y-12 > div > div > table tbody td {
  padding: 16px 12px;
  vertical-align: middle;
  color: #e0e0f0;
  font-size: 0.95rem;
  font-weight: 500;
  border: none;
}

/* Order ID styling */
div.space-y-12 > div > div > table tbody td .truncate {
  font-weight: 600;
  color: #ffffff;
}

/* Status badge */
div.space-y-12 > div > div > table tbody td .flex-none {
  background: rgba(130, 129, 236, 0.1);
  color: #8281ec;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border-radius: 50%;
}

/* Time text */
div.space-y-12 > div > div > table tbody td time {
  color: #c0c0d0;
  font-size: 0.85rem;
}

/* View link styling */
div.space-y-12 > div > div > table tbody td a {
  color: #ffffff;
  font-family: monospace;
  transition: color 0.3s ease;
}
div.space-y-12 > div > div > table tbody td a:hover {
  color: #8281ec;
}

/* Pulse glow animation for luxury feel */
@keyframes pulseGlow {
  0% { box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
  50% { box-shadow: 0 4px 12px rgba(130,129,236,0.3); }
  100% { box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
}










/* ===============================
   CLEAN PREMIUM PROGRESS BAR (Ryan fix this please)
   =============================== */

/* Remove outer container styling */
#home-progress {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}


span.font-bold.absolute.bg-primary-500.text-primary-theme {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.45);
    letter-spacing: 0.05em;
}
/* Container */
.flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 {
    background: linear-gradient(145deg, #1f1f2a, #2a2a3b);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
    padding: 0.5rem;
    border-radius: 1rem;
    gap: 1.25rem;
}

/* Buttons */
.flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button {
    flex: 1;
    padding: 0.6rem 1rem;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    transition: all 0.25s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    backdrop-filter: blur(6px);
}

/* Active / selected button */
.flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button[aria-pressed="true"],
.flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button.active {
    background: linear-gradient(135deg, #5c4bff, #8f7eff);
    color: #ffffff;
    border: 1px solid #7f6aff;
    box-shadow: 0 4px 12px rgba(95, 79, 255, 0.6);
    transform: translateY(-2px);
}

/* Hover state */
.flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button:hover {
    background: linear-gradient(135deg, #7f6aff, #bfbaff);
    color: #ffffff;
    border: 1px solid #bfbaff;
    box-shadow: 0 6px 14px rgba(127, 106, 255, 0.7);
    transform: translateY(-2px);
}

/* Non-active button */
.flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button:not([aria-pressed="true"]):not(.active) {
    background: #1f1f2a;
    color: #bfbaff;
    border: 1px solid #3a3a4f;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.sm\:col-span-2 > h2.font-bold.text-sm.md\:text-base.text-gray-50 {
    display: none !important;
}


span.text-gray-50.text-sm {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}



/* ================================
   Checkout Header Row (Scoped)
   ================================ */

.mx-auto.max-w-lg.flex.justify-between.mb-8 {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Checkout title */
.mx-auto.max-w-lg.flex.justify-between.mb-8 h1 {
  font-weight: 500;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

/* ================================
   Discount Code Button (Pill)
   ================================ */

.mx-auto.max-w-lg.flex.justify-between.mb-8 button[type="button"] {
  background:
    linear-gradient(
      135deg,
      rgba(59,130,246,0.14),
      rgba(236,72,153,0.12)
    ),
    #020617;

  border: 1px solid rgba(255,255,255,0.10);
  color: #c7d2fe;

  padding: 0.35rem 0.8rem;
  border-radius: 9999px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 6px 18px rgba(0,0,0,0.45);

  transition:
    background 0.6s ease,
    box-shadow 0.6s ease,
    transform 0.4s ease;
}

.mx-auto.max-w-lg.flex.justify-between.mb-8{
  justify-content: center;
}

.mx-auto.max-w-lg.flex.justify-between.mb-8 button[type="button"]{
  margin: 0 auto;
  display:block;
}

.mx-auto.max-w-lg.flex.justify-between.mb-8 button[type="button"]:hover {
  background:
    linear-gradient(
      135deg,
      rgba(59,130,246,0.20),
      rgba(236,72,153,0.16)
    ),
    #020617;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 10px 30px rgba(59,130,246,0.18),
    0 18px 50px rgba(236,72,153,0.14);

  transform: translateY(-1px);
}

/* =========================
   FIX DROPDOWN POSITION (CENTER IT)
========================= */
.z-50.absolute.inset-x-0{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin-right:0 !important;
}

/* =========================
   CENTER CONTENT INSIDE
========================= */
.z-50 form{
  text-align:center;
}

.z-50 label{
  display:block;
  text-align:center;
}

.z-50 .relative{
  margin-left:auto;
  margin-right:auto;
}

/* =========================
   CENTER INPUT + ICON CLEANLY
========================= */
.z-50 input{
  text-align:center;
  padding-left:2.2rem !important;
}

/* =========================
   CENTER SUBMIT BUTTON
========================= */
.z-50 .flex.justify-end{
  justify-content:center !important;
}

.z-50 button[type="submit"]{
  margin:0 auto !important;
  display:block;
  padding:6px 16px;
  border-radius:999px;

  background:linear-gradient(135deg,#8b5cff,#35b8ff);
  color:#fff;

  box-shadow:
    0 10px 24px rgba(53,184,255,.18),
    0 0 20px rgba(139,92,255,.18);

  transition:all .25s ease;
}

.z-50 button[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:
    0 14px 30px rgba(53,184,255,.25),
    0 0 30px rgba(139,92,255,.25);
}

/* =========================
   OPTIONAL: SMOOTHER DROPDOWN FEEL
========================= */
.z-50{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* ================================
   Discount Result Message
   ================================ */

.mx-auto.max-w-lg.flex.justify-between.mb-8 .error-message {
  letter-spacing: 0.02em;
}


/* Premium accordion border */
[x-data][role="region"].rounded.bg-transparent.border {
  border: 2px solid transparent; /* base for gradient border */
  border-radius: 12px;           /* maintain rounded corners */
  background-image: linear-gradient(#020617, #020617), 
                    linear-gradient(135deg, #3b82f6, #ec4899);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 8px 24px rgba(236,72,153,0.15), 
              0 4px 12px rgba(59,130,246,0.2); /* subtle glow */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Hover / focus highlight */
[x-data][role="region"].rounded.bg-transparent.border:hover {
  box-shadow: 0 12px 32px rgba(236,72,153,0.25),
              0 6px 16px rgba(59,130,246,0.3);
  transform: translateY(-1px);
}

/* Optional: smooth collapse animation */
[x-data][role="region"] [x-show] {
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

/* Remove background & border from cashback element */
.border-primary-500.border.p-4.rounded-md.flex.gap-2.mt-5.justify-center {
  background: none !important;   /* removes any gradient/background */
  border: none !important;       /* removes border */
  box-shadow: none !important;   /* optional: remove shadow if present */
  padding: 0;                    /* optional: remove extra padding if desired */
  border-radius: 0;              /* optional: remove rounded corners */
}






/* Main card container */
.mx-2.sm\:mx-0.border-b.border-t.border-gray-200.bg-gray-50.shadow-sm.sm\:rounded-lg.sm\:border.rounded-xl {
    background: linear-gradient(145deg, #1f1a40, #3b2c70); /* Dark purple gradient */
    border: 1px solid #7f5af0; /* Soft purple border */
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    color: #ffffff;
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Inner padding container */
.mx-2.sm\:mx-0 .px-1.py-6.md\:p-8.min-h-\[152px\].sm\:min-h-\[216px\] {
    padding: 2rem;
}

/* Product image */
.mr-5.mb-3.aspect-h-1.aspect-w-1.flex-shrink-0.overflow-hidden.rounded-lg {
    border-radius: 1rem;
    border: 2px solid #7f5af0;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* Product title and price */
.flex.justify-between > h3.text-xl.font-display,
.flex.justify-between > p.text-xl.font-display {
    color: #ffffff;
    font-weight: 700;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

/* Tickets & quantity section */
.flex.justify-between.flex-wrap.my-2 h3,
.flex.justify-between.flex-wrap.my-2 p {
    color: #e0d9ff;
    font-weight: 600;
}

/* Promotion text */
.text-sm.text-green-500,
.text-sm.text-green-500.mb-2 {
    color: #c0a0ff; /* soft purple-greenish text */
    font-weight: 600;
}

/* Tickets numbers */
span.mr-1.px-1.mb-1.text-gray-950.bg-gray-50.border.border-gray-400.text-sm.font-mono {
    display: inline-block;
    margin: 0.2rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.6rem;
    font-weight: 700;
    font-family: monospace;
    background: linear-gradient(135deg, #7f5af0, #b18aff);
    color: #fff;
    border: 1px solid #b18aff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Tickets hover animation */
span.mr-1.px-1.mb-1.text-gray-950.bg-gray-50.border.border-gray-400.text-sm.font-mono:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 15px rgba(0,0,0,0.35);
}

/* Spin button */
button.inline-flex.items-center.px-4.py-2.bg-primary-500.border.border-transparent.rounded-md.font-semibold.text-xs {
    background: linear-gradient(135deg, #7f5af0, #b18aff);
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

button.inline-flex.items-center.px-4.py-2.bg-primary-500.border.border-transparent.rounded-md.font-semibold.text-xs:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.35);
}

/* Remaining spins */
p.text-sm.border-green-500.text-green-500.border.px-1\.5.py-1.rounded-md.bg-green-950 {
    background: #2a1f4d;
    color: #e0d9ff;
    border-color: #7f5af0;
}

/* Prize result popup */
div[x-show="prizeResultVisible"] {
    background: rgba(63, 0, 255, 0.9);
    border: 2px solid #b18aff;
    backdrop-filter: blur(10px);
    border-radius: 1rem;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.35);
}

/* Wheel overlay image */
img.absolute.inset-0.pointer-events-none {
    filter: drop-shadow(0 0 10px rgba(127, 90, 240, 0.6));
}

/* Scrollable winning tickets */
div.space-y-2.max-h-36.md\:max-h-56.scrollbar.overflow-y-auto {
    background: rgba(50, 20, 100, 0.6);
    padding: 0.5rem;
    border-radius: 0.75rem;
}






/* Container */
.space-y-2.px-4.sm\:flex.sm\:items-baseline.sm\:justify-between.sm\:space-y-0.sm\:px-0 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1rem;
    background: linear-gradient(135deg, #2c1f5c, #5a3dd9); /* dark purple gradient */
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    color: #fff;
    transition: all 0.3s ease;
}

@media (min-width: 640px) {
    .space-y-2.px-4.sm\:flex.sm\:items-baseline.sm\:justify-between.sm\:space-y-0.sm\:px-0 {
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between;
        gap: 0;
    }
}

/* Order number */
h2.text-2xl.font-bold.font-mono.tracking-tight.text-gray-50.sm\:text-3xl {
    font-family: "Courier New", monospace;
    font-size: 1.75rem;
    font-weight: 700;
    color: #e0d9ff;
    background: linear-gradient(90deg, #7f5af0, #b18aff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
    transition: transform 0.2s ease, text-shadow 0.2s ease;
}

h2.text-2xl.font-bold.font-mono.tracking-tight.text-gray-50.sm\:text-3xl:hover {
    transform: translateY(-2px);
    text-shadow: 0 4px 12px rgba(127,90,240,0.7);
}

/* Order date */
p.text-sm.text-gray-100 {
    font-size: 0.875rem;
    color: #d0c4ff;
}

p.text-sm.text-gray-100 time {
    font-weight: 600;
    color: #b18aff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* Optional: subtle hover for the whole container */
.space-y-2.px-4.sm\:flex.sm\:items-baseline.sm\:justify-between.sm\:space-y-0.sm\:px-0:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.35);
}


/* Target only the Order Successful h1 */
h1.text-4xl.font-bold.tracking-tight.text-center.sm\:text-3xl.mb-10.rounded-xl.bg-primary-500.inline-block.px-5.py-2.bg-progress.text-primary-theme {
    background: linear-gradient(135deg, #5a3dd9, #8e6aff); /* premium purple gradient */
    color: #fff;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 1rem 2rem;
    border-radius: 1.5rem;
    text-align: center;
    display: inline-block;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Optional shimmering highlight effect */
h1.text-4xl.font-bold.tracking-tight.text-center.sm\:text-3xl.mb-10.rounded-xl.bg-primary-500.inline-block.px-5.py-2.bg-progress.text-primary-theme::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0.3));
    transform: skewX(-25deg);
    transition: all 0.5s ease;
}

/* Animate shimmer on hover */
h1.text-4xl.font-bold.tracking-tight.text-center.sm\:text-3xl.mb-10.rounded-xl.bg-primary-500.inline-block.px-5.py-2.bg-progress.text-primary-theme:hover::before {
    left: 125%;
    transition: all 0.8s ease-in-out;
}

/* Responsive tweak for smaller screens */
@media (max-width: 640px) {
    h1.text-4xl.font-bold.tracking-tight.text-center.sm\:text-3xl.mb-10.rounded-xl.bg-primary-500.inline-block.px-5.py-2.bg-progress.text-primary-theme {
        font-size: 2rem;
        padding: 0.75rem 1.5rem;
    }
}




/* Container styling for premium look */
.bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl {
    background: #1a1a2e; /* dark premium background */
    padding: 0.5rem 0.75rem;
    border-radius: 1rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0.5rem;
    align-items: center;
}

/* Percentage label on the left */
.bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl p.text-gray-50.text-center.font-display.text-sm {
    color: #f0efff; /* soft white for premium feel */
    font-weight: 600;
    font-size: 0.875rem;
}

/* Progress bar container */
.bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .col-span-10 .h-6.w-full.bg-gray-200.rounded-lg {
    background: #2e2b5f; /* subtle dark purple */
    border-radius: 1rem;
    height: 1.5rem;
    overflow: hidden;
    position: relative;
}

/* Progress bar itself */
.bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .col-span-10 .h-6.rounded-lg.bg-primary-500.barbershop-animation {
    background: linear-gradient(90deg, #5a3dd9, #8e6aff); /* purple gradient */
    height: 100%;
    border-radius: 1rem;
    transition: width 1s ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    position: relative;
}

/* Smooth animated shimmer effect on progress bar */
.barbershop-animation::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: skewX(-20deg);
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% { left: -50%; }
    100% { left: 150%; }
}

/* Text overlay on progress bar */
#obsidian-progress {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: right;
    padding-right: 0.5rem;
    font-weight: 700;
    font-size: 0.75rem;
    color: #f0efff; /* soft white for contrast */
}

/* Responsive tweak for small screens */
@media (max-width: 640px) {
    .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl {
        padding: 0.5rem;
    }
    #obsidian-progress {
        font-size: 0.7rem;
    }
}

.text-primary-600 {
    color: #ffffff;
}

.inline.py-1.font-display.px-5.mb-5.border-2.border-primary-400.rounded.text-primary-theme {
    color: #ffffff !important;
}

/* Make all text white (slightly off-white) */
div.ml-3 > p.text-sm.font-medium.text-primary-800 {
    color: #f5f5f5 !important; /* softer white */
}

/* Ticket number with ice-white shimmer */
div.ml-3 > p.text-sm.font-medium.text-primary-800 > strong {
    color: #f5f5f5; /* base soft white */
    background: linear-gradient(90deg, #f5f5f5 40%, #ffffff 50%, #e0f7ff 60%, #f5f5f5 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    background-size: 200% 100%; /* gradient wider than text */
    animation: iceShimmer 2.5s ease-in-out infinite;
}

/* Sliding shimmer animation */
@keyframes iceShimmer {
    0% { background-position: -200% 0%; }
    100% { background-position: 200% 0%; }
}


/* Target the SVG inside the alert */
div.flex > div.flex-shrink-0 > svg {
    display: none;
}


/* Progress bar fill color */
#home-progress .bg-primary-500 {
    background: linear-gradient(90deg, #8181ec, #4f3ff7); /* your new gradient color */
}

/* Sold percentage text in white */
#home-progress p {
    color: #ffffff !important;  /* white text */
}






/* Add a clock emoji before the date badge */
span.font-bold.absolute.bg-primary-500::before {
    content: "⏰ "; /* clock emoji with a space */
    margin-right: 0.25rem; /* small spacing before the text */
    display: inline-block;
}


/* Container */
[x-show="!terms"] {
    background-color: #1f1f2e; /* dark, modern background */
    border-radius: 1rem;
    border: 2px solid #2c2c3e;
    padding: 2rem 1.5rem;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
}

/* Section heading */
[x-show="!terms"] h2.font-bold.text-sm {
    color: #f8f8f8;
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 1rem;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.2);
}

/* Ticket labels */
[x-show="!terms"] label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #44445e;
    background-color: #2c2c3e;
    color: #f8f8f8;
    text-align: center;
}

/* Active ticket */
[x-show="!terms"] label[data-active="true"],
[x-show="!terms"] label:has(input:checked) {
    background: linear-gradient(135deg, #4f46e5, #9333ea); /* purple gradient */
    border-color: #fff;
    color: #fff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

/* Hover effect for ticket */
[x-show="!terms"] label:hover {
    background: linear-gradient(135deg, #6366f1, #a855f7);
    color: #fff;
    transform: translateY(-2px);
}

/* Ticket total */
[x-show="!terms"] p[x-text] {
    text-align: center;
    color: #e0e0e0;
    font-size: 1rem;
    margin-top: 0.75rem;
}

/* Odds badge */
[x-show="!terms"] span.min-w-52 {
    background: linear-gradient(135deg, #4f46e5, #9333ea);
    color: #fff;
    font-weight: bold;
    border-radius: 1rem;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}

/* Range slider container */
[x-show="!terms"] #slider-round {
    background-color: #2c2c3e;
    border-radius: 1rem;
    height: 14px !important;
    margin-top: 1rem;
}

/* Slider handle */
[x-show="!terms"] .noUi-handle {
    background: linear-gradient(135deg, #4f46e5, #9333ea);
    border: 2px solid #fff;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
    width: 22px !important;
    height: 22px !important;
}

/* Minus/Plus buttons */
[x-show="!terms"] button {
    background: #2c2c3e;
    border: 2px solid #44445e;
    color: #f8f8f8;
    font-weight: 600;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
}
[x-show="!terms"] button:hover {
    background: linear-gradient(135deg, #4f46e5, #9333ea);
    color: #fff;
    transform: translateY(-1px);
}

/* Add to basket button */
[x-show="!terms"] button[type="submit"] {
    background: linear-gradient(135deg, #4f46e5, #9333ea);
    color: #fff;
    font-weight: bold;
    border-radius: 1rem;
    padding: 0.75rem 1.5rem;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}
[x-show="!terms"] button[type="submit"]:hover {
    background: linear-gradient(135deg, #6366f1, #a855f7);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
}





/* Container */
.bg-gray-800.border-l-4.border-primary-500.p-2.sm\:p-3.mb-4 {
    background: #1a1a2e; /* dark premium background */
    border-left-width: 4px;
    border-left-color: #7f6aff; /* your purple accent */
    border-radius: 1rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover effect for premium feel */
.bg-gray-800.border-l-4.border-primary-500.p-2.sm\:p-3.mb-4:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

/* Icon */
.bg-gray-800.border-l-4.border-primary-500.p-2.sm\:p-3.mb-4 svg {
    color: #8e6aff; /* bright purple accent */
    width: 1.25rem; 
    height: 1.25rem;
}

/* Text container */
.bg-gray-800.border-l-4.border-primary-500.p-2.sm\:p-3.mb-4 div > div {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: #f0efff; /* soft white for contrast */
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* Responsive tweaks */
@media (min-width: 640px) {
    .bg-gray-800.border-l-4.border-primary-500.p-2.sm\:p-3.mb-4 div > div {
        font-size: 1rem;
    }
}






/* Premium Game Type Badge */
.bg-gray-800.border.border-primary-500.text-primary-500.px-2.sm\:px-3.py-1.rounded-lg.text-xs.font-bold.uppercase.font-mono {
    background: linear-gradient(145deg, #1b1b2f 0%, #252540 100%); /* darker, premium gradient */
    border: 1px solid #8a7dff; /* subtle elegant purple */
    color: #cfcfff; /* soft light purple text */
    padding: 0.35rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 700;
    font-family: 'Fira Mono', monospace;
    text-transform: uppercase;
    border-radius: 0.75rem;
    box-shadow: inset 0 -1px 2px rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.35);
    letter-spacing: 0.5px;
    display: inline-block;
    transition: transform 0.2s ease, box-shadow 0.25s ease, background 0.3s ease, color 0.2s ease;
}

/* Hover / emphasis effect */
.bg-gray-800.border.border-primary-500.text-primary-500.px-2.sm\:px-3.py-1.rounded-lg.text-xs.font-bold.uppercase.font-mono:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: inset 0 -1px 2px rgba(0,0,0,0.4), 0 6px 14px rgba(0,0,0,0.5);
    background: linear-gradient(145deg, #4f3fff 0%, #8c7dff 100%); /* brighter and more premium purple */
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* subtle text depth */
}








/* Instant win card */
.border-2.border-primary-500.rounded-l.rounded-r-xl {
    background: radial-gradient(
        120% 120% at top left,
        #1e293b 0%,
        #020617 55%,
        #020617 100%
    );
    border: 2px solid transparent !important;
    border-radius: 1rem !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.06),
        0 10px 30px rgba(0,0,0,.6);
}

/* Gradient border */
.border-2.border-primary-500.rounded-l.rounded-r-xl::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 1rem;
    background: linear-gradient(135deg, #6366f1, #8181ec, #6366f1);
    background-size: 200% 200%;
    animation: cardBorderFlow 6s linear infinite;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

@keyframes cardBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}





/* Container */
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 > .bg-gray-900 {
    background: linear-gradient(145deg, #0a0f23, #1e293b);
    border: 2px solid #6366f1;
    box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 30px rgba(129,129,236,0.4) inset;
    border-radius: 2rem;
    padding: 4rem 3rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    animation: floatCard 4s ease-in-out infinite alternate;
}

/* Icon container */
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 .bg-primary-500 {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, #8181ec, #6366f1, #a78bfa);
    box-shadow: 0 0 20px rgba(129,129,236,0.6), 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
}

/* Icon SVG glow & shine */
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 .bg-primary-500 svg {
    width: 2rem;
    height: 2rem;
    color: #fff;
    filter: drop-shadow(0 0 8px #8181ec);
    animation: iconShimmer 3s linear infinite;
}

/* Heading */
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 h2 {
    font-size: 2.5rem;
    color: #f0f0ff;
    margin-bottom: 1.5rem;
    background: linear-gradient(90deg, #8181ec, #6366f1, #a78bfa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textGradient 6s linear infinite;
}

/* Paragraph */
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 p {
    font-size: 1.125rem;
    color: #e0e0ff;
    line-height: 1.75rem;
}

/* CTA Button */
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 a.inline-block {
    background: linear-gradient(135deg, #8181ec, #6366f1, #a78bfa);
    color: #fff;
    font-weight: 700;
    border-radius: 1.5rem;
    padding: 1.25rem 3rem;
    display:none
    box-shadow: 0 10px 20px rgba(129,129,236,0.4), 0 0 15px rgba(129,129,236,0.3) inset;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 a.inline-block:hover {
    transform: scale(1.08);
    box-shadow: 0 15px 30px rgba(129,129,236,0.6), 0 0 20px rgba(129,129,236,0.5) inset;
}

/* Footer link */
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 .mt-8 a {
    color: #a0a0ff;
    transition: color 0.3s;
}
.mx-auto.max-w-4xl.px-4.sm\:px-6.lg\:px-8 .mt-8 a:hover {
    color: #8181ec;
}

/* Animations */
@keyframes floatCard {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes iconShimmer {
    0%, 100% { filter: drop-shadow(0 0 8px #8181ec); }
    50% { filter: drop-shadow(0 0 16px #a78bfa); }
}

@keyframes textGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


      
/* ===============================
   INFO / NOTICE BOX (GRADIENT)
================================ */

.bg-primary-50 {
  background: linear-gradient(
    135deg,
    #8181ec,
    #6366f1
  ) !important;

  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 12px;

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.15),
    0 15px 40px rgba(99,102,241,0.45),
    inset 0 0 30px rgba(255,255,255,0.15);
}

/* Text contrast fix */
.bg-primary-50 p,
.bg-primary-50 strong {
  color: #ffffff !important;
}

/* Icon inside notice */
.bg-primary-50 svg {
  color: rgba(255,255,255,0.95) !important;
}

/* Close button inside notice */
.bg-primary-50 button {
  background: rgba(255,255,255,0.15) !important;
  border-radius: 8px;
}

.bg-primary-50 button:hover {
  background: rgba(255,255,255,0.25) !important;
}

/* ===============================
   TITLES / TEXT
================================ */

h1,
.font-display {
  color: #ffffff;
  text-shadow: 0 0 12px rgba(255,255,255,0.15);
}

.text-gray-50 {
  color: rgba(255,255,255,0.9) !important;
}

.text-gray-400,
.text-gray-500 {
  color: rgba(255,255,255,0.6) !important;
}

p.text-gray-50.text-center.font-display.text-sm {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* ===============================
   PROGRESS BAR
================================ */

.bg-gray-200 {
  background: rgba(255,255,255,0.12) !important;
}

.bg-primary-500 {
  background: linear-gradient(
    90deg,
    #a5b4fc,
    #6366f1
  ) !important;
  box-shadow: 0 0 25px rgba(99,102,241,0.6);
}

/* ===============================
   TICKET BUNDLES
================================ */

label.border {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.1) !important;
  transition: all 0.2s ease;
}

label.border:hover {
  background: rgba(255,255,255,0.1) !important;
  transform: translateY(-1px);
}

/* active bundle */
label.border[class*="border-primary"] {
  box-shadow: 0 0 25px rgba(99,102,241,0.6);
}

/* ===============================
   ODDS PILL
================================ */

span[x-text*="Odds"] {
  background: #ffffff !important;
  color: #000 !important;
  box-shadow: 0 0 30px rgba(255,255,255,0.45);
}

/* ===============================
   RANGE SLIDER
================================ */

.noUi-target {
  background: rgba(255,255,255,0.1);
  border-radius: 999px;
}

.noUi-connect {
  background: linear-gradient(90deg, #8181ec, #6366f1);
}

.noUi-handle {
  background: #fff;
  box-shadow: 0 0 25px rgba(255,255,255,0.6);
  border: none;
}

/* ===============================
   BUTTONS
================================ */

button,
[type="submit"] {
  border-radius: 14px;
}

[type="submit"] {
  background: linear-gradient(
    135deg,
    #8181ec,
    #6366f1
  ) !important;
  box-shadow: 0 0 40px rgba(99,102,241,0.5);
}

[type="submit"]:hover {
  transform: scale(1.01);
}

/* ===============================
   MODAL
================================ */

[role="dialog"] > div {
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.05),
    rgba(255,255,255,0.02)
  ) !important;
  border: 1px solid rgba(255,255,255,0.1);
}







/* Optional: subtle glow effect for headings */
[x-show="!terms"] h2.font-bold.text-sm {
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.2);
}




/* Shiny white badge */
span.font-bold.absolute.bg-primary-500 {
    background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 50%, #ffffff 100%);
    color: #000 !important; /* black text for contrast */
    border: 1px solid #ffffff; /* subtle white border */
    box-shadow: 0 2px 6px rgba(255, 255, 255, 0.4); /* gentle glow */
    text-shadow: 0 0 1px rgba(255,255,255,0.6); /* subtle shimmer on text */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Target the Enter button */
a.block.w-full.rounded-b-xl.bg-primary-500 {
    color: #ffffff !important; /* make text white */
    font-weight: bold;
    text-shadow: 0 0 2px rgba(255,255,255,0.6); /* subtle shine on text */
}

/* Optional hover effect: slightly brighter text */
a.block.w-full.rounded-b-xl.bg-primary-500:hover {
    color: #ffffff !important; 
    text-shadow: 0 0 4px rgba(255,255,255,0.8);
}



/* Blue to purple gradient button */
a.block.w-full.rounded-b-xl.bg-primary-500 {
    background: linear-gradient(90deg, #4f46e5, #8b5cf6); /* blue to purple */
    color: #ffffff; /* ensure text is visible */
    font-weight: bold;
    transition: background 0.3s ease, transform 0.2s ease;
}

/* Hover effect: slightly shift gradient or darken */
a.block.w-full.rounded-b-xl.bg-primary-500:hover {
    background: linear-gradient(90deg, #4338ca, #7c3aed); /* darker gradient on hover */
    transform: translateY(-1px);
}

/* Optional: focus ring styling */
a.block.w-full.rounded-b-xl.bg-primary-500:focus-visible {
    outline: 2px solid #a78bfa; /* purple-ish focus ring */
    outline-offset: 2px;
}


.bg-gray-950 {
  background: linear-gradient(
    270deg,
    #020617,  /* base very dark */
    #0a0f2a,  /* slightly lighter dark blue */
    #050921,  /* subtle dark variation */
    #020617   /* back to base */
  );
  background-size: 800% 800%;  /* large for smooth animation */
  animation: gradientShift 25s ease infinite; /* slow subtle movement */
}


/* Shimmer text only, exclude emojis */
.w-full.bg-primary-500.text-center ul.marquee li p {
  font-weight: 200;
  /* fallback color */
  color: #ffffff;
}



    
.bg-primary-600 {
    background: linear-gradient(to right, #007bff, #800080); /* Blue to Purple */
  color: #ffffff !important;
}
/* Normal State */
.absolute.top-2.left-2.bg-primary-500.text-primary-theme.px-2.sm\:px-3.py-1.rounded-full.text-xs.font-semibold {
    background: linear-gradient(to right, #007bff, #800080); /* Blue to Purple */
    color: #ffffff !important; /* Dark brown text for contrast */
    display: none;
}

.relative.rounded-xl.flex.flex-col.bg-gray-900.h-full.overflow-hidden.shadow-lg.group-hover:shadow-xl.transition-all.duration-300 {
  border: 1px solid white;
  border-radius: inherit;
  padding-right: calc(1px + 0.5rem);
  padding-left: calc(1px + 0.5rem);
  box-sizing: border-box;
}

.mt-5.p-1.rounded-xl.hidden > button.mt-8.flex.w-full.items-center.justify-center.rounded-md.border.border-transparent.bg-primary-600.px-8.py-3.text-base.font-medium.text-primary-theme.hover:bg-primary-700.focus:outline-none.focus:ring-2.focus:ring-primary-500.focus:ring-offset-2 {
    background-color: linear-gradient(to right, #007bff, #800080);
}
/* Hover State (Optional - if you want a hover effect) */
.absolute.top-2.left-2.bg-primary-500.text-primary-theme.px-2.sm\:px-3.py-1.rounded-full.text-xs.font-semibold:hover {
    background: linear-gradient(to right, #007bff, #800080); /* Blue to Purple */
    color: #ffffff !important; /* Black text for maximum contrast on hover */
  display: none;
}


/* Normal State */
.block.w-full.bg-primary-500.text-primary-theme.text-center.py-2.sm\:py-3.rounded-lg.font-semibold.text-sm.sm\:text-lg.transition-colors.duration-200 {
    background: linear-gradient(to right, #007bff, #800080); /* Blue to Purple */
    color: #ffffff !important; /* Dark brown text for contrast */
}

/* Hover State */
.block.w-full.bg-primary-500.hover\:bg-primary-600.text-primary-theme.text-center.py-2.sm\:py-3.rounded-lg.font-semibold.text-sm.sm\:text-lg.transition-colors.duration-200:hover {
    background: linear-gradient(to right, #007bff, #800080); /* Blue to Purple */
    color: #ffffff !important; /* Black text for maximum contrast on hover */
}

}
/* Strong glimmer/shiny white text */
.text-primary-500 {
  background: linear-gradient(
    90deg,
    #ffffff 30%,   /* base white */
    #eeeeee 45%,   /* bright glint */
    #ffffff 55%,   /* base white */
    #ffffff 100%
  );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  /* Faster, obvious shimmer */
  animation: whiteShimmer 1.8s ease-in-out infinite;
}

/* Keyframes for sliding glint */
@keyframes whiteShimmer {
  0% { background-position: -200% 0; }
  50% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@-webkit-keyframes whiteShimmer {
  0% { background-position: -200% 0; }
  50% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.text-primary-theme {
    color: #000000;
}

.font-bold {
    font-weight: 600;
}

  svg.size-5 {
    width: 0rem;
    height: 0rem;
  }

.card {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 25px;
  gap: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
  margin: 0 auto; /* Center the card horizontally */
}

/* for all social containers*/
.socialContainer {
  width: 52px;
  height: 52px;
  background-color: rgb(44, 44, 44);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: .3s;
}

/* instagram*/
.containerOne:hover {
  background-color: #d62976;
  transition-duration: .3s;
}

/* twitter*/
.containerTwo:hover {
  background-color: #00acee;
  transition-duration: .3s;
}

/* linkdin*/
.containerThree:hover {
  background-color: #0072b1;
  transition-duration: .3s;
}

/* Whatsapp*/
.containerFour:hover {
  background-color: #128C7E;
  transition-duration: .3s;
}

.socialContainer:active {
  transform: scale(0.9);
  transition-duration: .3s;
}

.socialSvg {
  width: 17px;
}

.socialSvg path {
  fill: rgb(255, 255, 255);
}

.socialContainer:hover .socialSvg {
  animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Competition card styling with subtle base border + shiny animated border */
.relative.rounded-xl.flex.flex-col.bg-gray-900 {
    position: relative;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2); /* subtle base border */
    overflow: hidden;
    transition: transform 0.3s ease, border-color 1.5s ease;
    background-color: #1f1f2e; /* slightly dark background for contrast */
}

/* Animate border shine with keyframes */
.relative.rounded-xl.flex.flex-col.bg-gray-900::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 1rem;
    padding: 2px; /* thickness of animated border */
    background: linear-gradient(
        270deg,
        rgba(255,255,255,0.2),
        rgba(255,255,255,0.8),
        rgba(255,255,255,0.2)
    );
    background-size: 200% 200%;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
    animation: borderShine 3s linear infinite;
}

/* Border shimmer animation */
@keyframes borderShine {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Card hover effect: subtle lift */
.relative.rounded-xl.flex.flex-col.bg-gray-900:hover {
    transform: translateY(-2px);
}

/* Competition text glow (header only) */
.grid.grid-cols-2 h2.text-gray-50 {
    color: #f8f8f8; /* off-white text */
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 5px #FFD700, 0 0 10px #FFD700, 0 0 20px #FFD700;
    animation: glow-halo 4s infinite alternate;
}

/* Smooth glowing halo: gold -> red -> blue */
@keyframes glow-halo {
    0% {
        text-shadow: 0 0 5px #FFD700, 0 0 10px #FFD700, 0 0 20px #FFD700;
    }
    33% {
        text-shadow: 0 0 5px #FF4500, 0 0 10px #FF4500, 0 0 20px #FF4500;
    }
    66% {
        text-shadow: 0 0 5px #1E90FF, 0 0 10px #1E90FF, 0 0 20px #1E90FF;
    }
    100% {
        text-shadow: 0 0 5px #FFD700, 0 0 10px #FFD700, 0 0 20px #FFD700;
    }
}

/* Paragraph styling */
.grid.grid-cols-2 h2.text-gray-50 + p {
    color: #e0e0e0;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.4;
    margin-top: 0.5rem;
}








      .bg-primary-50 {
    background-color: #ffffff;
}

/* Target the specific SVG inside that notification */
.flex > .flex-shrink-0 svg {
    stroke: black !important; /* make lines black */
    fill: black !important;   /* fill any parts if needed */
}



/* Target the notification text */
.flex p.text-sm.font-medium.text-primary-800 {
    color: #000 !important; /* force text to black */
}

/* Optional: make the number bold stand out */
.flex p.text-sm.font-medium.text-primary-800 strong {
    font-weight: 700;
    color: #000; /* ensure strong text is also black */
}






/* Simplified competition card styling */
div:has(> h2.text-2xl.text-gray-50.font-display) {
    border-radius: 1rem;
    padding: 1.5rem 2rem;
    position: relative;
    overflow: hidden;
    text-align: center; /* center text */
    z-index: 0;
}

/* Header text styling */
div > h2.text-2xl.text-gray-50.font-display {
    color: #f8f8f8; /* off-white */
    font-weight: bold;
    font-size: 2rem;
    display: block;
    margin: 0 auto;
    text-shadow: none;
    position: relative;
    z-index: 1;
}

/* Paragraph styling */
div:has(> h2.text-2xl.text-gray-50.font-display) > p {
    color: #e0e0e0;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.4;
    margin-top: 0.5rem;
}


.backdrop-blur-lg {
    background: linear-gradient(135deg, #120a2bcc, #1c0536cc); /* dark purple gradient with opacity */
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 25px rgba(129,129,236,0.3);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.backdrop-blur-lg:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 60px rgba(0,0,0,0.7), 0 0 35px rgba(129,129,236,0.5);
}

/* Floating icon */
.backdrop-blur-lg .relative.mb-8 > div {
    background: linear-gradient(135deg, #8181ec, #5e3acc);
    box-shadow: 0 5px 25px rgba(129,129,236,0.5);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.backdrop-blur-lg .relative.mb-8 > div:hover {
    transform: rotate(0deg) scale(1.1);
    box-shadow: 0 10px 40px rgba(129,129,236,0.7), 0 0 20px rgba(255,255,255,0.2);
}

/* Title */
.backdrop-blur-lg h2 {
    color: #f3f3f3;
    font-size: 2rem;
    text-shadow: 0 0 8px rgba(129,129,236,0.6);
    margin-bottom: 1rem;
}

/* Paragraph */
.backdrop-blur-lg p {
    color: #d1d1d1;
    font-size: 1rem;
    line-height: 1.6;
}

/* Email input */
.backdrop-blur-lg input[type="email"] {
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(129,129,236,0.3);
    color: #f0f0f0;
    font-weight: 500;
    padding: 1rem 1.5rem;
    border-radius: 1.5rem;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

.backdrop-blur-lg input[type="email"]::placeholder {
    color: rgba(255,255,255,0.6);
}

.backdrop-blur-lg input[type="email"]:focus {
    border-color: #8181ec;
    box-shadow: 0 0 10px rgba(129,129,236,0.5);
    outline: none;
}

/* Submit button */
.backdrop-blur-lg button[type="submit"] {
    background: linear-gradient(135deg, #8181ec, #5e3acc);
    color: #f3f3f3;
    font-weight: 700;
    border-radius: 1.5rem;
    box-shadow: 0 8px 25px rgba(129,129,236,0.5);
    transition: all 0.3s ease;
}

.backdrop-blur-lg button[type="submit"]:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 40px rgba(129,129,236,0.7), 0 0 20px rgba(255,255,255,0.2);
}

/* Button icon spacing */
.backdrop-blur-lg button[type="submit"] svg {
    transition: transform 0.3s ease;
}

.backdrop-blur-lg button[type="submit"]:hover svg {
    transform: translateX(5px);
}

/* Footer perks */
.backdrop-blur-lg .flex.items-center.gap-6.mt-8 {
    color: #b5b5b5;
    font-size: 0.85rem;
}

.backdrop-blur-lg .flex.items-center.gap-6.mt-8 svg {
    color: #50fa7b;
    filter: drop-shadow(0 0 4px #50fa7b);
}
/* Circle pulse */
.animate-circleRise .w-20.h-20 {
    position: relative;
    width: 5rem;
    height: 5rem;
    font-size: 2.5rem;
    font-weight: 900;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #6366f1, #8181ec);
    box-shadow: 0 0 15px rgba(129,129,236,0.6), 0 10px 30px rgba(0,0,0,0.4);
    overflow: hidden; /* keep pseudo inside circle */
    animation: pulse 2s infinite alternate, circleRise 0.6s ease-out forwards;
}

/* Fire shimmer on number using pseudo-element */
.animate-circleRise .w-20.h-20::after {
    content: attr(data-number);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.5rem;
    font-weight: 900;
    background: linear-gradient(120deg, #ff6b6b, #ffb86c, #f5f5f5, #ff6b6b);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmerFire 2s linear infinite;
    pointer-events: none;
}

/* Glow pulse */
@keyframes pulse {
    0% { box-shadow: 0 0 15px rgba(129,129,236,0.6), 0 10px 30px rgba(0,0,0,0.4); }
    50% { box-shadow: 0 0 25px rgba(129,129,236,0.8), 0 15px 40px rgba(0,0,0,0.5); }
    100% { box-shadow: 0 0 15px rgba(129,129,236,0.6), 0 10px 30px rgba(0,0,0,0.4); }
}

/* Rise animation */
@keyframes circleRise {
    from { opacity: 0; transform: scale(0.9) translateY(20px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

/* Fire shimmer animation */
@keyframes shimmerFire {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

a[href="/results"] {
    display: none !important;
}

[role="dialog"] > div {
    background: transparent !important;
}


/* Remove border from Splide pagination arrows */
.splide__arrow--next,
.splide__arrow--prev {
    border-color: transparent !important;
    border-width: 0 !important;
}

/* Disabled state – still no border */
.splide__arrow--next:disabled,
.splide__arrow--prev:disabled {
    border-color: transparent !important;
    border-width: 0 !important;
}



/* === CARD BASE (no external glow) === */
.splide__slide__container > div {
    position: relative;
    border-radius: 1.1rem !important;
    overflow: hidden;

    background: linear-gradient(
        180deg,
        #020617 0%,
        #0b1026 100%
    );

    box-shadow:
        0 10px 30px rgba(2,6,23,0.9);

    transition:
        transform .35s ease;
}

/* === INTERNAL GLOW LAYER === */
.splide__slide__container > div::after {
    content: "";
    position: absolute;
    inset: -30%;
    border-radius: inherit;

    background: radial-gradient(
        circle at 50% 120%,
        rgba(129,129,236,0.35),
        transparent 65%
    );

    opacity: 0;
    transition: opacity .45s ease;
    pointer-events: none;
}

/* === HOVER EFFECT === */
.splide__slide:hover .splide__slide__container > div {
    transform: translateY(-6px);
}

.splide__slide:hover .splide__slide__container > div::after {
    opacity: 1;
}


/* === TAB NAVIGATION LAVENDER → PURPLE === */
[data-flux-navbar] button {
    position: relative;
    font-weight: 600;
    transition: all 0.3s ease;
    background: transparent; /* no background */
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    color: #c8a2ff; /* soft lavender default for inactive tabs */
}

/* Active / hover gradient text */
[data-flux-navbar] button:hover,
[data-flux-navbar] button[data-current] {
    background-image: linear-gradient(90deg, #c8a2ff, #9b5de5, #7b2cbf, #9b5de5, #c8a2ff);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: lavenderPurpleGlow 3s linear infinite;
}

/* Smooth gradient flow animation */
@keyframes lavenderPurpleGlow {
    0% { background-position: 0% 0; }
    50% { background-position: 100% 0; }
    100% { background-position: 0% 0; }
}

/* Rounded navbar container */
[data-flux-navbar] {
    gap: 0.5rem;
    padding: 0.5rem;
    backdrop-filter: blur(6px);
    background: rgba(20, 20, 30, 0.25); /* subtle dark transparent layer */
    border-radius: 1rem;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
}
[data-flux-navbar]::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* Optional: subtle glow behind active tab */
[data-flux-navbar] button[data-current]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 0.75rem;
    box-shadow: 0 0 15px 4px rgba(155, 93, 229, 0.5);
    z-index: -1;
}



/* Optional: shimmer animation for a subtle glow */
svg.size-6.md\:size-7.flex-shrink-0 {
    background-size: 200% 200%;
    animation: shimmerCart 3s linear infinite;
}

@keyframes shimmerCart {
    0% { background-position: -200% 0; }
    50% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}




/* Premium "Site Credit" badge */
.flex.items-center.border.rounded-xl.py-1.px-1\.5.gap-1.hover\:border-primary-500.group{
  position: relative;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(145deg, rgba(124,58,237,.18), rgba(2,6,23,.65)) !important;
  backdrop-filter: blur(10px);
  border-radius: 14px !important;
  padding: .38rem .55rem !important;
  gap: .45rem !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.40),
    inset 0 0 0 1px rgba(255,255,255,.04);
  transition: all .25s ease;
}

/* Soft glow accent */
.flex.items-center.border.rounded-xl.py-1.px-1\.5.gap-1.hover\:border-primary-500.group::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: radial-gradient(60% 90% at 20% 20%, rgba(124,58,237,.35), transparent 70%);
  opacity: .55;
  pointer-events:none;
  filter: blur(10px);
}

/* Icon clean + premium */
.flex.items-center.border.rounded-xl.py-1.px-1\.5.gap-1.hover\:border-primary-500.group img{
  width: 18px !important;
  height: 18px !important;
  filter: drop-shadow(0 6px 10px rgba(124,58,237,.35));
  transition: transform .25s ease, filter .25s ease;
}

/* Amount text = prestigious */
.flex.items-center.border.rounded-xl.py-1.px-1\.5.gap-1.hover\:border-primary-500.group p{
  color: #e9ddff !important;
  font-weight: 900 !important;
  font-size: .85rem !important;
  letter-spacing: .01em;
  text-shadow: 0 8px 20px rgba(124,58,237,.35);
}

/* Hover = stronger purple + lift */
.flex.items-center.border.rounded-xl.py-1.px-1\.5.gap-1.hover\:border-primary-500.group:hover{
  transform: translateY(-1px);
  border-color: rgba(124,58,237,.75) !important;
  box-shadow:
    0 16px 45px rgba(0,0,0,.55),
    0 0 0 1px rgba(124,58,237,.35),
    inset 0 0 0 1px rgba(255,255,255,.05);
}

.flex.items-center.border.rounded-xl.py-1.px-1\.5.gap-1.hover\:border-primary-500.group:hover img{
  transform: scale(1.06);
  filter: drop-shadow(0 10px 18px rgba(124,58,237,.55));
}

/* Remove ALL backgrounds/borders from this Billing Summary area */
section[aria-labelledby="summary-heading"],
section[aria-labelledby="summary-heading"] > div,
section[aria-labelledby="summary-heading"] dl,
section[aria-labelledby="summary-heading"] dt,
section[aria-labelledby="summary-heading"] dd{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Optional: keep it clean + premium spacing */
section[aria-labelledby="summary-heading"] > div{
  padding: 0 !important;
}

/* Make text readable on dark theme */
section[aria-labelledby="summary-heading"] dt{
  color: rgba(255,255,255,.85) !important;
  font-weight: 700 !important;
}

section[aria-labelledby="summary-heading"] dd,
section[aria-labelledby="summary-heading"] dd span{
  color: rgba(255,255,255,.65) !important;
}

/* Remove divider lines inside totals */
section[aria-labelledby="summary-heading"] .divide-y > * + *{
  border-top: 0 !important;
}


.relative.flex.flex-col.rounded-3xl {
  background: linear-gradient(
    145deg,
    #0b0f1e,
    #0f1228
  ) !important;
  border-radius: 1.75rem;
  padding: 0.6rem;
  box-shadow: 0 10px 40px rgba(124, 58, 237, 0.15),
    inset 0 0 0 1px rgba(255,255,255,0.06);
  transition: transform .35s ease, box-shadow .35s ease;
}

.relative.flex.flex-col.rounded-3xl:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 60px rgba(124, 58, 237, 0.25),
    inset 0 0 0 1px rgba(255,255,255,0.08);
}

.relative.flex.flex-col.rounded-3xl img {
  border-radius: 1.25rem;
  box-shadow: 0 8px 25px rgba(0,0,0,0.4);
  transition: transform .4s ease;
}

.relative.flex.flex-col.rounded-3xl:hover img {
  transform: scale(1.03);
}

.relative.flex.flex-col.rounded-3xl .text-xs {
  color: rgba(255,255,255,0.6) !important;
  letter-spacing: 0.04em;
}

.relative.flex.flex-col.rounded-3xl .font-medium a {
  color: white !important;
  font-weight: 700;
  line-height: 1.2;
  background: linear-gradient(
    90deg,
    #c4b5fd,
    #8b5cf6,
    #7c3aed
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 18px rgba(139, 92, 246, 0.35);
}

.relative.flex.flex-col.rounded-3xl a.w-24 {
  background: linear-gradient(
    135deg,
    #a78bfa,
    #7c3aed
  ) !important;
  color: white !important;
  border-radius: 0.75rem;
  box-shadow: 0 6px 18px rgba(124,58,237,0.45),
    inset 0 1px 0 rgba(255,255,255,0.25);
  transition: all .25s ease;
}

.relative.flex.flex-col.rounded-3xl a.w-24:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(124,58,237,0.6),
    inset 0 1px 0 rgba(255,255,255,0.35);
}

.relative.flex.flex-col.rounded-3xl::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    transparent 20%,
    rgba(255,255,255,0.06),
    transparent 80%
  );
  opacity: 0;
  transition: opacity .4s ease;
  pointer-events: none;
}

.relative.flex.flex-col.rounded-3xl:hover::after {
  opacity: 1;
}

.flex.flex-col.sm\:grid {
  margin-top: 0.25rem;
}

.relative.text-sm.text-gray-200 {
  position: relative;
}

.relative.text-sm.text-gray-200 svg {
  color: rgba(196, 181, 253, 0.7);
  transition: color 0.3s ease;
}

.relative.text-sm.text-gray-200 input {
  width: 100%;
  background: linear-gradient(
    135deg,
    rgba(15, 18, 40, 0.95),
    rgba(20, 16, 50, 0.95)
  ) !important;
  color: #ffffff;
  border-radius: 0.9rem;
  padding-left: 2.5rem;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08),
    0 6px 20px rgba(124,58,237,0.18);
  transition: box-shadow 0.3s ease,
    transform 0.25s ease,
    background 0.3s ease;
}

.relative.text-sm.text-gray-200 input::placeholder {
  color: rgba(196, 181, 253, 0.55);
  letter-spacing: 0.03em;
}

.relative.text-sm.text-gray-200 input:focus {
  outline: none;
  background: linear-gradient(
    135deg,
    rgba(20, 18, 60, 0.95),
    rgba(30, 20, 80, 0.95)
  ) !important;
  box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.6),
    0 12px 40px rgba(124, 58, 237, 0.45);
  transform: translateY(-1px);
}

.relative.text-sm.text-gray-200 input:focus + * svg,
.relative.text-sm.text-gray-200:focus-within svg {
  color: #c4b5fd;
  filter: drop-shadow(0 0 6px rgba(167, 139, 250, 0.6));
}

.relative.text-sm.text-gray-200::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.9rem;
  background: linear-gradient(
    120deg,
    transparent 30%,
    rgba(255,255,255,0.08),
    transparent 70%
  );
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.relative.text-sm.text-gray-200:focus-within::after {
  opacity: 1;
}

table.min-w-full {
  border-collapse: separate;
  border-spacing: 0 0.6rem;
}

table thead th {
  background: linear-gradient(
    180deg,
    rgba(30, 30, 60, 0.9),
    rgba(20, 20, 45, 0.9)
  );
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
  border-bottom: none;
}

table thead tr th:first-child {
  border-top-left-radius: 0.75rem;
}

table thead tr th:last-child {
  border-top-right-radius: 0.75rem;
}

.special-video {
  width: 100% !important;
  display: block !important;
  cursor: pointer;
  border-radius: 0rem;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5),
              0 0 50px rgba(123, 97, 255, 0.4);
  position: relative;
  z-index: 1;
  animation: videoGlow 4s ease-in-out infinite;
}

.special-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(0, 160, 255, 0.3), rgba(255, 0, 200, 0.3));
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 2;
}

@keyframes videoGlow{

  0%, 100% { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 160, 255, 0.4); }
  50% { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5), 0 0 70px rgba(255, 0, 200, 0.6); }

}

table tbody tr {
  background: linear-gradient(
    135deg,
    rgba(18, 18, 40, 0.95),
    rgba(12, 12, 30, 0.95)
  );
  border-radius: 0.85rem;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04),
    0 10px 30px rgba(0,0,0,0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

p.mt-2.text-base.leading-8.text-gray-200 {
  display: none !important;
}

table tbody tr:hover {
  transform: translateY(-2px);
}

table tbody td {
  background: transparent;
  color: #e5e7eb;
  padding: 0.85rem 0.9rem;
  font-weight: 500;
}

table tbody tr td:first-child {
  border-radius: 0.85rem 0 0 0.85rem;
  font-weight: 700;
  color: #c4b5fd;
}

table tbody tr td:last-child {
  border-radius: 0 0.85rem 0.85rem 0;
}

table tbody td .rounded-full {
  background: linear-gradient(
    135deg,
    rgba(16,185,129,0.15),
    rgba(5,150,105,0.15)
  );
  color: #34d399;
  font-weight: 700;
  letter-spacing: 0.03em;
  box-shadow: inset 0 0 0 1px rgba(52,211,153,0.4),
    0 4px 15px rgba(16,185,129,0.35);
}

table tbody td .capitalize {
  color: #f3f4f6;
  font-weight: 600;
}

table tbody td.text-right {
  color: #c7d2fe;
  font-size: 0.85rem;
}

table tbody a[data-flux-button] {
  background: linear-gradient(
    135deg,
    rgba(124,58,237,0.9),
    rgba(79,70,229,0.9)
  ) !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(124,58,237,0.45);
  transition: all 0.25s ease;
  position: relative;
  font-size: 0 !important;
}

table tbody a[data-flux-button]:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(124,58,237,0.65);
}

table tbody a[data-flux-button]::before {
  content: "⚙️ Manage";
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: white;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-shadow: 0 0 6px rgba(255,255,255,0.25);
}

.mx-auto.max-w-2xl.text-center {
  position: relative;
  padding: 1.5rem 1rem 1.75rem;
}

.mx-auto.max-w-2xl.text-center > p:first-child {
  display: inline-block;
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #a78bfa, #6366f1);
  color: white !important;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: 0 0 18px rgba(167, 139, 250, 0.35);
}

.mx-auto.max-w-2xl.text-center h1 {
  margin-top: 0.75rem;
  background: linear-gradient(
    135deg,
    #ffffff,
    #d8b4fe,
    #a78bfa
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-shadow: 0 0 30px rgba(167, 139, 250, 0.15);
}

.mx-auto.max-w-2xl.text-center > p:last-child {
  margin-top: 0.6rem;
  color: #cbd5f5;
  font-size: 0.95rem;
  max-width: 36ch;
  margin-left: auto;
  margin-right: auto;
}

.mx-auto.max-w-2xl.text-center::after {
  content: "";
  position: absolute;
  inset: -20px;
  background: radial-gradient(
      circle at center,
      rgba(167, 139, 250, 0.12),
      transparent 65%
    );
  z-index: -1;
  filter: blur(12px);
}

.text-gray-50.text-sm {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.02)
  );
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-weight: 500;
  letter-spacing: 0.02em;
  backdrop-filter: blur(6px);
}

.text-gray-50.text-sm span {
  min-width: 1.6rem;
  text-align: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-weight: 700;
  color: #ffffff !important;
  background: linear-gradient(
    135deg,
    #64748b,
    #475569
  );
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 0 16px rgba(148, 163, 184, 0.35);
  animation: awaitingPulse 2.5s ease-in-out infinite;
}

label.flex.cursor-pointer.items-center.justify-center.rounded-full.p-0\.5.w-14 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.125rem;
  border-radius: 9999px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

label.flex input[type="radio"] {
  display: none !important;
}

label.flex span.h-12.w-14 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-weight: 700;
  font-size: 1.25rem;
  color: #f0f0f5;
  background: #1f1f2f;
  border: 4px solid #555555;
  border-radius: 9999px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.3);
}

label.flex span.h-12.w-14.border-primary-500 {
  border-color: #8181ec;
  background: linear-gradient(145deg, #2a2a3f, #1f1f2f);
  box-shadow: 0 4px 15px rgba(130,129,236,0.4), inset 0 -2px 6px rgba(0,0,0,0.3);
  color: #ffffff;
  transform: scale(1.1);
}

label.flex:hover span.h-12.w-14 {
  box-shadow: 0 6px 20px rgba(130,129,236,0.25), inset 0 -2px 6px rgba(0,0,0,0.3);
  transform: translateY(-2px);
}

@keyframes awaitingPulse{

  0% {
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.12),
      0 0 12px rgba(148, 163, 184, 0.25);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.18),
      0 0 26px rgba(148, 163, 184, 0.55);
  }
  100% {
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.12),
      0 0 12px rgba(148, 163, 184, 0.25);
  }

}

div.rounded-md.bg-blue-50.p-4 {
  background: linear-gradient(145deg, #0a0c1b, #121329);
  border: 1px solid rgba(130, 129, 236, 0.3);
  border-left: 4px solid #8281ec;
  box-shadow: 0 4px 20px rgba(130, 129, 236, 0.4);
  padding: 1rem 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: glowPulse 6s ease-in-out infinite;
}

div.rounded-md.bg-blue-50.p-4:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(130, 129, 236, 0.6);
}

div.rounded-md.bg-blue-50.p-4 .flex.items-center {
  align-items: center;
}

div.rounded-md.bg-blue-50.p-4 svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #8281ec;
  flex-shrink: 0;
}

div.rounded-md.bg-blue-50.p-4 p.text-sm.font-medium {
  color: #e0e0f0;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-left: 0.75rem;
}

@keyframes glowPulse{

    0% { box-shadow: 0 4px 20px rgba(130,129,236,0.4); }
    50% { box-shadow: 0 6px 30px rgba(130,129,236,0.6); }
    100% { box-shadow: 0 4px 20px rgba(130,129,236,0.4); }

}

div.flex.justify-between > p.inline {
  background: linear-gradient(90deg, #8181ec, #ec81ec);
  color: #ffffff;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 0.5rem 1.25rem;
  border-radius: 1rem;
  border: 1px solid rgba(130,129,236,0.5);
  box-shadow: 0 2px 10px rgba(130,129,236,0.3);
}

div.flex.justify-between button {
  background: #8281ec;
  color: #f0f0f0;
  font-weight: 600;
  border-radius: 0.75rem;
  padding: 0.5rem 1rem;
  box-shadow: 0 3px 12px rgba(130,129,236,0.4);
  border: 1px solid rgba(130,129,236,0.3);
  transition: all 0.3s ease;
}

div.flex.justify-between button:hover {
  background: #6f6edb;
  box-shadow: 0 6px 20px rgba(130,129,236,0.6);
}

div.flex.justify-between input,
div.flex.justify-between select {
  background: rgba(255,255,255,0.05);
  color: #e0e0f0;
  border: 1px solid rgba(130,129,236,0.3);
  border-radius: 0.75rem;
  padding: 0.5rem 0.75rem;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}

div.flex.justify-between input:focus,
div.flex.justify-between select:focus {
  outline: none;
  border-color: #8181ec;
  box-shadow: 0 0 8px rgba(130,129,236,0.5);
}

div[data-flux-input-group-prefix],
div[data-flux-input-group-suffix] {
  background: rgba(130,129,236,0.1);
  color: #8281ec;
  font-weight: 600;
  border-radius: 0.75rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(130,129,236,0.3);
}

div.flex.justify-between h2,
div.flex.justify-between p.text-sm {
  color: #e0e0f0;
  font-weight: 600;
}

div.flex.justify-between input:hover,
div.flex.justify-between select:hover,
div.flex.justify-between button:hover {
  transform: translateY(-1px);
}

div.p-4.border.bg-primary-500 p,
div.p-4.border.bg-primary-500 p span.font-bold {
  color: #ffffff;
}

div[x-show="!terms"] > .grid > div.col-span-2.h-12.flex.items-center {
  display: none;
}

div.wysiwyg.bg-zinc-950.border-primary-500 {
  background-color: #020617;
  border-color: #8181ec;
  border-width: 2px;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  color: #f0f0ff;
  font-family: "Inter", sans-serif;
  line-height: 1.7;
  min-height: 100px;
  box-shadow: 0 4px 15px rgba(129, 129, 236, 0.25);
  transition: all 0.3s ease;
}

div.wysiwyg.bg-zinc-950.border-primary-500 ul li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

div.wysiwyg.bg-zinc-950.border-primary-500:hover {
  box-shadow: 0 6px 25px rgba(129, 129, 236, 0.35);
  transform: translateY(-2px);
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30 {
  gap: 16px !important;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800 {
  position: relative;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 22px 55px rgba(0,0,0,.45);
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(129,129,236,.28), rgba(236,129,189,.14), rgba(255,255,255,.06));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .7;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800:hover {
  transform: translateY(-2px);
  border-color: rgba(129,129,236,.25) !important;
  box-shadow: 0 30px 70px rgba(0,0,0,.55),
    0 0 0 1px rgba(129,129,236,.08) inset;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800
> span.font-bold.absolute {
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(135deg, rgba(129,129,236,.95), rgba(236,129,189,.80)) !important;
  color: #0b1020 !important;
  box-shadow: 0 10px 26px rgba(129,129,236,.22);
  backdrop-filter: blur(8px);
  letter-spacing: .02em;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800 a.cursor-pointer {
  display: block;
  position: relative;
  overflow: hidden;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800 a.cursor-pointer img.rounded-t-xl {
  width: 100%;
  height: auto;
  border-top-left-radius: 18px !important;
  border-top-right-radius: 18px !important;
  transform: scale(1.01);
  transition: transform .35s ease;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800 a.cursor-pointer::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(700px 220px at 50% 0%, rgba(129,129,236,.18), transparent 60%),
    linear-gradient(180deg, transparent 55%, rgba(2,6,23,.65));
  opacity: .9;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800:hover a.cursor-pointer img.rounded-t-xl {
  transform: scale(1.05);
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
> div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800
> div.px-2.py-2.sm\:px-3.sm\:py-5.bg-gray-800.relative.mt-auto {
  background: transparent !important;
  padding: 14px 14px 16px !important;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
h2 {
  letter-spacing: -0.02em;
  text-shadow: 0 1px 18px rgba(0,0,0,.35);
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
p.mb-2.text-base.font-bold.text-center {
  color: rgba(255,255,255,.92) !important;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
p.mb-2.text-base.font-bold.text-center span {
  color: rgba(255,255,255,.60) !important;
  letter-spacing: .08em;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
.grid.grid-cols-1.gap-0.my-2 {
  gap: 10px !important;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
.grid.grid-cols-1.gap-0.my-2
> div.flex.items-center.justify-between {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  border-radius: 14px;
  padding: 10px 12px;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
svg.text-primary-500 {
  filter: drop-shadow(0 8px 18px rgba(129,129,236,.22));
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
#home-progress {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px !important;
  padding: 10px !important;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
#home-progress .h-4.md\:h-6.w-full.bg-gray-200.rounded-lg {
  background: rgba(255,255,255,.10) !important;
  border-radius: 999px !important;
  overflow: hidden;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
#home-progress .bg-primary-500 {
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(129,129,236,.22);
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
#home-progress p.absolute {
  color: rgba(255,255,255,.92) !important;
  background: transparent !important;
  border: 0 !important;
  backdrop-filter: none !important;
  border-radius: 10px !important;
  padding: 0 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.45);
  box-shadow: none !important;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
a.block.w-full.rounded-b-xl.bg-primary-500 {
  color: #ffffff !important;
  background: linear-gradient(135deg,
    #5b5bf6 0%,
    #7c3aed 45%,
    #a855f7 100%
  ) !important;
  border-top: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 40px rgba(124,58,237,.35),
    0 6px 18px rgba(91,91,246,.25),
    0 1px 0 rgba(255,255,255,.18) inset !important;
  font-weight: 800 !important;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
a.block.w-full.rounded-b-xl.bg-primary-500:hover {
  filter: brightness(1.07) saturate(1.12);
  transform: translateY(-1px);
  box-shadow: 0 22px 55px rgba(124,58,237,.45),
    0 10px 26px rgba(91,91,246,.35),
    0 1px 0 rgba(255,255,255,.20) inset !important;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
a.block.w-full.rounded-b-xl.bg-primary-500:active {
  transform: translateY(0px);
  filter: brightness(.98);
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"]) {
  border: 1px solid rgba(129,129,236,.26) !important;
  background: linear-gradient(135deg, rgba(129,129,236,.14), rgba(236,129,189,.08)) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35),
    0 0 0 1px rgba(129,129,236,.10) inset !important;
  border-radius: 14px !important;
  position: relative;
  overflow: hidden;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"])::after {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  background: linear-gradient(115deg,
    transparent 0%,
    rgba(255,255,255,.05) 35%,
    rgba(129,129,236,.12) 55%,
    transparent 80%);
  opacity: .9;
  transform: translateX(-35%);
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"])
p.text-\[9px\].sm\:text-xs {
  color: rgba(255,255,255,.72) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"])
p.text-xs.font-bold.sm\:text-base {
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  color: #fff !important;
  text-shadow: 0 10px 30px rgba(129,129,236,.35);
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"])
svg {
  filter: drop-shadow(0 12px 22px rgba(129,129,236,.35));
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(
  svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"]
) {
  position: relative;
  overflow: hidden;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(
  svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"]
)::after {
  content: "";
  position: absolute;
  left: -12%;
  right: -12%;
  top: -20px;
  height: 2px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.20) 12%,
    rgba(168,85,247,.95) 35%,
    rgba(124,58,237,1) 50%,
    rgba(168,85,247,.95) 65%,
    rgba(255,255,255,.20) 88%,
    transparent 100%
  );
  box-shadow: 0 0 10px rgba(168,85,247,.65),
    0 0 22px rgba(124,58,237,.55),
    0 0 40px rgba(129,129,236,.25);
  filter: saturate(1.2) brightness(1.05);
  animation: instantWinsScanLine 2.6s ease-in-out infinite;
}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(
  svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"]
)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -30%;
  height: 65%;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(124,58,237,.06) 45%,
    transparent 100%
  );
  opacity: .8;
  filter: blur(10px);
  animation: instantWinsScanField 2.6s ease-in-out infinite;
}

@keyframes instantWinsScanLine{

  0%   { transform: translateY(-18px); opacity: 0; }
  10%  { opacity: 1; }
  50%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(160px); opacity: 0; }

}

@keyframes instantWinsScanField{

  0%   { transform: translateY(-35%); opacity: 0; }
  15%  { opacity: .75; }
  60%  { opacity: .65; }
  100% { transform: translateY(140%); opacity: 0; }

}

.grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(
  svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"]
) > * {
  position: relative;
  z-index: 3;
}

div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5 {
  position: relative;
  overflow: hidden;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.45),
    0 0 0 1px rgba(129,129,236,.12) inset !important;
  transform: translateZ(0);
}

div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5 > span.absolute {
  width: 18px !important;
  height: 18px !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.06) inset,
    0 10px 22px rgba(0,0,0,.35) !important;
  opacity: .95;
}

div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5::before {
  content: "";
  position: absolute;
  inset: -60px;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(260px 200px at 25% 25%, rgba(129,129,236,.22), transparent 70%),
    radial-gradient(220px 180px at 80% 75%, rgba(236,129,189,.14), transparent 72%);
  filter: blur(16px);
  opacity: .95;
}

div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5::after {
  content: "";
  position: absolute;
  left: -18%;
  right: -18%;
  top: -18px;
  height: 2px;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.18) 14%,
    rgba(168,85,247,.90) 36%,
    rgba(124,58,237,1)   50%,
    rgba(168,85,247,.90) 64%,
    rgba(255,255,255,.18) 86%,
    transparent 100%
  );
  box-shadow: 0 0 10px rgba(168,85,247,.60),
    0 0 22px rgba(124,58,237,.55),
    0 0 44px rgba(129,129,236,.22);
  filter: saturate(1.15) brightness(1.05);
  animation: rafflexTicketScan 2.4s ease-in-out infinite;
}

div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5 .text-center {
  position: relative;
  z-index: 2;
}

@keyframes rafflexTicketScan{

  0%   { transform: translateY(-18px); opacity: 0; }
  12%  { opacity: 1; }
  55%  { opacity: 1; }
  100% { transform: translateY(150px); opacity: 0; }

}

div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5 .text-center > div:first-child {
  letter-spacing: .14em !important;
  font-weight: 800 !important;
  opacity: .9;
}

div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5 .text-center > div:last-child {
  text-shadow: 0 16px 40px rgba(0,0,0,.25);
}

div[x-show="!isComplete"] p.text-center.text-2xl.font-bold.mt-2 {
  letter-spacing: .02em;
  text-shadow: 0 14px 30px rgba(0,0,0,.35);
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center {
  gap: 20px !important;
  align-items: stretch !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center * {
  min-width: 0 !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center img.rounded-md {
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.55),
    0 0 0 1px rgba(129,129,236,.10) inset !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  rotate: none !important;
  transition: none !important;
  animation: none !important;
  filter: none !important;
  will-change: auto !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .bg-gray-900.border.border-gray-600.p-4.rounded-lg {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.03) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.55),
    0 0 0 1px rgba(129,129,236,.10) inset !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] button[x-on\\:click="rollThough()"] {
  border-radius: 14px !important;
  color: #fff !important;
  background: radial-gradient(100% 150% at 20% 20%, rgba(168,85,247,.35), transparent 55%),
    radial-gradient(120% 160% at 80% 70%, rgba(59,130,246,.22), transparent 60%),
    linear-gradient(135deg, rgba(124,58,237,1), rgba(168,85,247,.92)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 18px 40px rgba(124,58,237,.22) !important;
  transform: none !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] button[x-on\\:click="rollThough()"]:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5 {
  background-color: #ffffff !important;
  background-image: none !important;
  filter: none !important;
  animation: none !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.45),
    0 0 0 1px rgba(129,129,236,.12) inset !important;
  transform: translateZ(0) !important;
  transition: none !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5.\!bg-primary-500 {
  background-color: var(--color-accent, #8181ec) !important;
  background-image: radial-gradient(120% 160% at 20% 20%, rgba(255,255,255,.18), transparent 55%),
    radial-gradient(120% 160% at 80% 70%, rgba(0,0,0,.12), transparent 60%) !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5 > span.absolute {
  width: 18px !important;
  height: 18px !important;
  border-radius: 9999px !important;
  background: rgb(3 7 18) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.06) inset,
    0 10px 22px rgba(0,0,0,.35) !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5::before {
  content: "" !important;
  position: absolute !important;
  inset: -60px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: radial-gradient(260px 200px at 25% 25%, rgba(129,129,236,.22), transparent 70%),
    radial-gradient(220px 180px at 80% 75%, rgba(236,129,189,.14), transparent 72%) !important;
  filter: blur(16px) !important;
  opacity: .95 !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5::after {
  content: "" !important;
  position: absolute !important;
  left: -18% !important;
  right: -18% !important;
  top: -18px !important;
  height: 2px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.18) 14%,
    rgba(168,85,247,.90) 36%,
    rgba(124,58,237,1)   50%,
    rgba(168,85,247,.90) 64%,
    rgba(255,255,255,.18) 86%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 10px rgba(168,85,247,.60),
    0 0 22px rgba(124,58,237,.55),
    0 0 44px rgba(129,129,236,.22) !important;
  filter: saturate(1.15) brightness(1.05) !important;
  animation: rafflexTicketScanForce 2.4s ease-in-out infinite !important;
  animation-duration: 1.2s !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5 .text-center {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rafflexTicketScanForce{

  0%   { transform: translateY(-18px); opacity: 0; }
  12%  { opacity: 1; }
  55%  { opacity: 1; }
  100% { transform: translateY(160px); opacity: 0; }

}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"].relative {
  padding: 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.55),
    0 0 0 1px rgba(129,129,236,.10) inset !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"].relative::before {
  content: "" !important;
  position: absolute !important;
  inset: -60px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: radial-gradient(380px 260px at 20% 15%, rgba(129,129,236,.18), transparent 70%),
    radial-gradient(340px 240px at 85% 70%, rgba(236,129,189,.10), transparent 70%) !important;
  filter: blur(18px) !important;
  opacity: 1 !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"].relative > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] div.justify-between.flex.mb-2.items-center {
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.03) !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] p.font-mono.font-bold.text-sm {
  color: rgba(255,255,255,.92) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  text-shadow: 0 16px 40px rgba(0,0,0,.55) !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] h2.text-gray-50.text-center {
  margin: 10px 0 6px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  text-shadow: 0 18px 55px rgba(0,0,0,.65) !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] h2.text-gray-50.text-center::after {
  content: "" !important;
  display: block !important;
  width: 84px !important;
  height: 2px !important;
  margin: 10px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(168,85,247,.95), rgba(129,129,236,.95), transparent) !important;
  opacity: .9 !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] .text-center p.text-center.text-xs.font-mono {
  letter-spacing: .08em !important;
  opacity: .92 !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] .text-center p.text-center.text-xs.font-mono span.dots {
  display: inline-block !important;
  width: 18px !important;
  text-align: left !important;
  opacity: .85 !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] div[x-show="isComplete && winningTickets.length == 0"] {
  margin-top: 12px !important;
  padding: 12px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.02) !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] div[x-show="isComplete && winningTickets.length == 0"] .text-gray-400 {
  color: rgba(255,255,255,.60) !important;
  letter-spacing: .04em !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] div[x-show="isComplete && winningTickets.length == 0"] p.text-gray-50 {
  font-weight: 700 !important;
  opacity: .95 !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] p.text-center.text-2xl.font-bold.mt-2 {
  text-shadow: 0 18px 50px rgba(0,0,0,.55) !important;
  letter-spacing: .02em !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] div[x-show="isPaused"].flex.justify-between.items-center.my-3 {
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] div[x-show="isPaused"] button {
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.35) !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] div[x-show="isPaused"] button.bg-white {
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.14) !important;
}

html body .grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
div[x-show="open && !showWinnerSummary"] div[x-show="isPaused"] button.bg-\[var\(--color-accent\)\] {
  color: #fff !important;
  background: radial-gradient(120% 160% at 20% 20%, rgba(168,85,247,.30), transparent 55%),
    linear-gradient(135deg, rgba(124,58,237,1), rgba(168,85,247,.92)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 {
  display: grid !important;
  gap: 12px !important;
  padding: 14px 12px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.02) !important;
  box-shadow: 0 20px 45px rgba(0,0,0,.35),
    0 0 0 1px rgba(129,129,236,.08) inset !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > label.flex.items-center.text-gray-50.text-sm.justify-center {
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: rgba(2,6,23,.40) !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.35) !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  transition: transform .15s ease, border-color .15s ease, background .15s ease !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > label.flex.items-center.text-gray-50.text-sm.justify-center:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(168,85,247,.22) !important;
  background: rgba(2,6,23,.55) !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > label input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 44px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  position: relative !important;
  margin: 0 !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.08) inset !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > label input[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 4px !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.85) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.40),
    0 0 0 1px rgba(0,0,0,.18) inset !important;
  transition: left .18s ease, transform .18s ease !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > label input[type="checkbox"]:checked {
  background: radial-gradient(120% 200% at 20% 20%, rgba(168,85,247,.55), transparent 60%),
    linear-gradient(135deg, rgba(124,58,237,1), rgba(168,85,247,.92)) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 14px 35px rgba(124,58,237,.25),
    0 0 0 1px rgba(255,255,255,.08) inset !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > label input[type="checkbox"]:checked::before {
  left: 22px !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > label input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(168,85,247,.55) !important;
  outline-offset: 3px !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > div.text-gray-50.text-sm.text-center {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: rgba(2,6,23,.40) !important;
  font-weight: 700 !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.35) !important;
  position: relative !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > div.text-gray-50.text-sm.text-center label {
  opacity: .92 !important;
  letter-spacing: .02em !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > div.text-gray-50.text-sm.text-center select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 9px 40px 9px 14px !important;
  border-radius: 999px !important;
  background: radial-gradient(120% 200% at 30% 20%, rgba(168,85,247,.20), transparent 55%),
    rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  letter-spacing: .05em !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.45),
    0 0 0 1px rgba(129,129,236,.10) inset !important;
  cursor: pointer !important;
  transition: transform .15s ease, filter .15s ease, border-color .15s ease !important;
  background-color: rgba(255,255,255,.08) !important;
  color-scheme: dark !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > div.text-gray-50.text-sm.text-center select:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
  border-color: rgba(168,85,247,.28) !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > div.text-gray-50.text-sm.text-center select:focus-visible {
  outline: 2px solid rgba(168,85,247,.55) !important;
  outline-offset: 3px !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > div.text-gray-50.text-sm.text-center::after {
  content: "▾" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.55) !important;
  pointer-events: none !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > div.text-gray-50.text-sm.text-center select option {
  background-color: #070b18 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

html body
.grid.grid-cols-1.md\:grid-cols-2.gap-5.p-5.items-center
[x-show="!open"] .space-y-3 > div.text-gray-50.text-sm.text-center select option:checked {
  background-color: #0f172a !important;
  color: #ffffff !important;
}

@media (prefers-reduced-motion: reduce) {
  #winners-card .winner-entry {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  
  #winners-card .winner-entry::after {
    animation: none !important;
    transition: none !important;
    opacity: 0 !important;
  }
}

@media (min-width: 640px) {
  .grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30 {
    gap: 22px !important;
  }
}

@media (min-width: 640px) {
  .grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
    .grid.grid-cols-1.gap-0.my-2
    > div.flex.items-center.justify-between {
    padding: 10px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
    > div.relative.border.border-gray-200.rounded-xl.flex.flex-col.bg-gray-800,
    .grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
    a.block.w-full.rounded-b-xl.bg-primary-500,
    .grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
    a.cursor-pointer img.rounded-t-xl {
    transition: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
    div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(
      svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"]
    )::after,
    .grid.grid-cols-2.md\:grid-cols-3.mb-5.gap-x-2.gap-y-10.sm\:gap-x-5.sm\:gap-y-30
    div.flex.items-center.justify-between.text-center.rounded.sm\:block:has(
      svg path[d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"]
    )::before {
    animation: none !important;
    opacity: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  div[x-show="!isComplete"] .relative.inline-block.bg-white.px-8.py-4.mt-5::after {
    animation: none !important;
    opacity: .35 !important;
    transform: none !important;
  }
}


/* ======================================================================
   SOURCE: css_compage.css
   ====================================================================== */

:root{
  --fc-bg-0:#02040d;
  --fc-bg-1:#040814;
  --fc-bg-2:#071022;
  --fc-line:rgba(111,128,255,.18);
  --fc-line-strong:rgba(111,128,255,.34);
  --fc-white:#f7fbff;
  --fc-white-soft:rgba(247,251,255,.78);
  --fc-white-dim:rgba(247,251,255,.54);
  --fc-purple:#8B5CFF;
  --fc-blue:#35B8FF;
  --fc-shadow:0 18px 60px rgba(0,0,0,.46);
}

@media (prefers-reduced-motion: reduce){
  .fc-comp-page *,
  .fc-comp-page *::before,
  .fc-comp-page *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

html.fc-comp-page,
body.fc-comp-page{
  background:
    radial-gradient(circle at 18% 0%, rgba(139,92,255,.10), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(53,184,255,.08), transparent 26%),
    linear-gradient(180deg, var(--fc-bg-1) 0%, var(--fc-bg-0) 52%, #010309 100%);
}

.fc-comp-page .fc-comp-separator-v2{
  position:relative;
}

.fc-comp-page .fc-comp-separator-v2::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(139,92,255,.92), rgba(53,184,255,.92), transparent);
  opacity:.7;
  pointer-events:none;
}

.fc-comp-page .fc-comp-separator-v2 nav[aria-label="Breadcrumb"]{
  opacity:.72;
}

.fc-comp-page .fc-comp-separator-v2 nav[aria-label="Breadcrumb"] ol{
  border-bottom:1px solid var(--fc-line);
  padding-bottom:10px;
}

.fc-comp-page .fc-comp-separator-v2 nav[aria-label="Breadcrumb"] p{
  color:var(--fc-white-dim) !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
}

.fc-comp-page .lg\:grid.lg\:auto-rows-min.lg\:grid-cols-12.lg\:gap-x-8{
  gap:2.6rem !important;
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 0 10px;
}

.fc-comp-page h1.text-3xl.font-display.text-gray-50{
  width:100%;
  margin:0;
  text-align:center;
  font-size:clamp(1.55rem, 2.8vw, 2.65rem) !important;
  line-height:1.02 !important;
  letter-spacing:.04em;
  font-weight:900 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:transparent !important;
  background:linear-gradient(90deg, #e9dfff 0%, #b196ff 34%, #76c9ff 68%, #e6f7ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 20px rgba(139,92,255,.16), 0 0 34px rgba(53,184,255,.12);
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl{
  margin:0;
  font-size:clamp(1rem, 1.45vw, 1.18rem) !important;
  line-height:1;
  font-weight:900 !important;
  letter-spacing:.08em;
  color:#8fe0ff !important;
  text-shadow:0 0 16px rgba(53,184,255,.16);
}

.fc-comp-page .fcHeroLine{
  width:min(100%, 380px);
  height:1px;
  margin:8px auto 14px;
  background:linear-gradient(90deg, transparent, rgba(139,92,255,.96), rgba(53,184,255,.96), transparent);
  box-shadow:0 0 18px rgba(53,184,255,.16);
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .mt-2{
  display:flex;
  justify-content:center;
  margin-top:0 !important;
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .mt-2 > p{
  margin:0;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(97,136,255,.28);
  background:transparent;
  color:var(--fc-white-soft) !important;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 0 16px rgba(53,184,255,.08);
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-1.lg\:row-span-3.lg\:row-start-1 .splide__slide img.rounded-xl{
  border-radius:20px !important;
  border:1px solid rgba(98,130,255,.26);
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 24px 58px rgba(0,0,0,.44), 0 0 32px rgba(139,92,255,.10), 0 0 38px rgba(53,184,255,.08);
}

.fc-comp-page .splide.mt-3{
  margin-top:14px !important;
  padding-top:14px;
  border-top:1px solid var(--fc-line);
}

.fc-comp-page .splide.mt-3 img{
  border-radius:14px !important;
  border:1px solid rgba(98,130,255,.22);
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
  margin-top:18px !important;
  padding:14px 0;
  border-top:1px solid var(--fc-line);
  border-bottom:1px solid var(--fc-line);
  background:transparent !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
  position:relative;
  flex:1 1 0;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div:not(:last-child)::after{
  content:"";
  position:absolute;
  top:18%;
  right:0;
  width:1px;
  height:64%;
  background:linear-gradient(180deg, transparent, rgba(111,128,255,.42), transparent);
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .font-stripe{
  color:#ffffff !important;
  font-size:clamp(1.45rem, 2.3vw, 1.9rem) !important;
  text-shadow:0 0 16px rgba(53,184,255,.12);
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .text-sm{
  color:var(--fc-white-dim) !important;
  font-size:10px !important;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.fc-comp-page .animate-ping{
  background:rgba(139,92,255,.8) !important;
}

.fc-comp-page .bg-primary-500.rounded-full.h-5.w-5{
  background:linear-gradient(135deg, var(--fc-purple), var(--fc-blue)) !important;
  box-shadow:0 0 14px rgba(53,184,255,.34);
}

.fc-comp-page .lg\:col-span-6 .bg-gray-800.p-5.mt-5.rounded-lg.border-2.border-gray-700{
  padding:0 !important;
  margin-top:18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.fc-comp-page .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl{
  background:transparent !important;
  border:0 !important;
  border-top:1px solid var(--fc-line);
  border-bottom:1px solid var(--fc-line);
  border-radius:0 !important;
  padding:14px 0 !important;
  gap:14px;
  align-items:center;
}

.fc-comp-page .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .text-sm{
  color:var(--fc-white-soft) !important;
  font-size:11px !important;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.fc-comp-page .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .h-6.w-full.bg-gray-200.rounded-lg{
  position:relative;
  height:12px !important;
  border-radius:999px !important;
  border:1px solid rgba(111,128,255,.20);
  background:rgba(255,255,255,.03) !important;
  overflow:hidden;
}

.fc-comp-page .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .h-6.rounded-lg.bg-primary-500{
  background:linear-gradient(90deg, var(--fc-purple), #6c7dff 42%, var(--fc-blue)) !important;
  box-shadow:0 0 16px rgba(53,184,255,.16);
}

.fc-comp-page #obsidian-progress{
  top:-24px !important;
  right:0 !important;
  width:auto !important;
  font-size:11px !important;
  letter-spacing:.12em;
  color:var(--fc-white-dim) !important;
}

.fc-comp-page .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5{
  margin:16px 0 0 !important;
  padding:0 0 16px !important;
  gap:10px !important;
  border-bottom:1px solid var(--fc-line);
  background:transparent !important;
  box-shadow:none !important;
}

.fc-comp-page .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button{
  border-radius:999px !important;
  border:1px solid rgba(111,128,255,.22) !important;
  background:transparent !important;
  color:var(--fc-white-soft) !important;
  padding:10px 16px !important;
  font-size:11px !important;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.fc-comp-page .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button[class*="bg-gray-900"]{
  background:linear-gradient(90deg, rgba(139,92,255,.14), rgba(53,184,255,.10)) !important;
  color:#ffffff !important;
  box-shadow:0 0 18px rgba(53,184,255,.08);
}

.fc-comp-page [x-show="!terms"].bg-gray-800{
  padding:0 !important;
  margin-top:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.fc-comp-page .fcFastWrap{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:16px 0 0;
  margin:0;
}

.fc-comp-page .fcFastTop,
.fc-comp-page .fcSliderWrap,
.fc-comp-page .fcBundleHost,
.fc-comp-page .fcFastChips,
.fc-comp-page button[type="submit"].mt-8.flex.w-full.items-center.justify-center,
.fc-comp-page [x-show="terms"].relative.flex.flex-col{
  position:relative;
}

.fc-comp-page .fcSectionTitle{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin:0 0 6px;
  text-align:center;
}

.fc-comp-page .fcSectionTitleSmall{
  margin:0 0 10px;
}

.fc-comp-page .fcSectionBolt{
  font-size:12px;
  line-height:1;
  filter:drop-shadow(0 0 10px rgba(53,184,255,.25));
}

.fc-comp-page .fcSectionText{
  color:transparent;
  background:linear-gradient(90deg, #c7b2ff 0%, #7ec7ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:800;
}

.fc-comp-page .fcSectionTitle::after{
  content:"";
  display:block;
  flex:0 1 120px;
  height:1px;
  margin-left:8px;
  background:linear-gradient(90deg, rgba(139,92,255,.86), rgba(53,184,255,.86), transparent);
  box-shadow:0 0 14px rgba(53,184,255,.12);
}

.fc-comp-page .fcSectionTitle::before{
  content:"";
  display:block;
  flex:0 1 120px;
  height:1px;
  margin-right:8px;
  background:linear-gradient(90deg, transparent, rgba(139,92,255,.86), rgba(53,184,255,.86));
  box-shadow:0 0 14px rgba(53,184,255,.12);
}

.fc-comp-page .fcFastKicker{
  text-align:center;
  color:#ffffff;
  font-size:1rem;
  font-weight:800;
  letter-spacing:.01em;
}

.fc-comp-page .fcFastSub{
  text-align:center;
  color:var(--fc-white-dim);
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.fc-comp-page .fcFastSub .amt,
.fc-comp-page .fcTotalCenter .amt,
.fc-comp-page .fcOddsUnderTotal .odds,
.fc-comp-page .fcBundleAccent,
#fcStickyBuyFastV14 .amt{
  color:transparent !important;
  background:linear-gradient(90deg, var(--fc-purple), var(--fc-blue));
  -webkit-background-clip:text;
  background-clip:text;
}

.fc-comp-page .fcBundleHost{
  margin:0;
  padding:16px 0 0;
  border-top:1px solid var(--fc-line);
}

.fc-comp-page .fcBundleHost .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}

.fc-comp-page .fcBundleHost .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2 label{
  position:relative;
}

.fc-comp-page .fcBundleHost .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2 label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:70px;
  padding:12px !important;
  border-radius:16px !important;
  border:1px solid rgba(111,128,255,.18) !important;
  background:rgba(255,255,255,.02) !important;
  box-shadow:none !important;
  transition:.2s ease;
}

.fc-comp-page .fcBundleHost .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2 label:hover{
  transform:translateY(-1px);
  border-color:rgba(111,128,255,.34) !important;
  box-shadow:0 0 18px rgba(53,184,255,.06);
}

.fc-comp-page .fcBundleHost .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2 label[class*="border-primary-500"],
.fc-comp-page .fcBundleHost .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2 label.fcBestValue{
  background:linear-gradient(135deg, rgba(139,92,255,.12), rgba(53,184,255,.08)) !important;
  border-color:rgba(111,128,255,.36) !important;
  box-shadow:0 0 18px rgba(53,184,255,.08);
}

.fc-comp-page .fcBundleHost .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2 label.fcBestValue::after{
  content:"BEST VALUE";
  position:absolute;
  top:8px;
  right:8px;
  font-size:9px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--fc-white-dim);
}

.fc-comp-page .fcBundleHost .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2 label > span:not(.sr-only){
  display:none !important;
}

.fc-comp-page .fcBundleUI{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  text-align:center;
}

.fc-comp-page .fcBundleTopline{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
}

.fc-comp-page .fcBundleMeta{
  color:var(--fc-white-soft);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}

.fc-comp-page .fcBundleMain{
  color:#ffffff;
  font-size:16px;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:900;
}

.fc-comp-page .fcSliderWrap{
  padding:16px 0 0;
  border-top:1px solid var(--fc-line);
}

.fc-comp-page .fcSliderTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fc-comp-page .fcSliderLabel,
.fc-comp-page .fcSliderValue{
  color:var(--fc-white-dim);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
}

.fc-comp-page input[type="range"].fcTicketSlider{
  width:100%;
  height:38px;
  margin-top:4px;
  background:transparent;
  -webkit-appearance:none;
  appearance:none;
}

.fc-comp-page input[type="range"].fcTicketSlider::-webkit-slider-runnable-track{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(111,128,255,.18);
}

.fc-comp-page input[type="range"].fcTicketSlider::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:26px;
  height:26px;
  margin-top:-9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.96), rgba(139,92,255,.76));
  box-shadow:0 0 0 6px rgba(139,92,255,.10), 0 12px 28px rgba(0,0,0,.42);
}

.fc-comp-page input[type="range"].fcTicketSlider::-moz-range-track{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(111,128,255,.18);
}

.fc-comp-page input[type="range"].fcTicketSlider::-moz-range-thumb{
  width:26px;
  height:26px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.96), rgba(139,92,255,.76));
  box-shadow:0 0 0 6px rgba(139,92,255,.10), 0 12px 28px rgba(0,0,0,.42);
}

.fc-comp-page .fcTotalCenter{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding-top:12px;
  text-align:center;
  color:#ffffff;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.fc-comp-page .fcTotalCenter .amt{
  font-size:1.2rem;
}

.fc-comp-page .fcOddsUnderTotal,
.fc-comp-page .fcFreePill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(111,128,255,.18);
  background:transparent;
  color:var(--fc-white-soft);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.fc-comp-page .fcOddsUnderTotal .dot,
.fc-comp-page .fcFreePill .dot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--fc-purple), var(--fc-blue));
  box-shadow:0 0 0 4px rgba(139,92,255,.10);
}

.fc-comp-page .fcFastChips{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  padding-top:16px;
  border-top:1px solid var(--fc-line);
}

.fc-comp-page .fcFastChip{
  border:1px solid rgba(111,128,255,.18);
  background:transparent;
  color:var(--fc-white-soft);
  border-radius:999px;
  padding:8px 12px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
}

.fc-comp-page .fcFastChip:hover{
  border-color:rgba(111,128,255,.34);
  background:linear-gradient(90deg, rgba(139,92,255,.10), rgba(53,184,255,.06));
  color:#ffffff;
}

.fc-comp-page .lg\:col-span-6 .bg-gray-800.p-5.mt-5 h2.font-bold.text-sm.md\:text-base.text-gray-50,
.fc-comp-page .lg\:col-span-6 .bg-gray-800.p-5.mt-5 .flex.flex-col.items-center.gap-3,
.fc-comp-page .lg\:col-span-6 .bg-gray-800.p-5.mt-5 .mt-2 .flex.justify-around.w-full.text-sm.text-gray-50,
.fc-comp-page .lg\:col-span-6 .bg-gray-800.p-5.mt-5 span.min-w-52.text-sm.text-center.font-bold.bg-primary-500{
  display:none !important;
}

.fc-comp-page button[type="submit"].mt-8.flex.w-full.items-center.justify-center{
  margin-top:0 !important;
  min-height:58px;
  border-radius:18px !important;
  border:1px solid rgba(111,128,255,.24) !important;
  background:linear-gradient(90deg, #8659ff 0%, #6c7dff 42%, #39b8ff 100%) !important;
  color:#ffffff !important;
  font-size:13px !important;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.30), 0 0 24px rgba(53,184,255,.12);
}

.fc-comp-page [x-show="terms"].relative.flex.flex-col{
  margin-top:16px !important;
  border-top:1px solid var(--fc-line);
  border-radius:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  height:auto !important;
  max-height:360px;
}

.fc-comp-page [x-show="terms"] .wysiwyg,
.fc-comp-page [x-show="terms"] p,
.fc-comp-page [x-show="terms"] li{
  color:var(--fc-white-soft) !important;
}

.fc-comp-page [x-show="terms"] strong{
  color:#ffffff !important;
}

#fcStickyBuyFastV14{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:80;
  display:none;
  border-radius:18px;
  border:1px solid rgba(111,128,255,.20);
  background:rgba(4,8,20,.92);
  box-shadow:0 24px 70px rgba(0,0,0,.54), 0 0 0 1px rgba(255,255,255,.02) inset;
  backdrop-filter:blur(10px);
}

#fcStickyBuyFastV14 .in{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
}

#fcStickyBuyFastV14 .k{
  color:var(--fc-white-dim);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
}

#fcStickyBuyFastV14 .v{
  color:#ffffff;
  font-size:16px;
  font-weight:900;
}

#fcStickyBuyFastV14 button{
  border:1px solid rgba(111,128,255,.24);
  border-radius:14px;
  padding:12px 14px;
  background:linear-gradient(90deg, #8659ff 0%, #6c7dff 42%, #39b8ff 100%);
  color:#ffffff;
  font-weight:800;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media (max-width: 1023px){
  .fc-comp-page .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl{
    grid-template-columns:1fr !important;
  }

  .fc-comp-page .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .col-span-2,
  .fc-comp-page .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .col-span-10{
    grid-column:auto !important;
  }

  .fc-comp-page #obsidian-progress{
    position:static !important;
    display:block;
    margin-top:10px;
    text-align:right;
  }

  .fc-comp-page h1.text-3xl.font-display.text-gray-50{
    font-size:clamp(1.35rem, 7vw, 1.85rem) !important;
  }

  .fc-comp-page .fcSectionTitle::before,
  .fc-comp-page .fcSectionTitle::after{
    flex-basis:44px;
  }
}

@media (max-width: 820px){
  #fcStickyBuyFastV14{ display:block; }
  .fc-comp-page .pb-16.pt-3.sm\:pt-6.sm\:pb-20{ padding-bottom:96px; }
}


/* =========================================================
   Restored lower-page sections from original file
   ========================================================= */

/* =========================================================
   ⚡ FlashCompetitions — Instant Wins Renovation v2 (CSS ONLY)
   (YOUR ORIGINAL CSS — UNCHANGED)
   ========================================================= */

:root{
  --fc-ac1:#8B5CFF;
  --fc-ac2:#2D7CFF;

  --fc-glassA: rgba(255,255,255,.070);
  --fc-glassB: rgba(255,255,255,.030);
  --fc-brd: rgba(255,255,255,.12);
  --fc-inset: 0 0 0 1px rgba(255,255,255,.07) inset;
  --fc-shadow: 0 22px 70px rgba(0,0,0,.55);

  --fc-r2: 22px;
  --fc-r: 18px;
}

@media (prefers-reduced-motion: reduce){
  #fc-instant-wins-renovation-v2 *{ animation:none !important; transition:none !important; }
}

/* ---------- Section safety (modal must not be trapped) ---------- */
section.pb-16.sm\:pb-20{
  position: relative;
  overflow: visible !important;
}
section.pb-16.sm\:pb-20 .mx-auto.mt-8{
  position: relative;
  overflow: visible !important;
}
/* Your markup includes overflow-hidden on this wrapper */
section.pb-16.sm\:pb-20 .mx-auto.mt-8.max-w-2xl.px-4.sm\:px-6.lg\:max-w-7xl.lg\:px-8.overflow-hidden{
  overflow: visible !important;
}

/* IMPORTANT: avoid creating containing blocks for fixed modals */
section.pb-16.sm\:pb-20,
section.pb-16.sm\:pb-20 .mx-auto.mt-8,
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4,
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data]{
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}

/* ---------- Title + divider upgrade ---------- */
section.pb-16.sm\:pb-20 .mb-4{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 14px !important;
}

section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50{
  position: relative;
  font-weight: 950 !important;
  letter-spacing: .01em;
  font-size: clamp(20px, 2.4vw, 28px) !important;
  line-height: 1.05;
  text-shadow: 0 18px 55px rgba(0,0,0,.45);
  padding-bottom: 2px;
}

/* Divider: slightly more “premium” (thin glow line + fade ends) */
section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50::after{
  content:"";
  display:block;
  height: 2px;
  width: 92px;
  margin-top: 10px;
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.00),
      rgba(139,92,255,.85),
      rgba(45,124,255,.75),
      rgba(255,255,255,.00)
    );
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
  opacity: .95;
}

/* ---------- Grid spacing (tighter + cleaner) ---------- */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4{
  gap: 12px !important;
  overflow: visible !important;
}
@media (min-width: 1024px){
  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4{
    gap: 14px !important;
  }
}

/* ---------- Card redesign (root) ---------- */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data]{
  position: relative;
  border-radius: var(--fc-r2) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(180deg, var(--fc-glassA), var(--fc-glassB)) !important;
  box-shadow: var(--fc-shadow), var(--fc-inset);
  overflow: visible !important; /* DO NOT trap modal */
  cursor: pointer;
}

/* Energy corners (subtle, premium) */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data]::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: var(--fc-r2);
  pointer-events:none;
  background:
    radial-gradient(140px 90px at 10% 0%, rgba(139,92,255,.20), transparent 60%),
    radial-gradient(160px 100px at 90% 110%, rgba(45,124,255,.16), transparent 60%);
  opacity: .95;
  z-index: 0;
}

@media (hover:hover){
  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data]:hover{
    border-color: rgba(139,92,255,.30) !important;
    box-shadow:
      0 28px 95px rgba(0,0,0,.62),
      0 0 0 1px rgba(255,255,255,.08) inset,
      0 0 50px rgba(139,92,255,.10),
      0 0 55px rgba(45,124,255,.08);
  }
}

/* ---------- Card inner row (tighter + mobile-safe) ---------- */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] > div.pr-8.pl-4.py-4.flex.justify-between.items-center{
  position: relative;
  z-index: 1;
  padding: 12px !important;
  gap: 10px;
  border-radius: var(--fc-r2) !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

/* Remove notch pseudo (your after: circle) — cleaner */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] > div.pr-8.pl-4.py-4.flex.justify-between.items-center::after{
  display:none !important;
  content:none !important;
}

/* Left stack safe sizing */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] .w-10\/12.flex.items-center{
  min-width: 0;
  gap: 10px;
}

/* Image: tighter but still premium */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] .aspect-square.size-24{
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.10) inset;
}
@media (min-width: 768px){
  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] .aspect-square.size-24{
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    border-radius: 16px !important;
  }
}
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] img.size-24{
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  object-fit: cover !important;
}

/* Prize text: clean + truncate */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] p.font-display.text-base{
  min-width: 0;
  margin: 0 !important;
  font-weight: 950 !important;
  letter-spacing: .01em;
  color: rgba(255,255,255,.95) !important;
  font-size: 14px !important;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px){
  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] p.font-display.text-base{
    font-size: 15px !important;
  }
}

/* ---------- Found chip + Chevron affordance ---------- */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] .w-2\/12{
  width: auto !important;
  min-width: 112px; /* room for chip + chevron */
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap: 8px;
  flex: 0 0 auto;
}

/* Found chip: premium glass + crisp text + tiny dot */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] p.cursor-pointer.text-sm.bg-primary-500{
  position: relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap: 8px;

  padding: 7px 10px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.92) !important;

  font-weight: 950 !important;
  font-size: 12px !important;
  letter-spacing: .06em;
  text-transform: uppercase;

  box-shadow:
    0 14px 40px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset;
  white-space: nowrap;
}

/* Dot */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] p.cursor-pointer.text-sm.bg-primary-500::before{
  content:"";
  width: 7px; height: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(139,92,255,.95), rgba(45,124,255,.92));
  box-shadow: 0 0 0 4px rgba(139,92,255,.12);
}

/* Optional subtle “alive” pulse (respects reduced motion) */
@media (prefers-reduced-motion: no-preference){
  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] p.cursor-pointer.text-sm.bg-primary-500::before{
    animation: fcIWpulse 1.8s ease-in-out infinite;
  }
  @keyframes fcIWpulse{
    0%,100%{ transform: scale(1); opacity: 1; }
    50%{ transform: scale(1.12); opacity: .85; }
  }
}

/* Chevron affordance — VISUAL ONLY (does not affect click/open) */
section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] .w-2\/12::after{
  content:"›";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 26px;
  height: 26px;
  border-radius: 999px;

  color: rgba(255,255,255,.88);
  font-weight: 950;
  font-size: 18px;
  line-height: 1;

  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 0 0 1px rgba(255,255,255,.05) inset;

  opacity: .85;
  transform: translateY(-.5px);
}

/* On hover: slightly brighter chevron */
@media (hover:hover){
  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data]:hover .w-2\/12::after{
    opacity: 1;
    border-color: rgba(139,92,255,.22);
    background: linear-gradient(90deg, rgba(139,92,255,.12), rgba(45,124,255,.10));
  }
}

/* ---------- Modal polish (no behavior changes) ---------- */

/* Ensure modal truly sits above everything */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"].fixed.inset-0.z-10.overflow-y-auto{
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
}

/* Overlay: richer */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] > div.fixed.inset-0.bg-black{
  background:
    radial-gradient(circle at 50% 18%, rgba(139,92,255,.12), rgba(0,0,0,.74)) !important;
  backdrop-filter: blur(6px);
}

/* Panel: premium glass */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] .relative.w-full.max-w-2xl{
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(180deg, rgba(14,14,30,.92), rgba(8,8,18,.90)) !important;
  box-shadow: 0 30px 120px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.08) inset;
  backdrop-filter: blur(10px);
}

/* Keep modal usable on small screens */
@media (max-width: 520px){
  section.pb-16.sm\:pb-20 div[x-show][role="dialog"] .relative.w-full.max-w-2xl{
    max-height: calc(100vh - 24px) !important;
    padding: 18px !important;
  }
}

/* Title: weight + divider */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] h2.text-xl{
  font-weight: 950 !important;
  letter-spacing: .01em;
}
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] h2.text-xl::after{
  content:"";
  display:block;
  height:2px;
  width: 92px;
  border-radius: 999px;
  margin-top: 10px;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.00),
      rgba(139,92,255,.85),
      rgba(45,124,255,.75),
      rgba(255,255,255,.00)
    );
  opacity: .95;
}

/* Close button: clearer tap target */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] svg.w-8.h-8{
  border-radius: 999px;
  padding: 6px;
  box-sizing: content-box;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  transition: filter .15s ease, background .15s ease;
}
@media (hover:hover){
  section.pb-16.sm\:pb-20 div[x-show][role="dialog"] svg.w-8.h-8:hover{
    filter: brightness(1.08);
    background: rgba(255,255,255,.09);
  }
}

/* Helper text */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] p.text-gray-200{
  color: rgba(255,255,255,.78) !important;
  line-height: 1.35;
}

/* Ticket grid spacing */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] .grid.grid-cols-3.md\:grid-cols-4.gap-2{
  gap: 8px !important;
  padding-right: 6px !important;
}

/* Ticket tile container */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] .text-primary-theme.text-center.relative.text-xs{
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  box-shadow: 0 14px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.05) inset;
}

/* Ticket number (smaller on mobile so it NEVER squishes) */
section.pb-16.sm\:pb-20
div[x-show][role="dialog"]
.text-primary-theme.text-center.relative.text-xs p.bg-primary-700{
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.92) !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
  padding: 6px 8px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

/* WIN bar (smaller on mobile so text is always visible) */
section.pb-16.sm\:pb-20
div[x-show][role="dialog"]
.text-primary-theme.text-center.relative.text-xs p.bg-primary-500{
  background: linear-gradient(90deg, rgba(139,92,255,.92), rgba(45,124,255,.88)) !important;
  color: #070815 !important;
  font-weight: 950 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase;
  padding: 6px 8px !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

/* Slightly increase on tablet/desktop */
@media (min-width: 768px){
  section.pb-16.sm\:pb-20
  div[x-show][role="dialog"]
  .text-primary-theme.text-center.relative.text-xs p.bg-primary-700{
    font-size: 12px !important;
    padding: 7px 10px !important;
  }
  section.pb-16.sm\:pb-20
  div[x-show][role="dialog"]
  .text-primary-theme.text-center.relative.text-xs p.bg-primary-500{
    font-size: 11.5px !important;
    padding: 7px 10px !important;
    letter-spacing: .12em !important;
  }
}

/* Scrollbar nicer (webkit) */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] .overflow-y-scroll::-webkit-scrollbar{ width: 10px; }
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] .overflow-y-scroll::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.14);
  border-radius: 999px;
  border: 2px solid rgba(0,0,0,.35);
}

/* Pagination buttons */
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] nav[role="navigation"]{
  gap: 10px;
  align-items:center;
}
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] nav[role="navigation"] .bg-gray-500{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.60) !important;
  border-radius: 14px !important;
}
section.pb-16.sm\:pb-20 div[x-show][role="dialog"] nav[role="navigation"] button.bg-primary-500{
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, rgba(139,92,255,.95), rgba(45,124,255,.92)) !important;
  color: #070815 !important;
  font-weight: 950 !important;
  letter-spacing: .02em;
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
  transition: filter .16s ease;
}
@media (hover:hover){
  section.pb-16.sm\:pb-20 div[x-show][role="dialog"] nav[role="navigation"] button.bg-primary-500:hover{
    filter: brightness(1.06);
  }
}

/* ---------- Mobile fit: make cards tighter & never overflow ---------- */
@media (max-width: 420px){
  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] > div.pr-8.pl-4.py-4.flex.justify-between.items-center{
    padding: 11px !important;
    gap: 9px;
  }

  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] .aspect-square.size-24{
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
  }

  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] p.font-display.text-base{
    font-size: 13px !important;
  }

  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] .w-2\/12{
    min-width: 106px; /* chip + chevron */
  }

  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] p.cursor-pointer.text-sm.bg-primary-500{
    padding: 7px 9px !important;
    font-size: 11.5px !important;
    letter-spacing: .05em;
  }

  section.pb-16.sm\:pb-20 .grid.grid-cols-1.lg\:grid-cols-2.gap-4 > div[x-data] .w-2\/12::after{
    width: 24px;
    height: 24px;
    font-size: 17px;
  }
}


/* =========================================================
   Center "Instant Wins" heading + centered underline
   ========================================================= */

section.pb-16.sm\:pb-20 .mb-4{
  justify-content: center !important;
  text-align: center !important;
}

section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50{
  text-align: center !important;
}

/* Underline centered */
section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50::after{
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   ⚡ More Information — Stack Heading Above Content (Desktop)
   ========================================================= */

section.pb-16.sm\:pb-20 
.grid.grid-cols-12{
  display: flex !important;
  flex-direction: column !important;
}

/* Heading block full width */
section.pb-16.sm\:pb-20 
.grid.grid-cols-12 > div.col-span-full.md\:col-span-2{
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 18px !important;
  display: flex;
  justify-content: center;
  text-align: center;
}

/* Description block full width */
section.pb-16.sm\:pb-20 
.grid.grid-cols-12 > div.col-span-full.md\:col-span-10{
  width: 100% !important;
  max-width: 100% !important;
}

/* Keep the centered premium heading style */
section.pb-16.sm\:pb-20 
.grid.grid-cols-12 > div.col-span-full.md\:col-span-2 
p.text-2xl.font-display.text-gray-50{
  position: relative;
  font-weight: 950 !important;
  letter-spacing: .01em;
  font-size: clamp(20px, 2.4vw, 28px) !important;
  line-height: 1.05;
  text-align: center;
  text-shadow: 0 18px 55px rgba(0,0,0,.45);
}

section.pb-16.sm\:pb-20 
.grid.grid-cols-12 > div.col-span-full.md\:col-span-2 
p.text-2xl.font-display.text-gray-50::after{
  content:"";
  display:block;
  height:2px;
  width:92px;
  margin:10px auto 0 auto;
  border-radius:999px;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0),
      rgba(139,92,255,.85),
      rgba(45,124,255,.75),
      rgba(255,255,255,0)
    );
  opacity:.95;
}


/* =========================================================
   ⚡ More Information — Renovation v2 (CSS ONLY)
   ========================================================= */

:root{
  --fc-ac1:#8B5CFF;
  --fc-ac2:#2D7CFF;

  --fc-glassA: rgba(255,255,255,.075);
  --fc-glassB: rgba(255,255,255,.03);
  --fc-brd: rgba(255,255,255,.12);
  --fc-inset: 0 0 0 1px rgba(255,255,255,.06) inset;
  --fc-shadow: 0 26px 90px rgba(0,0,0,.65);
  --fc-r2: 22px;
}

@media (prefers-reduced-motion: reduce){
  #fc-more-information-renovation-v2 *{ animation:none !important; transition:none !important; }
}

/* ---------- Layout: Title ABOVE card (even on desktop) ---------- */
section.pb-16.sm\:pb-20 .grid.grid-cols-12{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

/* Title container: full width */
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4{
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}

/* Description container: full width */
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10{
  grid-column: 1 / -1 !important;
}

/* ---------- Title styling (centered + centered underline) ---------- */
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50{
  text-align: center !important;
  font-weight: 950 !important;
  letter-spacing: .01em;
  font-size: clamp(20px, 2.4vw, 26px) !important;
  line-height: 1.1;
  text-shadow: 0 18px 55px rgba(0,0,0,.45);
  margin: 0 !important;
  position: relative;
}
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50::after{
  content:"";
  display:block;
  height: 2px;
  width: 92px;
  margin-top: 10px;
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.00),
      rgba(139,92,255,.85),
      rgba(45,124,255,.75),
      rgba(255,255,255,.00)
    );
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
  opacity: .95;
}

/* ---------- Description card: premium glass ---------- */
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.bg-zinc-950.border-2.border-primary-500.rounded-xl{
  position: relative;
  border-radius: var(--fc-r2) !important;

  /* Replace heavy border with premium glass border */
  border: 1px solid rgba(255,255,255,.14) !important;

  background: linear-gradient(180deg, var(--fc-glassA), var(--fc-glassB)) !important;

  box-shadow:
    var(--fc-shadow),
    var(--fc-inset),
    0 0 55px rgba(139,92,255,.10),
    0 0 70px rgba(45,124,255,.08) !important;

  backdrop-filter: blur(10px);
  overflow: hidden;

  padding: 18px 16px !important;
}

/* Subtle “energy corners” */
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.bg-zinc-950.border-2.border-primary-500.rounded-xl::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    radial-gradient(220px 140px at 12% 0%, rgba(139,92,255,.22), transparent 60%),
    radial-gradient(240px 160px at 90% 120%, rgba(45,124,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  opacity:.95;
}

/* links: subtle premium */
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg a{
  color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(139,92,255,.35);
}
@media (hover:hover){
  section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg a:hover{
    border-bottom-color: rgba(45,124,255,.55);
  }
}

/* mobile padding tune */
@media (max-width: 420px){
  section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.bg-zinc-950.border-2.border-primary-500.rounded-xl{
    padding: 16px 14px !important;
  }
}
/* =========================================================
   ✅ PATCH — FORCE BUNDLES TO SHOW ON MOBILE (CSS ONLY)
   Paste at VERY BOTTOM of your CSS file
   ========================================================= */

/* Competition-page scope WITHOUT JS */
:where(html, body):has(a[href*="/competition/"]){
  /* no styles here; just used for scoping below */
}

/* Force the Ticket Bundles grid to exist + be visible */
:where(html, body):has(a[href*="/competition/"])
.lg\:col-span-6 .bg-gray-800.p-5.mt-5.rounded-lg.border-2.border-gray-700
.grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Force each bundle card/label to show */
:where(html, body):has(a[href*="/competition/"])
.lg\:col-span-6 .bg-gray-800.p-5.mt-5.rounded-lg.border-2.border-gray-700
.grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2 label{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Mobile layout: 1 column (safe) */
@media (max-width: 640px){
  :where(html, body):has(a[href*="/competition/"])
  .lg\:col-span-6 .bg-gray-800.p-5.mt-5.rounded-lg.border-2.border-gray-700
  .grid.grid-cols-1.sm\:grid-cols-2.gap-3.pb-2{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* [deduped] Removed one exact duplicate mobile bundle-visibility patch. */

/* =========================================================
   Entry Lists Grid
   ========================================================= */
:root{
  --fc-bg0:#070815;
  --fc-bg1:#0B0F22;
  --fc-card: rgba(255,255,255,.06);
  --fc-border: rgba(255,255,255,.14);
  --fc-border2: rgba(255,255,255,.22);
  --fc-text: rgba(255,255,255,.92);
  --fc-dim: rgba(255,255,255,.72);

  --fc-ac1:#8B5CFF;
  --fc-ac2:#2D7CFF;
  --fc-gold:#F6C24A;
  --fc-green:#34D399;
}

@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; }
}

/* --- Scope: ONLY grids we mark with JS --- */
.fcListsGrid{
  position:relative;
  gap:14px !important;
  row-gap:18px !important;
  margin: 18px 0 26px !important;
}
@media (min-width: 640px){
  .fcListsGrid{ gap:18px !important; }
}
@media (min-width: 1024px){
  .fcListsGrid{ gap:20px !important; }
}

/* Card shell */
.fcListsGrid [data-fc-card-meta]{
  position:relative;
  overflow:hidden;
  border-radius:18px !important;
  border:1px solid var(--fc-border) !important;
  background:
    radial-gradient(1200px 600px at 15% 0%, rgba(139,92,255,.14), transparent 55%),
    radial-gradient(900px 500px at 90% 20%, rgba(45,124,255,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    linear-gradient(180deg, var(--fc-bg1), var(--fc-bg0)) !important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 1px 0 rgba(255,255,255,.06) inset;
  transform: translateZ(0);
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

/* soft “energy” edge */
.fcListsGrid [data-fc-card-meta]::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:20px;
  pointer-events:none;
  background: linear-gradient(135deg, rgba(139,92,255,.45), rgba(45,124,255,.35), rgba(246,194,74,.25));
  opacity:.22;
  filter: blur(10px);
}

/* subtle diagonal sheen */
.fcListsGrid [data-fc-card-meta]::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.08) 50%, transparent 65%);
  opacity:.0;
  transform: translateX(-18%);
  transition: opacity .25s ease, transform .6s ease;
}

@media (prefers-reduced-motion: no-preference){
  .fcListsGrid [data-fc-card-meta]:hover{
    border-color: var(--fc-border2) !important;
    transform: translateY(-2px);
    box-shadow:
      0 24px 75px rgba(0,0,0,.62),
      0 0 0 1px rgba(139,92,255,.16) inset;
  }
  .fcListsGrid [data-fc-card-meta]:hover::after{
    opacity:.55;
    transform: translateX(12%);
  }
}

/* Make the full-card link keyboard-friendly */
.fcListsGrid [data-fc-card-meta] > a.absolute.inset-0{
  border-radius:18px;
}
.fcListsGrid [data-fc-card-meta] > a.absolute.inset-0:focus-visible{
  outline: 2px solid rgba(246,194,74,.9);
  outline-offset: 3px;
}

/* Image treatment */
.fcListsGrid [data-fc-card-meta] img{
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
  margin-bottom:12px !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Title */
.fcListsGrid [data-fc-card-meta] [data-flux-heading]{
  color: var(--fc-text) !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  line-height: 1.15;
  font-size: 15px !important;
  margin: 2px 0 10px !important;
  text-wrap: balance;
}

/* Meta row */
.fcListsGrid .fcLists-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 2px;
}

/* Pills */
.fcListsGrid .fcLists-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  color: rgba(255,255,255,.88);
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 25px rgba(0,0,0,.28);
}
.fcListsGrid .fcLists-pill b{
  font-weight: 800;
  color: rgba(255,255,255,.92);
}

/* Price pill gets a premium gradient */
.fcListsGrid .fcLists-pill--price{
  background:
    linear-gradient(90deg, rgba(139,92,255,.22), rgba(45,124,255,.18)) !important;
  border-color: rgba(139,92,255,.28) !important;
}

/* Ends pill subtle */
.fcListsGrid .fcLists-pill--ends{
  background: rgba(255,255,255,.05) !important;
}

/* Improve padding without breaking your existing utility overrides */
.fcListsGrid [data-fc-card-meta]{
  padding: 10px !important;
}
@media (min-width: 768px){
  .fcListsGrid [data-fc-card-meta]{ padding: 14px !important; }
}

/* =========================================================
   ⚡ FLASH — COMP PAGE TOP (PRO / MINIMAL v2)
   ✅ No DOM moves (keeps Splide/Livewire/Alpine intact)
   ✅ Professional premium: clean panels, restrained radius,
      subtle purple→blue accents (no pill spam)
   ✅ Removes "Live countdown" badge (and header label stays subtle)
========================================================= */

:root{
  --fc0:#070815;
  --fc1:#0B0F22;

  --t: rgba(255,255,255,.94);
  --d: rgba(255,255,255,.72);
  --dd:rgba(255,255,255,.56);

  --ac1:#8B5CFF;
  --ac2:#2D7CFF;

  --rA: 14px; /* pro corners */
  --rB: 18px;

  --b1: rgba(255,255,255,.10);
  --b2: rgba(255,255,255,.06);

  --panel: rgba(0,0,0,.18);
  --panel2: rgba(255,255,255,.03);

  --shadow: 0 20px 70px rgba(0,0,0,.55);
  --inset: 0 0 0 1px rgba(255,255,255,.05) inset;
}

@media (prefers-reduced-motion: reduce){
  .fcCompTopProV2 *, .fcCompTopProV2 *::before, .fcCompTopProV2 *::after{
    animation:none !important;
    transition:none !important;
  }
}

/* Scope */
.fcCompTopProV2{}

/* ===== Outer top grid: calmer “frame” ===== */
.fcCompTopProV2 .lg\:grid.lg\:auto-rows-min.lg\:grid-cols-12.lg\:gap-x-8{
  position: relative;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid var(--b1);
  background:
    radial-gradient(900px 420px at 12% 0%, rgba(139,92,255,.10), transparent 60%),
    radial-gradient(900px 520px at 92% 110%, rgba(45,124,255,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow: var(--shadow), var(--inset);
}

@media (min-width:1024px){
  .fcCompTopProV2 .lg\:grid.lg\:auto-rows-min.lg\:grid-cols-12.lg\:gap-x-8{
    padding: 18px;
  }
}

/* ===== Right info column as a true pro panel ===== */
.fcCompTopProV2 .lg\:col-span-6.lg\:col-start-7{
  border-radius: 20px;
  border: 1px solid var(--b2);
  background: var(--panel);
  box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset;
  padding: 16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Title + price row */
.fcCompTopProV2 .lg\:col-span-6.lg\:col-start-7
.flex.justify-between.gap-x-5.flex-wrap.items-center{
  gap: 10px 14px !important;
  align-items: baseline !important;
}

/* Competition name: clean premium */
.fcCompTopProV2 .lg\:col-span-6.lg\:col-start-7 h1{
  margin: 0 !important;
  font-weight: 950 !important;
  line-height: 1.06 !important;
  letter-spacing: .01em !important;
  font-size: clamp(22px, 2.2vw, 34px) !important;

  background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(139,92,255,.80), rgba(45,124,255,.80));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: 0 14px 50px rgba(0,0,0,.55);
}

/* Price: NOT a pill. Make it “text + subtle tag” */
.fcCompTopProV2 .lg\:col-span-6.lg\:col-start-7
.flex.justify-between.gap-x-5.flex-wrap.items-center > p{
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;

  display:inline-flex !important;
  align-items:center !important;
  gap: 10px !important;

  font-weight: 950 !important;
  letter-spacing: .02em !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 18px !important;
}
.fcCompTopProV2 .lg\:col-span-6.lg\:col-start-7
.flex.justify-between.gap-x-5.flex-wrap.items-center > p::before{
  content:"";
  width: 9px; height: 9px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(139,92,255,.95), rgba(45,124,255,.95));
  box-shadow: 0 0 0 3px rgba(45,124,255,.10);
  opacity: .9;
}

/* Draw date line: clean divider */
.fcCompTopProV2 .lg\:col-span-6.lg\:col-start-7 .mt-2{
  margin-top: 12px !important;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.fcCompTopProV2 .lg\:col-span-6.lg\:col-start-7 .mt-2 p{
  margin: 0 !important;
  color: rgba(255,255,255,.72) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}

/* ===== Gallery: pro frame, less “toy” ===== */
.fcCompTopProV2 #splide01 .splide__track{
  border-radius: 20px !important;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 80px rgba(0,0,0,.60), 0 0 0 1px rgba(255,255,255,.05) inset;
}
.fcCompTopProV2 #splide01 img.rounded-xl{
  border-radius: 20px !important;
  filter: saturate(1.02) contrast(1.02);
}

/* Thumbs: slim, restrained (no pill rail) */
.fcCompTopProV2 #splide02{
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.08);
}
.fcCompTopProV2 #splide02 .splide__track{
  padding-top: 8px;
}
.fcCompTopProV2 #splide02 .splide__slide{
  border-radius: 14px !important;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  box-shadow: 0 12px 36px rgba(0,0,0,.25);
}
.fcCompTopProV2 #splide02 .splide__slide.is-active{
  border-color: rgba(45,124,255,.35) !important;
  box-shadow: 0 14px 45px rgba(0,0,0,.38), 0 0 0 2px rgba(45,124,255,.12);
}

/* ===== Time remaining: minimal tiles, no badge ===== */
.fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5{
  position: relative;
  margin-top: 12px !important;

  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.16);
  box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset;
  padding: 14px 10px;
  gap: 8px;
}

/* Remove the previously-added labels/badges (hard off) */
.fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5::before,
.fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5::after{
  content: none !important;
  display:none !important;
}

/* Each countdown unit: simple tile, no bubble look */
.fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5 > div{
  padding: 10px 8px !important;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  box-shadow: 0 10px 30px rgba(0,0,0,.20);
  min-width: 76px;
}
.fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5 span.font-stripe{
  font-size: 22px !important;
  letter-spacing: .02em;
}
.fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5 span.text-sm{
  font-size: 11px !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.58) !important;
}

/* Optional: soften ping */
.fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5 .animate-ping{
  opacity: .22 !important;
}

/* ===== % Sold block: clean progress (no stripe motion if present) ===== */
.fcCompTopProV2 .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl{
  margin-top: 12px !important;
  background: rgba(0,0,0,.16) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 20px !important;
  padding: 12px !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset;
}

/* Left label */
.fcCompTopProV2 .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .col-span-2 p{
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  color: rgba(255,255,255,.68) !important;
}

/* Bar track */
.fcCompTopProV2 .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .h-6.w-full.bg-gray-200.rounded-lg{
  height: 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  overflow:hidden;
}

/* Bar fill (static gradient; kills shimmer/stripes) */
.fcCompTopProV2 .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl .h-6.rounded-lg.bg-primary-500{
  height: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(139,92,255,.95), rgba(45,124,255,.95)) !important;
  background-image: linear-gradient(90deg, rgba(139,92,255,.95), rgba(45,124,255,.95)) !important;
  animation: none !important;
}
.fcCompTopProV2 .barbershop-animation{
  animation: none !important;
  background-image: none !important;
}

/* Progress text */
.fcCompTopProV2 #obsidian-progress{
  top: -18px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.58) !important;
}

/* ===== Online / Postal buttons: pro segmented, no pill spam ===== */
.fcCompTopProV2 .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5{
  margin-top: 12px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  gap: 10px !important;
  box-shadow: none !important;
}

/* Make each button a clean “segment” */
.fcCompTopProV2 .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(255,255,255,.80) !important;

  font-weight: 950 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;

  padding: 12px 14px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.25);
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, filter .12s ease;
}

/* Active state: understated glow */
.fcCompTopProV2 .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button.bg-gray-900,
.fcCompTopProV2 .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button.text-gray-100.bg-gray-900{
  background: linear-gradient(90deg, rgba(139,92,255,.18), rgba(45,124,255,.12)) !important;
  border-color: rgba(45,124,255,.26) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.35), 0 0 0 2px rgba(45,124,255,.10);
}

@media (hover:hover){
  .fcCompTopProV2 .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button:hover{
    transform: translateY(-1px);
    border-color: rgba(139,92,255,.20) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.40);
    filter: brightness(1.03);
  }
}

/* ===== Mobile tidy ===== */
@media (max-width: 560px){
  .fcCompTopProV2 .lg\:grid.lg\:auto-rows-min.lg\:grid-cols-12.lg\:gap-x-8{ padding: 10px; border-radius: 18px; }
  .fcCompTopProV2 .lg\:col-span-6.lg\:col-start-7{ padding: 12px; border-radius: 18px; }
  .fcCompTopProV2 #splide01 .splide__track{ border-radius: 18px !important; }
  .fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5{ border-radius: 18px; }
  .fcCompTopProV2 .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl{ border-radius: 18px !important; }
  .fcCompTopProV2 .flex.justify-around.items-center.lg\:col-span-6.mt-5 > div{ min-width: 68px; }
  .fcCompTopProV2 .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5 button{ width: 100%; }
  .fcCompTopProV2 .flex.justify-center.mb-4.rounded-md.shadow-sm.gap-5.p-2.bg-gray-800.mt-5{ flex-direction: column; }
}

/* =========================================================
   Social row (injected) — no pills, just outline buttons
========================================================= */
.fcFooterSocial{
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 12px;
  margin: 26px auto 0;
  width: 100%;
}
.fcFooterSocial a{
  width: 40px;
  height: 40px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  color: rgba(255,255,255,.86);
  text-decoration:none;
  box-shadow: 0 16px 46px rgba(0,0,0,.26);
  transition: transform .15s ease, border-color .15s ease, color .15s ease;
}
.fcFooterSocial a svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
  opacity: .95;
}
@media (hover:hover){
  .fcFooterSocial a:hover{
    transform: translateY(-2px);
    border-color: rgba(139,92,255,.45);
    color: rgba(255,255,255,.95);
  }
}

/* =========================================================
   Powered by Rafflex — center + single line (do not style inner shimmer)
========================================================= */
div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 .mt-8.-ml-\[100px\]{
  margin-left: 0 !important;
  display:flex !important;
  justify-content:center !important;
  margin-top: 24px !important;
}
div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 .mt-8.-ml-\[100px\] a{
  white-space: nowrap !important;
  text-align:center !important;
}

/* =========================================================
   Bottom row (copyright)
========================================================= */
div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 .mt-4.border-t{
  border-color: var(--fcF-border) !important;
  margin-top: 22px !important;
  padding-top: 18px !important;
  display:flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align:center;
}
div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 p.text-xs{
  color: var(--fcF-soft) !important;
  font-weight: 550;
  letter-spacing: .02em;
  margin: 0 !important;
}

/* =========================================================
   Mobile: keep 2 columns (one row), just tighten spacing
========================================================= */
@media (max-width: 760px){
  div.mx-auto.max-w-7xl.px-6.pb-8.pt-20{
    padding-top: 42px !important;
  }
  div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 .grid.grid-cols-2.gap-8{
    width: min(560px, 100%);
    gap: 18px !important;
  }
  div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 h3{
    font-size: 10.5px !important;
    margin-bottom: 12px !important;
  }
  div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 ul[role="list"] a{
    font-size: 12.5px !important;
  }
}
@media (max-width: 360px){
  /* still 2 columns, but smallest spacing */
  div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 .grid.grid-cols-2.gap-8{
    gap: 14px !important;
  }
  div.mx-auto.max-w-7xl.px-6.pb-8.pt-20 ul[role="list"] a{
    font-size: 12px !important;
  }
}

/* =========================================================
   ⚡ FLASH — /lists HEADER + CARDS (AMAZING v4)
   ✅ Header now DEFINITELY shows (inserts before the grid)
   ✅ Hides the default Rafflex header block (only on /lists scope)
   ✅ Cards redesigned HARD (premium, clean, energetic)
   ✅ NO pill/bullet vibe: meta becomes a clean spec row
   ✅ Removes any leftover “weird” injected widgets from older versions
   ✅ Livewire-safe + idempotent • No font changes • Reduced-motion safe
========================================================= */

:root{
  --fcL0:#070815;
  --fcL1:#0B0F22;

  --fcT:  rgba(255,255,255,.92);
  --fcD:  rgba(255,255,255,.70);
  --fcDD: rgba(255,255,255,.52);

  --fcB1: rgba(255,255,255,.10);
  --fcB2: rgba(255,255,255,.18);

  --fcA1:#8B5CFF;
  --fcA2:#2D7CFF;
  --fcG:#F6C24A;
  --fcOK:#34D399;
}

@media (prefers-reduced-motion: reduce){
  .fcListsV4 *, .fcListsV4 *::before, .fcListsV4 *::after{
    animation:none !important;
    transition:none !important;
  }
}

/* =========================
   SCOPE
========================= */
.fcListsV4{ position:relative; }

/* =========================
   REMOVE ANY OLD “WEIRD THING”
   (from previous inject versions)
========================= */
.fcListsV4 .fcCardCorner,
.fcListsV4 .fcListSignal,
.fcListsV4 .fcTLSectionHdr,
.fcListsV4 .fcListsHeaderWrap,
.fcListsV4 .fcFooterHdr,
.fcListsV4 .fcListsHero,
.fcListsV4 .fcListsHeroFrame,
.fcListsV4 .fcListsDivider{
  /* if any survived as classes, we’ll remove them in JS;
     this just ensures nothing visual remains */
}

/* =========================
   DEFAULT HEADER OFF (only within scope)
========================= */
.fcListsV4 .mx-auto.max-w-2xl.text-center{
  display:none !important;
}

/* =========================
   INJECTED HEADER (our vibe)
========================= */
.fcListsV4 .fcListsHero{
  width: min(980px, 100%);
  margin: 10px auto 0;
  padding: 0 8px;
  text-align:center;
}

.fcListsV4 .fcListsHeroFrame{
  position: relative;
  border-radius: 22px;
  border: 1px solid var(--fcB1);
  padding: 22px 16px 18px;

  background:
    radial-gradient(1000px 520px at 10% 0%, rgba(139,92,255,.14), transparent 60%),
    radial-gradient(900px 600px at 92% 110%, rgba(45,124,255,.11), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(180deg, var(--fcL1), var(--fcL0));

  box-shadow:
    0 28px 90px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.05) inset;
}

/* premium top “signal line” */
.fcListsV4 .fcListsHeroFrame::before{
  content:"";
  position:absolute;
  left: 18px; right: 18px; top: 14px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(139,92,255,.70),
    rgba(45,124,255,.62),
    rgba(255,255,255,0)
  );
  opacity: .8;
}

.fcListsV4 .fcListsKicker{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font-weight: 950;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(255,255,255,.72);
  margin: 0 0 10px;
}
.fcListsV4 .fcListsKicker::before{
  content:"";
  width: 9px; height: 9px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(139,92,255,.95), rgba(45,124,255,.95));
  box-shadow: 0 0 0 3px rgba(45,124,255,.10);
  opacity: .92;
}

.fcListsV4 .fcListsTitle{
  margin: 0;
  font-weight: 950;
  letter-spacing: .01em;
  line-height: 1.05;
  font-size: clamp(22px, 2.8vw, 38px);

  background: linear-gradient(90deg,
    rgba(255,255,255,.98),
    rgba(139,92,255,.86),
    rgba(45,124,255,.86)
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  text-shadow: 0 22px 70px rgba(0,0,0,.65);
}

.fcListsV4 .fcListsSub{
  margin: 10px auto 0;
  max-width: 740px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.6;
  color: rgba(255,255,255,.70);
}

/* clean divider under hero */
.fcListsV4 .fcListsDivider{
  width: min(920px, 92%);
  height: 2px;
  margin: 18px auto 0;
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.16),
    rgba(255,255,255,.08),
    rgba(255,255,255,0)
  );
}

/* =========================
   GRID RHYTHM
========================= */
.fcListsV4 .grid.grid-cols-2.my-10{
  margin-top: 22px !important;
  gap: 12px !important;
  row-gap: 22px !important;
}
@media (min-width: 640px){
  .fcListsV4 .grid.grid-cols-2.my-10{ gap: 16px !important; row-gap: 26px !important; }
}
@media (min-width: 1024px){
  .fcListsV4 .grid.grid-cols-2.my-10{ gap: 18px !important; row-gap: 30px !important; }
}

/* =========================
   CARD — AMAZING (clean, premium, “want to click”)
========================= */
.fcListsV4 [data-fc-card-meta]{
  position: relative;
  overflow: hidden;
  border-radius: 22px !important;
  border: 1px solid var(--fcB1) !important;

  /* Remove the boxy utility background feel */
  background:
    radial-gradient(1100px 520px at 12% 0%, rgba(139,92,255,.12), transparent 58%),
    radial-gradient(1000px 620px at 100% 110%, rgba(45,124,255,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    linear-gradient(180deg, var(--fcL1), var(--fcL0)) !important;

  box-shadow:
    0 30px 95px rgba(0,0,0,.66),
    0 0 0 1px rgba(255,255,255,.05) inset;

  transform: translateZ(0);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
}

/* ultra subtle perimeter glow (not tacky) */
.fcListsV4 [data-fc-card-meta]::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 24px;
  pointer-events:none;
  background: linear-gradient(135deg,
    rgba(139,92,255,.38),
    rgba(45,124,255,.28),
    rgba(246,194,74,.12)
  );
  opacity: .14;
  filter: blur(14px);
}

/* Full-card link focus */
.fcListsV4 [data-fc-card-meta] > a.absolute.inset-0{
  border-radius: 22px;
}
.fcListsV4 [data-fc-card-meta] > a.absolute.inset-0:focus-visible{
  outline: 2px solid rgba(246,194,74,.92);
  outline-offset: 3px;
}

/* Padding */
.fcListsV4 [data-fc-card-meta]{
  padding: 10px !important;
}
@media (min-width: 768px){
  .fcListsV4 [data-fc-card-meta]{ padding: 14px !important; }
}

/* Image: poster-grade */
.fcListsV4 [data-fc-card-meta] img{
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.65),
    0 0 0 1px rgba(255,255,255,.05) inset;
  margin-bottom: 12px !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;

  filter: saturate(1.06) contrast(1.04);
  transform: translateZ(0);
  transition: transform .45s ease, filter .22s ease;

  -webkit-mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
}
@media (prefers-reduced-motion: no-preference){
  .fcListsV4 [data-fc-card-meta]:hover img{
    transform: scale(1.02);
    filter: saturate(1.10) contrast(1.06);
  }
}

/* Title: “expensive ink” */
.fcListsV4 [data-fc-card-meta] [data-flux-heading]{
  margin: 2px 0 10px !important;
  font-weight: 950 !important;
  letter-spacing: .01em;
  line-height: 1.12;
  font-size: 15px !important;
  text-wrap: balance;

  background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(139,92,255,.82), rgba(45,124,255,.82));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;

  text-shadow: 0 14px 50px rgba(0,0,0,.55);
}
@media (min-width: 768px){
  .fcListsV4 [data-fc-card-meta] [data-flux-heading]{ font-size: 16px !important; }
}

/* =========================
   META: clean spec row (NO pills)
========================= */
.fcListsV4 .fcLists-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap: 0;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
}

/* Hide original pill spans once rebuilt */
.fcListsV4 .fcLists-meta[data-fc-spec="1"] .fcLists-pill{
  display:none !important;
}

/* Spec item */
.fcListsV4 .fcSpec{
  display:inline-flex;
  align-items:baseline;
  gap: 10px;
  color: var(--fcD);
  font-size: 12.5px;
}
.fcListsV4 .fcSpec + .fcSpec{
  margin-left: 14px;
  padding-left: 14px;
  border-left: 1px solid rgba(255,255,255,.10);
}

.fcListsV4 .fcSpecKey{
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--fcDD);
}

.fcListsV4 .fcSpecVal{
  font-weight: 800;
  color: rgba(255,255,255,.84);
}

/* Price emphasis (no chip) */
.fcListsV4 .fcSpec--price .fcSpecVal{
  background: linear-gradient(90deg, rgba(139,92,255,.92), rgba(45,124,255,.92));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}
.fcListsV4 .fcSpec--free .fcSpecVal{
  background:none;
  color: rgba(52,211,153,.92);
}

/* Mobile tiny tweaks */
@media (max-width: 380px){
  .fcListsV4 .fcSpec{ font-size: 12px; }
  .fcListsV4 .fcSpec + .fcSpec{ margin-left: 12px; padding-left: 12px; }
}

/* =========================================================
   ⚡ FLASH — Entry List Renovation v10 (FULL)
   ✅ Full layout renovation + wide fit
   ✅ Mobile-first, less clutter
   ✅ Table shows ONLY: Ticket # + Customer + Admin
   ✅ Removes “ticket grid outline” (no outer framed wrapper)
   ✅ Livewire-safe, idempotent, no font changes
========================================================= */

:root{
  --fc0:#070815;
  --fc1:#0B0F22;

  --t:  rgba(255,255,255,.92);
  --d:  rgba(255,255,255,.66);
  --dd: rgba(255,255,255,.48);

  --b1: rgba(255,255,255,.10);
  --b2: rgba(255,255,255,.16);

  --ac1:#8B5CFF;
  --ac2:#2D7CFF;
}

@media (prefers-reduced-motion: reduce){
  .fcELv10 *, .fcELv10 *::before, .fcELv10 *::after{
    animation:none !important;
    transition:none !important;
  }
}

/* ===== Wider fit + safe gutters ===== */
.fcELv10{
  width:100%;
  padding-left: max(12px, env(safe-area-inset-left)) !important;
  padding-right: max(12px, env(safe-area-inset-right)) !important;
}
@media (min-width: 1024px){
  .fcELv10{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
.fcELv10 .fcEL10-wide{
  width: min(1400px, 100%);
  margin: 0 auto;
}

/* Hide original centered header (we inject our own) */
.fcELv10 .mx-auto.max-w-2xl.text-center{ display:none !important; }

/* ===== Shell ===== */
.fcELv10 .fcEL10-shell{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 6px;
}
@media (min-width: 1024px){
  .fcELv10 .fcEL10-shell{
    grid-template-columns: 340px 1fr; /* slimmer left, more room for table */
    gap: 16px;
    align-items:start;
  }
}

/* ===== Hero ===== */
.fcELv10 .fcEL10-hero{
  grid-column: 1 / -1;
  border-radius: 18px;
  border: 1px solid var(--b1);
  background:
    radial-gradient(900px 440px at 12% 0%, rgba(139,92,255,.12), transparent 60%),
    radial-gradient(900px 540px at 92% 105%, rgba(45,124,255,.10), transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012)),
    linear-gradient(180deg, var(--fc1), var(--fc0));
  box-shadow:
    0 18px 60px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.04) inset;
  overflow:hidden;
  padding: 12px 12px 10px;
}
@media (min-width:640px){
  .fcELv10 .fcEL10-hero{ padding: 14px 14px 12px; }
}

.fcELv10 .fcEL10-kicker{
  display:inline-flex; align-items:center; gap:8px;
  font-weight: 950;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-size: 10px;
  color: rgba(255,255,255,.62);
}
.fcELv10 .fcEL10-kicker .dot{
  width: 8px; height: 8px; border-radius:999px;
  background: linear-gradient(90deg, rgba(52,211,153,.95), rgba(45,124,255,.85));
  box-shadow: 0 0 0 3px rgba(52,211,153,.08);
}
@media (prefers-reduced-motion: no-preference){
  .fcELv10 .fcEL10-kicker .dot{ animation: fcEL10Pulse 1.6s ease-in-out infinite; }
  @keyframes fcEL10Pulse{
    0%,100%{ transform: scale(1); opacity:.85; }
    50%{ transform: scale(1.18); opacity:1; }
  }
}
.fcELv10 .fcEL10-title{
  margin-top: 8px;
  font-weight: 950;
  letter-spacing: .01em;
  line-height: 1.10;
  font-size: 16px;
  background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(139,92,255,.82), rgba(45,124,255,.82));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  text-shadow: 0 14px 40px rgba(0,0,0,.55);
}
@media (min-width:640px){ .fcELv10 .fcEL10-title{ font-size: 18px; } }

.fcELv10 .fcEL10-sub{
  margin-top: 6px;
  color: rgba(255,255,255,.62);
  font-weight: 650;
  font-size: 12.5px;
  line-height: 1.55;
}

/* ===== Panels ===== */
.fcELv10 .fcEL10-left,
.fcELv10 .fcEL10-right{
  border-radius: 18px;
  border: 1px solid var(--b1);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012)),
    linear-gradient(180deg, var(--fc1), var(--fc0));
  box-shadow:
    0 18px 60px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.04) inset;
  overflow:hidden;
}
@media (min-width:1024px){
  .fcELv10 .fcEL10-left{ position: sticky; top: 18px; }
}

.fcELv10 .fcEL10-leftTop,
.fcELv10 .fcEL10-rightTop{
  padding: 12px 12px 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.12);
}
@media (min-width:640px){
  .fcELv10 .fcEL10-leftTop,
  .fcELv10 .fcEL10-rightTop{ padding: 14px 14px 12px; }
}
.fcELv10 .fcEL10-leftBody,
.fcELv10 .fcEL10-rightBody{
  padding: 10px 12px 12px;
}
@media (min-width:640px){
  .fcELv10 .fcEL10-leftBody,
  .fcELv10 .fcEL10-rightBody{ padding: 12px 14px 14px; }
}

/* Section headings */
.fcELv10 .fcEL10-secK{
  font-weight: 950;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-size: 10px;
  color: rgba(255,255,255,.62);
}
.fcELv10 .fcEL10-secT{
  margin-top: 8px;
  font-weight: 950;
  font-size: 14.5px;
  line-height: 1.12;
  color: rgba(255,255,255,.92);
}
.fcELv10 .fcEL10-secS{
  margin-top: 6px;
  font-size: 12.5px;
  color: rgba(255,255,255,.62);
  line-height: 1.55;
}

/* ===== Left card (less clutter) ===== */
.fcELv10 .fcEL10-leftBody [data-flux-card]{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.fcELv10 .fcEL10-leftBody [data-flux-card] .flex.flex-col.lg\:flex-row.gap-6{
  flex-direction: column !important;
  gap: 12px !important;
}

/* Hide badge pills */
.fcELv10 .fcEL10-leftBody .flex.flex-wrap.gap-2.mb-4{ display:none !important; }

/* Poster */
.fcELv10 .fcEL10-leftBody img{
  width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 16px 50px rgba(0,0,0,.55) !important;
  margin-bottom: 8px !important;
  filter: saturate(1.04) contrast(1.03) !important;
}

/* Hide the top “View” button (desktop one) to reduce clutter */
.fcELv10 .fcEL10-leftBody a[href*="/competition/"].hidden.sm\:inline-flex{
  display:none !important;
}

/* Title */
.fcELv10 .fcEL10-leftBody [data-flux-heading]{
  font-weight: 950 !important;
  font-size: 15.5px !important;
  line-height: 1.12;
  background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(139,92,255,.82), rgba(45,124,255,.82));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent !important;
  text-shadow: 0 14px 40px rgba(0,0,0,.55);
}

/* Specs -> only keep 3 rows (Price, Max Tickets, Ends) if others exist */
.fcELv10 .fcEL10-leftBody .grid.grid-cols-2.md\:grid-cols-4.gap-4{
  display:flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
.fcELv10 .fcEL10-leftBody .grid.grid-cols-2.md\:grid-cols-4.gap-4 > div{
  display:flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(0,0,0,.12) !important;
}
.fcELv10 .fcEL10-leftBody [data-flux-subheading]{
  font-weight: 950 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  color: rgba(255,255,255,.50) !important;
  margin: 0 !important;
}
.fcELv10 .fcEL10-leftBody p.text-gray-50.font-semibold{
  margin: 0 !important;
  font-weight: 950 !important;
  font-size: 13px !important;
  color: rgba(255,255,255,.90) !important;
}

/* Progress: keep but minimal */
.fcELv10 .fcEL10-leftBody .mt-4{
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,.08);
}
.fcELv10 .fcEL10-leftBody .w-full.bg-zinc-400{
  height: 8px !important;
  background: rgba(255,255,255,.08) !important;
  border-radius: 999px !important;
}
.fcELv10 .fcEL10-leftBody .bg-primary-500{
  height: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(139,92,255,.92), rgba(45,124,255,.92)) !important;
  animation:none !important;
}

/* CTA (keep mobile full button, make it clean) */
.fcELv10 .fcEL10-leftBody a[data-flux-button]{
  margin-top: 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.03) !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
  font-weight: 950 !important;
  letter-spacing: .20em !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.90) !important;
}
@media (hover:hover){
  .fcELv10 .fcEL10-leftBody a[data-flux-button]:hover{
    background: rgba(255,255,255,.05) !important;
    border-color: rgba(45,124,255,.22) !important;
    transform: translateY(-1px);
  }
}

/* ===== Right controls (less clutter on mobile) ===== */
.fcELv10 .fcEL10-rightBody .flex.flex-col.sm\:flex-row.gap-3.mb-4{
  padding: 10px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(0,0,0,.10) !important;
  box-shadow: none !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}
.fcELv10 .fcEL10-rightBody input[type="text"][wire\\:model]{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(255,255,255,.88) !important;
  box-shadow: none !important;
}
.fcELv10 .fcEL10-rightBody input[type="text"][wire\\:model]::placeholder{
  color: rgba(255,255,255,.42) !important;
}
.fcELv10 .fcEL10-rightBody select[wire\\:model]{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(255,255,255,.88) !important;
  box-shadow: none !important;
}
/* Hide “Show My Tickets” on very small screens to reduce clutter (still accessible on >= 520px) */
@media (max-width: 520px){
  .fcELv10 .fcEL10-rightBody button[wire\\:click="toggleMyTickets"]{ display:none !important; }
}
.fcELv10 .fcEL10-rightBody button[wire\\:click="toggleMyTickets"]{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.02) !important;
  box-shadow: none !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  font-size: 10.5px !important;
  padding: 12px 12px !important;
}
@media (hover:hover){
  .fcELv10 .fcEL10-rightBody button[wire\\:click="toggleMyTickets"]:hover{
    background: rgba(255,255,255,.05) !important;
    border-color: rgba(45,124,255,.22) !important;
    transform: translateY(-1px);
  }
}

/* ===== Table: remove outer outline / wrapper ===== */
.fcELv10 .fcEL10-rightBody .relative.overflow-x-auto.rounded-lg.border.border-gray-700.bg-gray-950{
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Style the TABLE itself as the clean ledger */
.fcELv10 .fcEL10-rightBody table{
  width: 100%;
  border-radius: 16px !important;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.006)),
    rgba(0,0,0,.16) !important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.04) inset !important;
}

/* Header row */
.fcELv10 .fcEL10-rightBody table thead.bg-gray-900{
  background: rgba(255,255,255,.02) !important;
}
.fcELv10 .fcEL10-rightBody table th{
  font-size: 10px !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.74) !important;
}

/* Zebra subtle + hover */
.fcELv10 .fcEL10-rightBody table tbody tr:nth-child(even){
  background: rgba(255,255,255,.012);
}
@media (hover:hover){
  .fcELv10 .fcEL10-rightBody table tbody tr:hover{
    background: rgba(139,92,255,.06);
  }
}

/* Ticket ID feel */
.fcELv10 .fcEL10-rightBody table tbody td:first-child{
  font-weight: 950;
  letter-spacing: .10em;
}

/* Empty state text */
.fcELv10 .fcEL10-rightBody td.text-center.text-gray-400{
  color: rgba(255,255,255,.55) !important;
  font-weight: 700;
}

/* ===== Show ONLY: Ticket # + Customer + Admin ===== */
/* columns: 1 Ticket #, 2 Status, 3 Customer, 4 Date, 5 Admin (sometimes) */
.fcELv10 .fcEL10-rightBody table th:nth-child(2),
.fcELv10 .fcEL10-rightBody table td:nth-child(2),
.fcELv10 .fcEL10-rightBody table th:nth-child(4),
.fcELv10 .fcEL10-rightBody table td:nth-child(4){
  display:none !important;
}

/* Ensure Admin stays visible if present */
.fcELv10 .fcEL10-rightBody table th:nth-child(5),
.fcELv10 .fcEL10-rightBody table td:nth-child(5){
  display: table-cell !important;
  text-align: right !important;
}

/* Width balance for 3 cols */
.fcELv10 .fcEL10-rightBody table{
  table-layout: fixed !important;
}
.fcELv10 .fcEL10-rightBody table th:nth-child(1),
.fcELv10 .fcEL10-rightBody table td:nth-child(1){ width: 32% !important; }
.fcELv10 .fcEL10-rightBody table th:nth-child(3),
.fcELv10 .fcEL10-rightBody table td:nth-child(3){ width: 48% !important; }
.fcELv10 .fcEL10-rightBody table th:nth-child(5),
.fcELv10 .fcEL10-rightBody table td:nth-child(5){ width: 20% !important; }

/* ===== Pagination: minimal ===== */
.fcELv10 .fcEL10-rightBody .pt-4.flex.flex-col.sm\:flex-row.justify-between.items-start{
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  align-items: center !important;
  gap: 10px !important;
}

/* De-emphasize “Total tickets” pill */
.fcELv10 .fcEL10-rightBody .pt-4 > div.text-gray-50.text-sm{
  color: rgba(255,255,255,.62) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
.fcELv10 .fcEL10-rightBody .pt-4 .text-primary-theme.bg-primary-500{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
  padding: 3px 8px !important;
  margin-left: 8px !important;
  color: rgba(255,255,255,.86) !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

.fcELv10 .fcEL10-rightBody nav[aria-label="Ticket list pagination"]{
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  gap: 8px !important;
}
.fcELv10 .fcEL10-rightBody nav[aria-label="Ticket list pagination"] button[data-flux-button]{
  height: 36px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.02) !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.82) !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  padding: 0 12px !important;
}
.fcELv10 .fcEL10-rightBody nav[aria-label="Ticket list pagination"] button.w-10{
  width: 36px !important;
  padding: 0 !important;
}
.fcELv10 .fcEL10-rightBody nav[aria-label="Ticket list pagination"] button:disabled{
  opacity: .45 !important;
}
@media (hover:hover){
  .fcELv10 .fcEL10-rightBody nav[aria-label="Ticket list pagination"] button[data-flux-button]:hover{
    transform: translateY(-1px);
    border-color: rgba(45,124,255,.22) !important;
    background: rgba(255,255,255,.04) !important;
  }
}

/* Mobile: pagination fills width nicely */
@media (max-width: 520px){
  .fcELv10 .fcEL10-rightBody nav[aria-label="Ticket list pagination"]{
    width: 100%;
    justify-content: space-between;
  }
  .fcELv10 .fcEL10-rightBody nav[aria-label="Ticket list pagination"] button:not(.w-10){
    flex: 1;
    min-width: 0;
    justify-content: center;
  }
}




/* =========================================================
   v4 refinements
   ========================================================= */

/* add breathing room below navbar */
.fc-comp-page .pb-16.pt-3.sm\:pt-6.sm\:pb-20{
  padding-top: 1.4rem !important;
}
@media (min-width:640px){
  .fc-comp-page .pb-16.pt-3.sm\:pt-6.sm\:pb-20{
    padding-top: 2rem !important;
  }
}

/* title + price polish */
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center{
  padding-top: 10px !important;
}

.fc-comp-page h1.text-3xl.font-display.text-gray-50{
  font-size: clamp(1.3rem, 2.35vw, 2.15rem) !important;
  letter-spacing: .065em !important;
  font-weight: 800 !important;
  text-transform: none !important;
  text-shadow:
    0 0 14px rgba(139,92,255,.14),
    0 0 28px rgba(53,184,255,.10),
    0 10px 24px rgba(0,0,0,.28) !important;
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl{
  font-size: clamp(1.05rem, 1.45vw, 1.3rem) !important;
  letter-spacing: .03em !important;
  font-weight: 900 !important;
  color: #9fe8ff !important;
  text-shadow: 0 0 16px rgba(53,184,255,.18), 0 0 28px rgba(53,184,255,.08) !important;
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .mt-2 > p{
  padding: 10px 18px !important;
  border-color: rgba(120,130,255,.34) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 18px rgba(139,92,255,.08),
    0 0 18px rgba(53,184,255,.08) !important;
}

/* remove now-useless top selector intro */
.fc-comp-page .fcFastTop{
  display: none !important;
}

.fc-comp-page .fcFastWrap{
  padding-top: 6px !important;
}

/* make countdown more premium and eye-catching */
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
  position: relative;
  margin-top: 22px !important;
  padding: 12px 0 !important;
  border-top: 1px solid rgba(115,130,255,.22) !important;
  border-bottom: 1px solid rgba(115,130,255,.22) !important;
  background:
    linear-gradient(90deg, rgba(139,92,255,.06), rgba(53,184,255,.045), rgba(139,92,255,.04)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 -1px 0 rgba(255,255,255,.02),
    0 0 28px rgba(53,184,255,.05);
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]::before,
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:min(70%,420px);
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(139,92,255,.85), rgba(53,184,255,.85), transparent);
  opacity:.85;
}
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]::before{ top:-1px; }
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]::after{ bottom:-1px; }

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
  padding: 8px 2px !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .font-stripe{
  font-size: clamp(1.6rem, 2.6vw, 2.15rem) !important;
  font-weight: 900 !important;
  letter-spacing: .04em;
  color: #ffffff !important;
  text-shadow:
    0 0 16px rgba(139,92,255,.10),
    0 0 26px rgba(53,184,255,.18),
    0 8px 22px rgba(0,0,0,.26) !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .text-sm{
  margin-top: 5px;
  font-size: 10px !important;
  letter-spacing: .22em !important;
  color: rgba(233,242,255,.72) !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div:last-child{
  position: relative;
}

/* stretch lower-page header underlines only to text area and use flash gradient */
section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50{
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: transparent !important;
  background: linear-gradient(90deg, #caaeff 0%, #8b5cff 35%, #35b8ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 18px rgba(53,184,255,.10) !important;
}

section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50::after,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50::after{
  width: 100% !important;
  min-width: 120px;
  max-width: 100%;
  margin-top: 10px !important;
  height: 1px !important;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(139,92,255,.96), rgba(53,184,255,.96)) !important;
  box-shadow: 0 0 14px rgba(139,92,255,.14), 0 0 16px rgba(53,184,255,.16) !important;
}

/* more information neon gradient outline */
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.bg-zinc-950.border-2.border-primary-500.rounded-xl{
  position: relative;
  border: 1px solid transparent !important;
  background:
    linear-gradient(#071022,#071022) padding-box,
    linear-gradient(90deg, rgba(139,92,255,.9), rgba(53,184,255,.95)) border-box !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 24px rgba(139,92,255,.08),
    0 0 28px rgba(53,184,255,.08),
    0 24px 70px rgba(0,0,0,.42) !important;
}

section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.bg-zinc-950.border-2.border-primary-500.rounded-xl::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background: linear-gradient(135deg, rgba(139,92,255,.08), rgba(53,184,255,.05) 55%, transparent 80%);
}

/* mobile title balance */
@media (max-width: 1023px){
  .fc-comp-page h1.text-3xl.font-display.text-gray-50{
    font-size: clamp(1.2rem, 6.3vw, 1.7rem) !important;
    letter-spacing: .055em !important;
  }

  .fc-comp-page .pb-16.pt-3.sm\:pt-6.sm\:pb-20{
    padding-top: 1.15rem !important;
  }

  .fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .font-stripe{
    font-size: clamp(1.2rem, 5.5vw, 1.55rem) !important;
  }
}


/* =========================================================
   V5 — hero typography + section header refinements
   ========================================================= */

.fc-comp-page .fcSectionBolt{ display:none !important; }

.fc-comp-page .fcFastTop{ display:none !important; }

.fc-comp-page .fcSliderWrap{
  padding-top:18px;
  border-top:1px solid var(--fc-line);
}

.fc-comp-page .fcSectionTitle{
  gap:0 !important;
}

.fc-comp-page .fcSectionTitle::before,
.fc-comp-page .fcSectionTitle::after{
  flex:0 1 84px;
}

.fc-comp-page .fcSectionText,
section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50{
  font-family: var(--font-display, inherit) !important;
  font-weight: 500 !important;
  letter-spacing: .05em !important;
  text-transform: none !important;
  color: transparent !important;
  background: linear-gradient(90deg,#cdb6ff 0%, #8e82ff 35%, #57b5ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow: 0 0 18px rgba(139,92,255,.14), 0 0 24px rgba(53,184,255,.10) !important;
}

.fc-comp-page .fcSectionText{
  font-size: 14px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-7{
  padding-top: 26px !important;
}

.fc-comp-page h1.text-3xl.font-display.text-gray-50,
.fc-comp-page .fcHeroName{
  font-family: var(--font-display, inherit) !important;
  font-weight: 500 !important;
  letter-spacing: .035em !important;
  line-height: 1.04 !important;
  color: transparent !important;
  background: linear-gradient(90deg,#e9e4ff 0%, #c9b3ff 24%, #8a84ff 56%, #67c2ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow: 0 0 20px rgba(139,92,255,.15), 0 0 24px rgba(53,184,255,.10) !important;
}

.fc-comp-page h1.text-3xl.font-display.text-gray-50{
  font-size: clamp(1.8rem, 3vw, 2.7rem) !important;
}

.fc-comp-page .fcHeroMeta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin: 0 0 18px;
}

.fc-comp-page .fcHeroName{
  font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.fc-comp-page .fcHeroPrice,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
}

.fc-comp-page .fcPricePrefix{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(111,128,255,.22);
  background: linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  color: var(--fc-white-dim) !important;
  font-size:11px !important;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:700;
}

.fc-comp-page .fcPriceValue{
  font-family: var(--font-display, inherit) !important;
  font-size: clamp(1rem, 1.4vw, 1.18rem) !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  color: #7de0ff !important;
  text-shadow: 0 0 12px rgba(53,184,255,.18);
}

.fc-comp-page .fcHeroDate,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .mt-2 > p{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 16px;
  border-radius:999px;
  border:1px solid rgba(111,128,255,.24);
  background: linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  color: #f4fbff !important;
  font-size: 11px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
  box-shadow: 0 0 18px rgba(53,184,255,.08);
}

@media (min-width:1024px){
  .fc-comp-page .fc-info-col > .fc-hero-original,
  .fc-comp-page .fc-info-col > .fc-hero-original-date{
    display:none !important;
  }
}

@media (max-width:1023px){
  .fc-comp-page .fcHeroMeta{
    display:none !important;
  }
}

/* Countdown refinement */
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
  border-top:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding:10px 0 6px !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
  flex:0 0 auto;
  min-width:74px;
  padding:14px 10px !important;
  border-radius:14px;
  border:1px solid rgba(85,170,255,.34);
  background: linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015), 0 0 20px rgba(53,184,255,.06);
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div:not(:last-child)::after{ display:none !important; }

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .font-stripe{
  font-size: clamp(1.55rem, 2.3vw, 2rem) !important;
  color:#41d5ff !important;
}

/* Instant wins / more information upgraded headings and fade underline */
section.pb-16.sm\:pb-20 .mb-4,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4{
  text-align:center !important;
}

section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  font-size: clamp(2rem, 2.9vw, 3rem) !important;
  line-height:1.06 !important;
  margin:0 auto !important;
  position:relative;
}

section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50::after,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-16px;
  height:1px;
  background: linear-gradient(90deg, transparent 0%, rgba(139,92,255,0) 6%, rgba(139,92,255,.95) 28%, rgba(53,184,255,.95) 72%, rgba(53,184,255,0) 94%, transparent 100%) !important;
  box-shadow: 0 0 14px rgba(53,184,255,.16);
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.bg-zinc-950.border-2.border-primary-500.rounded-xl{
  border:1px solid transparent !important;
  background:
    linear-gradient(#071022,#071022) padding-box,
    linear-gradient(90deg, rgba(139,92,255,.92), rgba(53,184,255,.92)) border-box !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.015), 0 0 22px rgba(139,92,255,.08), 0 0 30px rgba(53,184,255,.08) !important;
}

@media (max-width:1023px){
  .fc-comp-page .lg\:col-span-6.lg\:col-start-7{
    padding-top: 18px !important;
  }
  .fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
    justify-content:center !important;
    flex-wrap:wrap;
  }
  .fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
    min-width:72px;
  }
  .fc-comp-page .fcSectionText{
    font-size:13px !important;
  }
}

/* =========================================================
   V6 PATCH — duplicate hero fix, cleaner countdown, upgraded fonts
   ========================================================= */

:root{
  --fc-heading-font:"Jura","Rajdhani","Orbitron","Segoe UI",system-ui,sans-serif;
}

/* Better premium heading font */
.fc-comp-page h1.text-3xl.font-display.text-gray-50,
.fc-comp-page .fcHeroName,
.fc-comp-page .fcHeroPrice,
.fc-comp-page .fcPricePrefix,
.fc-comp-page .fcPriceValue,
section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50{
  font-family:var(--fc-heading-font) !important;
}

.fc-comp-page h1.text-3xl.font-display.text-gray-50,
.fc-comp-page .fcHeroName,
section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50{
  font-weight:500 !important;
  letter-spacing:.055em !important;
}

.fc-comp-page .fcHeroName{
  display:block;
  text-align:left;
  font-size:clamp(2rem, 3.2vw, 3.15rem) !important;
  line-height:1.02 !important;
  color:transparent !important;
  background:linear-gradient(90deg,#eee4ff 0%, #b49cff 34%, #77c8ff 68%, #e8f9ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:0 0 18px rgba(139,92,255,.14), 0 0 28px rgba(53,184,255,.10);
}

.fc-comp-page .fcHeroPrice{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
}

.fc-comp-page .fcPricePrefix{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(112,128,255,.20);
  color:rgba(247,251,255,.72) !important;
  background:rgba(255,255,255,.02);
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase;
}

.fc-comp-page .fcPriceValue{
  font-size:clamp(1rem, 1.45vw, 1.28rem) !important;
  font-weight:700 !important;
  letter-spacing:.03em !important;
  color:#89e3ff !important;
  text-shadow:0 0 16px rgba(53,184,255,.12);
}

/* Remove duplicate right-side hero info on desktop because custom hero meta is above image */
@media (min-width:1024px){
  .fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center,
  .fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .mt-2,
  .fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .fcHeroLine{
    display:none !important;
  }

  .fc-comp-page .lg\:col-span-6.lg\:col-start-7{
    padding-top:36px !important;
  }

  .fc-comp-page .fcHeroMeta{
    padding:8px 0 18px !important;
  }
}

@media (max-width:1023px){
  .fc-comp-page .fcHeroMeta{
    display:none !important;
  }
}

/* Cleaner time remaining — no outer lines */
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
  border-top:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  padding:18px 0 8px !important;
  gap:12px !important;
  justify-content:flex-end !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]::before,
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]::after,
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div::before,
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div::after{
  display:none !important;
  content:none !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
  flex:0 0 auto;
  min-width:84px;
  padding:16px 10px !important;
  border-radius:16px;
  border:1px solid rgba(86,168,255,.34);
  background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.015));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015), 0 0 22px rgba(53,184,255,.05);
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .font-stripe{
  font-family:var(--fc-heading-font) !important;
  font-size:clamp(1.65rem, 2.4vw, 2.15rem) !important;
  font-weight:700 !important;
  letter-spacing:.03em !important;
  color:#41d5ff !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .text-sm{
  font-size:11px !important;
  letter-spacing:.14em !important;
}

/* Upgraded instant wins / more information headings */
section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50{
  font-size:clamp(2rem, 3vw, 3.1rem) !important;
  font-weight:500 !important;
  letter-spacing:.06em !important;
  color:transparent !important;
  background:linear-gradient(90deg,#efe3ff 0%, #af97ff 34%, #6fc8ff 70%, #e5f8ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:0 0 18px rgba(139,92,255,.14), 0 0 28px rgba(53,184,255,.10);
}

section.pb-16.sm\:pb-20 .mb-4 p.text-2xl.font-display.text-gray-50::after,
section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4 p.text-2xl.font-display.text-gray-50::after{
  height:1px !important;
  background:linear-gradient(90deg, transparent 0%, rgba(139,92,255,0) 8%, rgba(139,92,255,.95) 28%, rgba(53,184,255,.96) 72%, rgba(53,184,255,0) 92%, transparent 100%) !important;
  box-shadow:0 0 16px rgba(53,184,255,.16) !important;
}

@media (max-width:1023px){
  .fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
    justify-content:center !important;
    padding-top:8px !important;
  }

  .fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
    min-width:76px;
    padding:14px 8px !important;
  }
}

/* =========================================================
   V7 — HERO TITLE MATCH TO USER REFERENCE
   ========================================================= */

.fc-comp-page .fcPricePrefix{
  display:none !important;
}

.fc-comp-page .fcHeroMeta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  width:min(100%, 560px);
  margin:0 0 18px;
  padding:10px 0 16px;
  position:relative;
}

.fc-comp-page .fcHeroMeta::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:min(100%, 310px);
  height:22px;
  background:radial-gradient(ellipse at center, rgba(0,255,230,.18) 0%, rgba(0,185,255,.10) 38%, rgba(0,0,0,0) 72%);
  filter:blur(10px);
  pointer-events:none;
}

.fc-comp-page .fcHeroName,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 h1.text-3xl.font-display.text-gray-50,
.fc-comp-page .fcSectionText,
.fc-comp-page .fcIWTitle,
.fc-comp-page .fcMIHeading{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.fc-comp-page .fcHeroName,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 h1.text-3xl.font-display.text-gray-50{
  color:#f6fbff !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  text-shadow:0 0 18px rgba(53,184,255,.08) !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  line-height:.96 !important;
}

.fc-comp-page .fcHeroName{
  font-size:clamp(2.35rem, 5vw, 4rem) !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:100%;
}

.fc-comp-page .lg\:col-span-6.lg\:col-start-7 h1.text-3xl.font-display.text-gray-50{
  font-size:clamp(2rem, 7vw, 3rem) !important;
  letter-spacing:-.03em !important;
}

.fc-comp-page .fcHeroPrice,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl{
  display:flex;
  align-items:center;
  gap:0;
  color:#18d6ff !important;
  text-shadow:0 0 16px rgba(0,217,255,.16) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}

.fc-comp-page .fcHeroPrice{
  font-size:clamp(1.05rem, 1.6vw, 1.55rem) !important;
}

.fc-comp-page .fcHeroPrice .fcPriceValue,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl .fcPriceValue{
  color:#15d7ff !important;
}

.fc-comp-page .fcHeroDate,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .mt-2 > p{
  padding:9px 15px 8px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,215,255,.58) !important;
  background:rgba(2,8,20,.42) !important;
  color:#dffcff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 16px rgba(0,215,255,.14) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.fc-comp-page .fcHeroDate{
  display:inline-flex;
  align-items:center;
}

/* Keep section titles upgraded but less gradient-heavy than before */
.fc-comp-page .fcSectionText,
.fc-comp-page .fcIWTitle,
.fc-comp-page .fcMIHeading{
  letter-spacing:-.025em !important;
  font-weight:700 !important;
}

@media (max-width: 1023px){
  .fc-comp-page .fcHeroMeta{
    width:100%;
    margin:0 0 14px;
    padding:6px 0 12px;
  }

  .fc-comp-page .fcHeroMeta::after{
    width:min(100%, 240px);
    height:18px;
  }

  .fc-comp-page .fcHeroName,
  .fc-comp-page .lg\:col-span-6.lg\:col-start-7 h1.text-3xl.font-display.text-gray-50{
    font-size:clamp(2rem, 10vw, 2.8rem) !important;
  }

  .fc-comp-page .fcHeroPrice,
  .fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl{
    font-size:clamp(1rem, 5vw, 1.2rem) !important;
  }
}


/* =========================================================
   v8 fixes — hero cleanup + countdown alignment
   ========================================================= */

.fc-comp-page .fcHeroMeta{
  padding-top: 10px;
}

.fc-comp-page .fcHeroName,
.fc-comp-page .fc-info-col h1.text-3xl.font-display.text-gray-50{
  font-size: clamp(2.1rem, 4.2vw, 3.1rem) !important;
  line-height: .96 !important;
  letter-spacing: -.03em !important;
  font-weight: 900 !important;
  color: #f4f8ff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: 0 0 26px rgba(53,184,255,.08), 0 0 42px rgba(53,184,255,.04) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
}

.fc-comp-page .fcHeroName::after,
.fc-comp-page .fc-info-col h1.text-3xl.font-display.text-gray-50::after{
  content: none !important;
}

.fc-comp-page .fcHeroPrice,
.fc-comp-page .fcHeroPrice .fcPriceValue,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl{
  color: transparent !important;
  background: linear-gradient(90deg, #8B5CFF 0%, #35B8FF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: 0 0 18px rgba(139,92,255,.12), 0 0 20px rgba(53,184,255,.12) !important;
  font-size: clamp(1.05rem, 1.55vw, 1.35rem) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

.fc-comp-page .fcHeroPrice .fcPricePrefix,
.fc-comp-page .fcPricePrefix{
  display: none !important;
}

.fc-comp-page .fcHeroDate{
  margin-top: 10px !important;
}

/* remove stray title symbols / small decorative fragments */
.fc-comp-page .fcHeroMeta > :not(.fcHeroName):not(.fcHeroPrice):not(.fcHeroDate):not(.fcHeroGlow){
  display: none !important;
}

/* make right side countdown compact and centered */
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 0 14px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
  flex: 0 0 auto !important;
  min-width: 88px;
  padding: 12px 10px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(75,164,255,.34) !important;
  background: linear-gradient(180deg, rgba(10,16,34,.72), rgba(8,14,28,.42)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 18px rgba(53,184,255,.06);
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div::after{
  display: none !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .font-stripe{
  font-size: clamp(1.8rem, 2.3vw, 2.3rem) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #35B8FF !important;
  text-shadow: 0 0 16px rgba(53,184,255,.14) !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .text-sm{
  margin-top: 7px !important;
  color: rgba(247,251,255,.72) !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .absolute.-top-2.-right-2.flex.h-5.w-5{
  top: -6px !important;
  right: -6px !important;
}

@media (max-width: 1023px){
  .fc-comp-page .fcHeroName,
  .fc-comp-page .fc-info-col h1.text-3xl.font-display.text-gray-50{
    font-size: clamp(1.7rem, 8vw, 2.3rem) !important;
  }

  .fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
    gap: 8px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    padding-bottom: 10px !important;
  }

  .fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
    min-width: 74px;
    padding: 10px 8px !important;
  }
}

/* =========================================================
   v9 fixes — hero line fit, countdown cleanup, mobile price
   ========================================================= */

/* Keep hero title on one line and scale down when needed */
.fc-comp-page .fcHeroName,
.fc-comp-page .fc-info-col h1.text-3xl.font-display.text-gray-50{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: clamp(1.65rem, 3vw, 2.65rem) !important;
  line-height: .95 !important;
  max-width: 100%;
}

/* Make ticket price gradient work consistently, including mobile */
.fc-comp-page .fcHeroPrice,
.fc-comp-page .fcHeroPrice .fcPriceValue,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl,
.fc-comp-page .lg\:col-span-6.lg\:col-start-7 > .flex.justify-between.gap-x-5.flex-wrap.items-center > p.text-3xl *{
  background: linear-gradient(90deg, #8B5CFF 0%, #35B8FF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Remove the odd dark block and pull countdown area upward */
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
  width: auto !important;
  max-width: max-content !important;
  margin: -8px auto 8px !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  justify-self: center !important;
  align-self: start !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]::before,
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]::after{
  display: none !important;
  content: none !important;
}

.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] > div{
  background: linear-gradient(180deg, rgba(8,14,30,.82), rgba(6,10,24,.56)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 16px rgba(53,184,255,.05) !important;
}

/* Remove pulsing/live dot entirely */
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .absolute.-top-2.-right-2.flex.h-5.w-5,
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .animate-ping,
.fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"] .bg-primary-500.rounded-full.h-5.w-5{
  display: none !important;
}

/* Tighten right column spacing so content fills the empty area better */
@media (min-width:1024px){
  .fc-comp-page .lg\:col-span-6.mt-5{
    margin-top: 8px !important;
  }

  .fc-comp-page .bg-gray-700.p-2.w-full.grid.grid-cols-12.rounded-xl{
    margin-top: 4px !important;
  }
}

@media (max-width:1023px){
  .fc-comp-page .fcHeroName,
  .fc-comp-page .fc-info-col h1.text-3xl.font-display.text-gray-50{
    font-size: clamp(1.35rem, 6.3vw, 1.95rem) !important;
  }

  .fc-comp-page .flex.justify-around.items-center.lg\:col-span-6.mt-5[x-data*="remaining"]{
    max-width: none !important;
    width: 100% !important;
    margin: 2px 0 10px !important;
    justify-content: center !important;
  }
}


/* =========================================================
   v10 — Section heading fixes
   ========================================================= */

.fc-comp-page .fcSectionTitle,
.fc-comp-page .fcSectionTitleMore{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 auto 22px !important;
  padding:0 20px 12px !important;
  position:relative !important;
  text-align:center !important;
  text-transform:uppercase !important;
  letter-spacing:.10em !important;
  line-height:1.02 !important;
  font-size:clamp(28px,3vw,56px) !important;
  font-weight:500 !important;
  color:transparent !important;
  background:linear-gradient(90deg,#d6c8ff 0%, #9d89ff 34%, #69a8ff 68%, #8de6ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:0 0 20px rgba(139,92,255,.10), 0 0 34px rgba(53,184,255,.08) !important;
}

.fc-comp-page .fcSectionTitle::after,
.fc-comp-page .fcSectionTitleMore::after{
  content:"";
  display:block;
  width:100%;
  min-width:180px;
  height:2px;
  margin:16px auto 0 !important;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(139,92,255,0) 0%, rgba(139,92,255,.95) 26%, rgba(53,184,255,.95) 74%, rgba(53,184,255,0) 100%) !important;
  box-shadow:0 0 12px rgba(53,184,255,.22);
}

.fc-comp-page section.pb-16.sm\:pb-20 .mb-4,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-2.mb-4{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  margin-bottom:10px !important;
}

.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg{
  width:100% !important;
  max-width:100% !important;
}

.fc-comp-page .fc-more-details-box,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg{
  text-align:center !important;
}

.fc-comp-page .fc-more-details-box p,
.fc-comp-page .fc-more-details-box h1,
.fc-comp-page .fc-more-details-box h2,
.fc-comp-page .fc-more-details-box h3,
.fc-comp-page .fc-more-details-box h4,
.fc-comp-page .fc-more-details-box strong,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg p,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg h1,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg h2,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg h3,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg h4{
  text-align:center !important;
}

.fc-comp-page .fc-more-details-box ul,
.fc-comp-page .fc-more-details-box ol,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg ul,
.fc-comp-page section.pb-16.sm\:pb-20 .grid.grid-cols-12 > .col-span-full.md\:col-span-10.wysiwyg ol{
  display:inline-block !important;
  text-align:left !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =========================================================
   v11 — rollback bad heading override + safe major section styling
   ========================================================= */

/* Revert bundles + ticket selector headers to small layout */
.fc-comp-page .fcBundleHost .fcSectionTitle,
.fc-comp-page .fcSliderWrap .fcSectionTitle,
.fc-comp-page .fcBundleHost .fcSectionTitleSmall,
.fc-comp-page .fcSliderWrap .fcSectionTitleSmall{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 0 12px !important;
  padding:0 !important;
  text-align:center !important;
  position:relative !important;
  background:none !important;
  color:inherit !important;
  text-shadow:none !important;
}

.fc-comp-page .fcBundleHost .fcSectionTitle::before,
.fc-comp-page .fcSliderWrap .fcSectionTitle::before{
  content:"" !important;
  display:block !important;
  flex:0 1 120px !important;
  height:1px !important;
  margin-right:8px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(139,92,255,.86), rgba(53,184,255,.86)) !important;
  box-shadow:0 0 14px rgba(53,184,255,.12) !important;
}

.fc-comp-page .fcBundleHost .fcSectionTitle::after,
.fc-comp-page .fcSliderWrap .fcSectionTitle::after{
  content:"" !important;
  display:block !important;
  flex:0 1 120px !important;
  width:auto !important;
  min-width:0 !important;
  height:1px !important;
  margin:0 0 0 8px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(139,92,255,.86), rgba(53,184,255,.86), transparent) !important;
  box-shadow:0 0 14px rgba(53,184,255,.12) !important;
}

.fc-comp-page .fcBundleHost .fcSectionText,
.fc-comp-page .fcSliderWrap .fcSectionText{
  background:linear-gradient(90deg, #c7b2ff 0%, #7ec7ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}

/* Big headings only for Instant Wins + More Details */
.fc-comp-page .fcMajorSectionTitle{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:0 auto 28px !important;
  padding:0 18px 16px !important;
  position:relative !important;
  text-align:center !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  line-height:1.02 !important;
  font-size:clamp(28px,3vw,54px) !important;
  font-weight:500 !important;
  color:transparent !important;
  background:linear-gradient(90deg,#d6c8ff 0%, #9d89ff 34%, #69a8ff 68%, #8de6ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 0 18px rgba(139,92,255,.10), 0 0 30px rgba(53,184,255,.08) !important;
}

.fc-comp-page .fcMajorSectionTitle::before{ content:none !important; }

.fc-comp-page .fcMajorSectionTitle::after{
  content:"" !important;
  display:block !important;
  width:100% !important;
  min-width:180px !important;
  height:2px !important;
  margin:16px auto 0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(139,92,255,0) 0%, rgba(139,92,255,.95) 26%, rgba(53,184,255,.95) 74%, rgba(53,184,255,0) 100%) !important;
  box-shadow:0 0 12px rgba(53,184,255,.22) !important;
}

/* More details body centered */
.fc-comp-page .fcMoreDetailsBody,
.fc-comp-page .fcMoreDetailsBody p,
.fc-comp-page .fcMoreDetailsBody .wysiwyg,
.fc-comp-page .fcMoreDetailsBody .wysiwyg p{
  text-align:center !important;
}

.fc-comp-page .fcMoreDetailsBody ul,
.fc-comp-page .fcMoreDetailsBody ol{
  display:inline-block !important;
  text-align:left !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* v12 — force single underline + Orbitron for Instant Wins / Information */
.fc-comp-page .fcMajorSectionTitle{
  text-transform:none !important;
}
.fc-comp-page .fcMajorSectionTitle::after{
  content:none !important;
}
.fc-comp-page .fcMajorSectionTitle::before{
  content:none !important;
}

.fc-comp-page .fcV12MajorTitle{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:0 auto 34px !important;
  padding:0 20px 18px !important;
  position:relative !important;
  text-align:center !important;
  font-family:"Orbitron",system-ui,sans-serif !important;
  font-size:clamp(30px,3vw,52px) !important;
  font-weight:600 !important;
  line-height:1.02 !important;
  letter-spacing:.08em !important;
  color:transparent !important;
  background:linear-gradient(90deg,#d6c8ff 0%, #9d89ff 34%, #69a8ff 68%, #8de6ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 0 18px rgba(139,92,255,.10), 0 0 30px rgba(53,184,255,.08) !important;
}

.fc-comp-page .fcV12MajorTitle > *,
.fc-comp-page .fcV12MajorTitle > *::before,
.fc-comp-page .fcV12MajorTitle > *::after{
  font-family:"Orbitron",system-ui,sans-serif !important;
  background:none !important;
  -webkit-text-fill-color:inherit !important;
  text-shadow:none !important;
  box-shadow:none !important;
  border:0 !important;
}

.fc-comp-page .fcV12MajorTitle::after{
  content:"" !important;
  display:block !important;
  width:min(84%, 300px) !important;
  min-width:180px !important;
  height:2px !important;
  margin:16px auto 0 !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0) 0%,
    rgba(139,92,255,.95) 24%,
    rgba(53,184,255,.95) 76%,
    rgba(53,184,255,0) 100%
  ) !important;
  box-shadow:0 0 12px rgba(53,184,255,.22) !important;
}

@media (max-width: 767px){
  .fc-comp-page .fcV12MajorTitle{
    font-size:clamp(24px,7vw,34px) !important;
    margin-bottom:28px !important;
    padding-bottom:16px !important;
    letter-spacing:.07em !important;
  }
  .fc-comp-page .fcV12MajorTitle::after{
    width:min(82%, 240px) !important;
  }
}


/* ======================================================================
   SOURCE: flash-thanks-page.css
   ====================================================================== */


:root{
  --fct-bg:#070b18;
  --fct-bg-soft:#0c1124;
  --fct-card:#10172d;
  --fct-card-2:#131c36;
  --fct-line:rgba(255,255,255,.10);
  --fct-line-2:rgba(255,255,255,.16);
  --fct-text:#f7f8ff;
  --fct-text-soft:rgba(247,248,255,.78);
  --fct-text-dim:rgba(247,248,255,.56);
  --fct-ac1:#8B5CFF;
  --fct-ac2:#2D7CFF;
  --fct-green:#2ad27f;
  --fct-shadow:0 24px 70px rgba(0,0,0,.34);
  --fct-shadow-soft:0 14px 36px rgba(0,0,0,.22);
  --fct-radius:24px;
  --fct-radius-md:18px;
  --fct-radius-sm:14px;
  --fcLB-bg0:#070815;
  --fcLB-bg1:#0c1226;
  --fcLB-bg2:#121a31;
  --fcLB-card:rgba(255,255,255,.05);
  --fcLB-card2:rgba(255,255,255,.035);
  --fcLB-line:rgba(255,255,255,.10);
  --fcLB-line2:rgba(255,255,255,.16);
  --fcLB-text:#f7f8ff;
  --fcLB-text2:rgba(247,248,255,.76);
  --fcLB-text3:rgba(247,248,255,.56);
  --fcLB-ac1:#8B5CFF;
  --fcLB-ac2:#2D7CFF;
  --fcLB-gold:#F6C24A;
  --fcLB-green:#25d07d;
  --fcLB-red:#ff5f7a;
  --fcLB-shadow:0 24px 70px rgba(0,0,0,.34);
  --fcLB-shadow-soft:0 12px 30px rgba(0,0,0,.20);
}

.fc-thanks-root{
  color:var(--fct-text);
}

.fc-thanks-root .text-center > h1{
  display:none !important;
}

.fc-thanks-root > .space-y-2{
  display:none !important;
}

.fc-thanks-hero{
  margin:0 0 1.25rem;
  text-align:center;
}

.fc-thanks-title-wrap{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
}

.fc-thanks-title{
  display:inline-block;
  color:#fff;
  font-weight:800;
  letter-spacing:.01em;
  font-size:clamp(1.2rem, 2vw, 1.9rem);
  line-height:1.08;
}

.fc-thanks-title-line{
  width:100%;
  max-width:100%;
  height:3px;
  margin:.62rem auto 0;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(139,92,255,0) 0%, rgba(139,92,255,.95) 18%, rgba(45,124,255,.95) 82%, rgba(45,124,255,0) 100%);
  box-shadow:0 0 16px rgba(45,124,255,.14);
}

.fc-thanks-root section[aria-labelledby="products-heading"] > .space-y-8{
  display:grid;
  gap:1.15rem;
}

.fc-thanks-product{
  position:relative;
  overflow:hidden;
  border:1px solid var(--fct-line) !important;
  border-radius:28px !important;
  background:
    radial-gradient(1200px 260px at 0% 0%, rgba(139,92,255,.12), transparent 45%),
    radial-gradient(1000px 260px at 100% 0%, rgba(45,124,255,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
  box-shadow:var(--fct-shadow) !important;
}

.fc-thanks-product::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  pointer-events:none;
}

.fc-thanks-product > div{
  padding:1.2rem !important;
}

.fc-thanks-product .float-left{
  float:none !important;
  margin:0 !important;
}

.fc-thanks-top{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:1.15rem;
  align-items:start;
}

.fc-thanks-media{
  width:100%;
  max-width:160px;
  height:160px !important;
  overflow:hidden;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  box-shadow:0 18px 44px rgba(0,0,0,.26);
}

.fc-thanks-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.fc-thanks-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.1rem;
}

.fc-thanks-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:.75rem;
  margin-bottom:.75rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.fc-thanks-name{
  min-width:0;
}

.fc-thanks-name h3{
  color:#fff !important;
  font-size:clamp(1.08rem, 2vw, 1.42rem) !important;
  line-height:1.12;
  margin:0 !important;
}

.fc-thanks-price{
  flex:0 0 auto;
  white-space:nowrap;
  color:#fff !important;
  font-size:1.18rem;
  font-weight:800;
  line-height:1;
}

.fc-thanks-meta{
  display:none !important;
}

.fc-thanks-bundle{
  display:inline-flex;
  align-items:center;
  gap:.48rem;
  margin:.18rem 0 .45rem;
  padding:.45rem .76rem;
  border-radius:999px;
  border:1px solid rgba(42,210,127,.22);
  background:rgba(42,210,127,.11);
  color:#dcffec !important;
  font-size:.84rem;
  line-height:1.1;
  align-self:flex-start;
}

.fc-thanks-bundle strong{
  color:#fff;
}

.fc-ticket-shell{
  position:relative;
  margin-top:.95rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(900px 120px at 0% 0%, rgba(139,92,255,.10), transparent 40%),
    radial-gradient(900px 120px at 100% 0%, rgba(45,124,255,.08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 26px rgba(0,0,0,.16);
}

.fc-ticket-shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  pointer-events:none;
}

.fc-ticket-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1rem;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  text-align:left;
  transition:background .2s ease;
}

.fc-ticket-toggle:hover{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.fc-ticket-toggle:focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 1px rgba(139,92,255,.55);
}

.fc-ticket-left{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.28rem;
}

.fc-ticket-kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(247,248,255,.54);
}

.fc-ticket-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--fct-ac1), var(--fct-ac2));
  box-shadow:0 0 14px rgba(45,124,255,.22);
  flex:0 0 auto;
}

.fc-ticket-title{
  color:#fff;
  font-weight:800;
  font-size:1rem;
  line-height:1.08;
}

.fc-ticket-sub{
  color:var(--fct-text-dim);
  font-size:.8rem;
  line-height:1.15;
}

.fc-ticket-right{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:.6rem;
}

.fc-ticket-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:30px;
  padding:0 .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.fc-ticket-chevron{
  width:2.1rem;
  height:2.1rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:.86rem;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(139,92,255,.24), rgba(45,124,255,.18));
  transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.fc-ticket-shell.is-open .fc-ticket-chevron{
  transform:rotate(180deg);
}

.fc-ticket-panel{
  display:none;
  padding:0 1rem 1rem;
  border-top:1px solid rgba(255,255,255,.06);
}

.fc-ticket-shell.is-open .fc-ticket-panel{
  display:block;
}

.fc-ticket-grid{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  padding-top:.95rem;
}

.fc-ticket-pill{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  min-width:72px;
  padding:.52rem .82rem;
  margin:0 !important;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(140px 40px at 50% 0%, rgba(255,255,255,.07), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  color:#fff !important;
  font-size:.85rem !important;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.12);
}

.fc-ticket-pill::before{
  content:"#";
  margin-right:.18rem;
  color:rgba(247,248,255,.48);
  font-weight:700;
}

.fc-ticket-pill::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(139,92,255,.04);
}

.fc-thanks-game-wrap{
  margin-top:1rem;
  border:1px solid var(--fct-line);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}

.fc-thanks-game-wrap [x-data^="potDropGame_"]{
  display:block;
}

.fc-thanks-game-wrap [x-data^="potDropGame_"] > div:first-child{
  border-radius:0 !important;
  overflow:hidden;
}

.fc-thanks-game-wrap [x-data^="potDropGame_"] .mt-2.w-full.bg-gray-950{
  margin-top:0 !important;
  border-top:1px solid rgba(255,255,255,.08);
  border-radius:0 !important;
}

.fc-thanks-root .mx-2 > div[data-flux-card]{
  position:relative;
  overflow:hidden;
  border-radius:24px !important;
  border:1px solid rgba(139,92,255,.22) !important;
  background:
    radial-gradient(700px 180px at 0% 0%, rgba(139,92,255,.12), transparent 46%),
    radial-gradient(700px 180px at 100% 0%, rgba(45,124,255,.10), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  box-shadow:var(--fct-shadow);
}

.fc-thanks-root [data-flux-heading]{
  color:#fff !important;
  font-size:clamp(1.15rem, 2vw, 1.55rem) !important;
  font-weight:800 !important;
}

.fc-thanks-root [data-flux-subheading]{
  color:var(--fct-text-soft) !important;
}

.fc-thanks-root [wire\:click="addToCart"]{
  min-height:50px;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(135deg, var(--fct-ac1), var(--fct-ac2)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 14px 30px rgba(45,124,255,.24);
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.01em;
  transition:transform .18s ease, box-shadow .18s ease;
}

.fc-thanks-root [wire\:click="addToCart"]:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 18px 36px rgba(45,124,255,.30);
}

.fc-loot-upgraded{
  position:relative;
  margin-top:1.35rem;
}

.fc-loot-upgraded > .grid{
  position:relative;
  overflow:hidden;
  border:1px solid var(--fcLB-line) !important;
  border-radius:28px !important;
  padding:1.15rem !important;
  background:
    radial-gradient(1100px 260px at 0% 0%, rgba(139,92,255,.13), transparent 44%),
    radial-gradient(950px 260px at 100% 0%, rgba(45,124,255,.11), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
  box-shadow:var(--fcLB-shadow) !important;
}

.fc-loot-upgraded > .grid::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  pointer-events:none;
}

.fc-loot-upgraded .mb-6:first-child{
  margin-bottom:1rem !important;
  padding:.2rem 0 0 !important;
}

.fc-loot-upgraded .mb-6:first-child > .flex{
  align-items:flex-start !important;
  gap:1rem;
  padding-bottom:1rem;
  margin-bottom:.35rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.fc-loot-upgraded h3.text-xl{
  color:#fff !important;
  font-size:clamp(1.05rem, 2vw, 1.4rem) !important;
  line-height:1.08;
  font-weight:800 !important;
  letter-spacing:.01em;
  margin:0 !important;
}

.fc-loot-upgraded h3.text-xl::after{
  content:"";
  display:block;
  width:92px;
  max-width:100%;
  height:2px;
  margin-top:.6rem;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(139,92,255,0) 0%, rgba(139,92,255,.95) 22%, rgba(45,124,255,.95) 78%, rgba(45,124,255,0) 100%);
  box-shadow:0 0 14px rgba(45,124,255,.12);
}

.fc-loot-upgraded h3.text-xl + p{
  color:var(--fcLB-text2) !important;
  font-size:.9rem !important;
  margin-top:.5rem !important;
}

.fc-loot-upgraded .text-yellow-400{
  display:inline-flex !important;
  align-items:center;
  gap:.45rem;
  margin-top:.7rem !important;
  padding:.45rem .72rem;
  border-radius:999px;
  border:1px solid rgba(246,194,74,.20);
  background:rgba(246,194,74,.10);
  color:#ffe6a1 !important;
  font-size:.8rem !important;
  font-weight:700 !important;
  line-height:1;
}

.fc-loot-upgraded .text-yellow-400::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--fcLB-gold);
  box-shadow:0 0 14px rgba(246,194,74,.35);
  flex:0 0 auto;
}

.fc-loot-upgraded [data-flux-button]{
  min-height:34px;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)) !important;
  color:#fff !important;
  font-size:.78rem !important;
  font-weight:700 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.16);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.fc-loot-upgraded [data-flux-button]:hover{
  transform:translateY(-1px);
  border-color:rgba(139,92,255,.35) !important;
  background:linear-gradient(180deg, rgba(139,92,255,.18), rgba(45,124,255,.10)) !important;
}

.fc-loot-upgraded .case-viewport{
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.18) !important;
  overflow:hidden;
}

.fc-loot-upgraded .case-viewport > .absolute.left-1\/2{
  width:2px !important;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,95,122,.92), rgba(255,255,255,.16)) !important;
  box-shadow:0 0 18px rgba(255,95,122,.24);
}

.fc-loot-upgraded .absolute.-top-12 > div{
  min-width:170px;
  padding:.7rem .9rem !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(12,18,38,.96), rgba(7,8,21,.94)) !important;
  backdrop-filter:blur(8px);
  box-shadow:0 18px 40px rgba(0,0,0,.26);
}

.fc-loot-upgraded .absolute.-top-12 .font-bold{
  font-size:.84rem !important;
  letter-spacing:.01em;
}

.fc-loot-upgraded .flex.p-1.items-center.justify-center.gap-2.mb-6{
  margin-top:1rem !important;
  margin-bottom:0 !important;
  padding:0 !important;
}

.fc-loot-upgraded .flex.p-1.items-center.justify-center.gap-2.mb-6 > button{
  min-height:54px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(135deg, var(--fcLB-ac1), var(--fcLB-ac2)) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:.84rem !important;
  letter-spacing:.08em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 16px 34px rgba(45,124,255,.24) !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.fc-loot-upgraded .flex.p-1.items-center.justify-center.gap-2.mb-6 > button:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 20px 40px rgba(45,124,255,.30) !important;
}

.fc-loot-upgraded .flex.p-1.items-center.justify-center.gap-2.mb-6 > button:disabled{
  filter:saturate(.8);
  opacity:.75 !important;
}

.fc-loot-upgraded [x-show="current >= cases.length"]{
  margin-top:1rem !important;
  padding:1rem !important;
  border-radius:20px !important;
  background:
    radial-gradient(700px 160px at 0% 0%, rgba(139,92,255,.10), transparent 44%),
    radial-gradient(700px 160px at 100% 0%, rgba(45,124,255,.08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.16);
}

.fc-loot-upgraded [x-show="current >= cases.length"] h3{
  font-size:1rem !important;
  font-weight:800 !important;
  margin-bottom:.8rem !important;
}

.fc-loot-upgraded [x-show="current >= cases.length"] .space-y-2{
  display:grid;
  gap:.55rem;
}

.fc-loot-upgraded [x-show="current >= cases.length"] .bg-green-800\/30{
  border-radius:14px !important;
  padding:.7rem .8rem !important;
  border:1px solid rgba(37,208,125,.16);
  background:rgba(37,208,125,.10) !important;
}

.fc-loot-upgraded [x-show="current >= cases.length"] .bg-green-800\/30 .text-white{
  color:#fff !important;
  font-size:.84rem !important;
}

.fc-loot-upgraded [x-show="current >= cases.length"] .bg-green-800\/30 .text-green-300{
  color:#b7ffd6 !important;
  font-size:.84rem !important;
}

.fc-loot-upgraded [x-show="current >= cases.length"] .bg-green-800\/30 .text-yellow-400{
  color:#ffe08d !important;
  font-size:.8rem !important;
  margin-top:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
}

.fc-loot-upgraded [x-show="current >= cases.length"] .bg-green-800\/30 .text-yellow-400::before{
  display:none !important;
}

.fc-loot-upgraded .relative + .flex.p-1.items-center.justify-center.gap-2.mb-6{
  padding-top:.2rem !important;
}

@media (max-width:767px){
  .fc-thanks-title{
    font-size:1.18rem;
  }

  .fc-thanks-product > div{
    padding:.95rem !important;
  }

  .fc-thanks-top{
    grid-template-columns:1fr;
    gap:.95rem;
  }

  .fc-thanks-media{
    width:100%;
    max-width:100%;
    height:190px !important;
  }

  .fc-thanks-head{
    gap:.8rem;
  }

  .fc-ticket-toggle{
    padding:.92rem .92rem;
  }

  .fc-ticket-panel{
    padding:0 .92rem .92rem;
  }

  .fc-ticket-grid{
    gap:.52rem;
  }

  .fc-ticket-pill{
    min-width:66px;
    padding:.5rem .72rem;
    font-size:.82rem !important;
  }

  .fc-thanks-root [wire\:click="addToCart"]{
    width:100%;
  }

  .fc-loot-upgraded > .grid{
    padding:.92rem !important;
    border-radius:22px !important;
  }

  .fc-loot-upgraded .mb-6:first-child > .flex{
    gap:.8rem;
  }

  .fc-loot-upgraded .case-viewport{
    border-radius:18px !important;
  }

  .fc-loot-upgraded .flex.p-1.items-center.justify-center.gap-2.mb-6 > button{
    min-height:50px !important;
    font-size:.8rem !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .fc-thanks-root *,
  .fc-thanks-root *::before,
  .fc-thanks-root *::after,
  .fc-loot-upgraded *,
  .fc-loot-upgraded *::before,
  .fc-loot-upgraded *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}


/* ======================================================================
   SOURCE: flash_site_ui_fixed.css
   ====================================================================== */

[wire\:snapshot*="tenant.global.admin-bar"]{
  display:none !important;
}


#fcAdminToggle{
  position: fixed;
  left: auto;
  top: auto;
  right: 18px;
  bottom: 18px;
  z-index: 999999;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: rgba(255,255,255,.88);
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(11,15,34,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    0 12px 34px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.03) inset;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    opacity .18s ease;
  overflow: hidden;
}

#fcAdminToggle .fcAdmGlass{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(80px 54px at 20% 0%, rgba(139,92,255,.16), transparent 68%),
    radial-gradient(80px 54px at 80% 100%, rgba(53,184,255,.12), transparent 68%);
  opacity:.9;
}

#fcAdminToggle::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

#fcAdminToggle .fcAdmIcon{
  position:relative;
  z-index:2;
  width:22px;
  height:22px;
  display:block;
  opacity:.92;
}

#fcAdminToggle .fcAdmTag{
  position:absolute;
  left:50%;
  bottom:-28px;
  transform:translateX(-50%);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.58);
  font-weight:800;
  white-space:nowrap;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
  opacity:0;
}

#fcAdminToggle:hover{
  transform: translateY(-1px);
  border-color: rgba(139,92,255,.18);
  background: rgba(11,15,34,.82);
  box-shadow:
    0 16px 42px rgba(0,0,0,.46),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 18px rgba(139,92,255,.08);
}

#fcAdminToggle:hover .fcAdmTag{
  opacity:1;
  transform:translateX(-50%) translateY(-2px);
}

#fcAdminToggle:active{
  cursor: grabbing;
  transform: scale(.985);
}

#fcAdminToggle.is-dragging{
  cursor: grabbing;
  transition: none !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.5),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 24px rgba(53,184,255,.10);
}

#fcAdminToggle:focus-visible{
  outline: 2px solid rgba(139,92,255,.45);
  outline-offset: 3px;
}

@media (max-width: 640px){
  #fcAdminToggle{
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }

  #fcAdminToggle .fcAdmIcon{
    width: 21px;
    height: 21px;
  }

  #fcAdminToggle .fcAdmTag{
    display:none;
  }
}

@media (prefers-reduced-motion: reduce){
  #fcAdminToggle,
  #fcAdminToggle .fcAdmTag{
    transition:none !important;
  }
}

:root{
  --fcMin-bg: rgba(12,16,32,.55);
  --fcMin-border: rgba(255,255,255,.06);
  --fcMin-text: rgba(255,255,255,.82);
  --fcMin-strong: rgba(255,255,255,.95);
}

#fcMinimalStrip{
  position: relative;
  width: 100%;
  overflow: hidden;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background:
    radial-gradient(900px 120px at 0% 0%, rgba(139,92,255,.10), transparent 55%),
    radial-gradient(900px 120px at 100% 0%, rgba(53,184,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)),
    var(--fcMin-bg);
  border-bottom: 1px solid rgba(255,255,255,.06);
  box-shadow:
    0 1px 0 rgba(255,255,255,.03) inset,
    0 10px 30px rgba(0,0,0,.12);
}

#fcMinimalStrip::before,
#fcMinimalStrip::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:80px;
  pointer-events:none;
  z-index:3;
}

#fcMinimalStrip::before{
  left:0;
  background:linear-gradient(90deg, rgba(4,7,15,1), transparent);
}

#fcMinimalStrip::after{
  right:0;
  background:linear-gradient(270deg, rgba(4,7,15,1), transparent);
}

#fcMinimalStrip .fcMin-inner{
  width:100%;
  min-height:34px;
  padding:7px 0;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:1;
}

#fcMinimalStrip .fcMin-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
}

#fcMinimalStrip .fcMin-track{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:fcMinScroll linear infinite;
}

#fcMinimalStrip .fcMin-text{
  flex:0 0 auto;
  display:inline-block;
  white-space:nowrap;
  text-wrap:nowrap;
  line-height:1.2;
  font-size:12px;
  font-weight:700;
  letter-spacing:.015em;
  color:var(--fcMin-text);
  text-shadow:0 0 12px rgba(0,0,0,.18);
  padding-right:60px;
  margin:0;
}

.fcMin-strong{
  font-weight:900;
  background:linear-gradient(90deg, #8B5CFF, #35B8FF);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.fcMin-green{
  color:#2ad27f;
  font-weight:800;
  text-shadow:0 0 10px rgba(42,210,127,.2);
}

.fcMin-red{
  color:#ff5a6b;
  font-weight:800;
  text-shadow:0 0 10px rgba(255,90,107,.2);
}

.fcMin-gold{
  font-weight:900;
  background:linear-gradient(90deg, #facc15, #f59e0b);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 12px rgba(250,204,21,.25);
}

.fcMin-orange{
  color:#ff9a3c;
  font-weight:800;
  text-shadow:0 0 10px rgba(255,154,60,.2);
}

.fcMin-bold{
  color:#fff;
  font-weight:900;
}

.fcMin-dim{
  color:rgba(255,255,255,.55);
  font-weight:600;
}

.fcMin-italic{
  font-style:italic;
  opacity:.85;
}

.fcMin-underline{
  position:relative;
}

.fcMin-underline::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:1px;
  background:linear-gradient(90deg, #8B5CFF, #35B8FF);
  opacity:.7;
}

.fcMin-pulse{
  font-weight:900;
  color:#fff;
  animation:fcMinPulse 1.6s ease-in-out infinite;
}

@keyframes fcMinScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@keyframes fcMinPulse{
  0%,100%{ text-shadow:0 0 0 rgba(53,184,255,0); }
  50%{ text-shadow:0 0 12px rgba(53,184,255,.35); }
}

#fcMinimalStrip:hover .fcMin-track{
  animation-play-state:paused;
}

@media (max-width:640px){
  #fcMinimalStrip .fcMin-inner{
    min-height:32px;
    padding:6px 0;
  }

  #fcMinimalStrip .fcMin-text{
    font-size:11.25px;
    padding-right:48px;
  }

  #fcMinimalStrip::before,
  #fcMinimalStrip::after{
    width:48px;
  }
}

@media (prefers-reduced-motion: reduce){
  #fcMinimalStrip .fcMin-track,
  .fcMin-pulse{
    animation:none !important;
  }
}


:root{
  --fcVIP-purple:#8B5CFF;
  --fcVIP-blue:#2D7CFF;
  --fcVIP-card: rgba(14,18,36,.78);
  --fcVIP-borderW: 2px;
  --fcVIP-radius: 14px;
}

#wallet{
  position: relative;
  display: inline-flex;
  isolation: isolate;
}

#wallet > div{
  position: relative;
  overflow: hidden;
  border-radius: var(--fcVIP-radius) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: var(--fcVIP-card) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: transform .25s ease, box-shadow .25s ease;
}

#wallet > div::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events:none;
  z-index: 0;
  background: conic-gradient(
    from 0deg,
    var(--fcVIP-purple),
    var(--fcVIP-blue),
    var(--fcVIP-purple)
  );
  animation: fcVIPRingSpin 3.2s linear infinite;
  filter: blur(.25px);
  opacity: .95;
}

#wallet > div::after{
  content:"";
  position:absolute;
  inset: var(--fcVIP-borderW);
  border-radius: calc(var(--fcVIP-radius) - var(--fcVIP-borderW));
  pointer-events:none;
  z-index: 1;
  background: var(--fcVIP-card);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

#wallet > div > *{
  position: relative;
  z-index: 2;
}

#wallet p{
  color:#fff !important;
  font-weight: 800 !important;
  letter-spacing: .35px;
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 6px 18px rgba(0,0,0,.65),
    0 0 14px rgba(45,124,255,.08);
}

#wallet img{
  filter: drop-shadow(0 0 6px rgba(139,92,255,.35));
  transition: transform .25s ease, filter .25s ease;
}

#wallet:hover > div{
  transform: translateY(-2px);
  box-shadow:
    0 14px 38px rgba(0,0,0,.6),
    0 0 22px rgba(45,124,255,.14);
}

#wallet:hover img{
  transform: scale(1.05);
  filter: drop-shadow(0 0 10px rgba(45,124,255,.45));
}

@keyframes fcVIPRingSpin{
  to{ transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce){
  #wallet > div::before{ animation:none !important; }
}

@media (min-width: 1024px){
  a#wallet.lg\:hidden{ display: none !important; }
}

@media (max-width: 1023.98px){
  a#wallet:not(.lg\:hidden){ display: none !important; }
}

:root{
  --fcN-purple: 139,92,255;
  --fcN-blue:   45,124,255;
  --fcN-intensity: .45;
}

@media (prefers-reduced-motion: reduce){
  .fcLogoAnim, .fcLogoAnim *{
    animation:none !important;
    transition:none !important;
  }
}

.fcLogoAnim{
  position:relative;
  display:inline-flex;
  align-items:center;
  transform: translateZ(0);
  isolation:isolate;
  will-change: filter, transform;
  animation: fcNeonFloat 8s ease-in-out infinite;
  filter: drop-shadow(0 12px 28px rgba(var(--fcN-purple), .18));
}

.fcLogoAnim::before{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius: 28px;
  pointer-events:none;
  background:
    radial-gradient(60% 60% at 30% 35%,
      rgba(var(--fcN-purple), calc(.18 + var(--fcN-intensity)*.6)),
      transparent 65%
    ),
    radial-gradient(55% 55% at 75% 70%,
      rgba(var(--fcN-blue), calc(.15 + var(--fcN-intensity)*.5)),
      transparent 65%
    ),
    radial-gradient(40% 40% at 50% 50%,
      rgba(255,255,255,.12),
      transparent 70%
    );
  filter: blur(22px);
  opacity:.65;
  mix-blend-mode: screen;
  animation: fcNeonPulse 4.2s ease-in-out infinite;
  z-index:-1;
}

.fcLogoAnim::after{
  content:"";
  position:absolute;
  inset:-24px;
  border-radius: 32px;
  pointer-events:none;
  background:
    radial-gradient(30% 30% at 20% 20%, rgba(var(--fcN-purple), .35), transparent 70%),
    radial-gradient(25% 25% at 85% 30%, rgba(var(--fcN-blue), .30), transparent 70%),
    radial-gradient(20% 20% at 60% 85%, rgba(var(--fcN-purple), .25), transparent 70%);
  filter: blur(35px);
  opacity:.25;
  mix-blend-mode: screen;
  animation: fcBubbleDrift 12s linear infinite;
  z-index:-2;
}

@keyframes fcNeonPulse{
  0%,100%{ opacity:.55; }
  50%{ opacity:.85; }
}

@keyframes fcNeonFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-3px); }
}

@keyframes fcBubbleDrift{
  0%{ transform: translate(0,0) scale(1); }
  50%{ transform: translate(6px,-4px) scale(1.05); }
  100%{ transform: translate(0,0) scale(1); }
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto{
  z-index:60 !important;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto > div{
  position:relative;
  min-width:320px;
  padding:18px 18px 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(14,18,36,.98), rgba(8,12,24,.98)) !important;
  box-shadow:
    0 20px 45px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:hidden;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto > div::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  pointer-events:none;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto > div > *{
  position:relative;
  z-index:1;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto h3{
  margin:0 0 12px !important;
  padding:0 0 10px !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:center;
  font-size:0 !important;
  line-height:1 !important;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto h3::before{
  content:"Reveal";
  display:block;
  color:#f7f8ff;
  font-size:16px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.1;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto label{
  display:block;
  margin:0 0 8px !important;
  color:rgba(247,248,255,.62) !important;
  text-align:center;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.10em;
  text-transform:uppercase;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto .mb-6{
  margin-bottom:12px !important;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto .flex.items-center.justify-center.gap-2{
  gap:8px !important;
  flex-wrap:wrap;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto .flex.items-center.justify-center.gap-2 > button{
  appearance:none;
  -webkit-appearance:none;
  pointer-events:auto !important;
  min-width:84px;
  padding:10px 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:#171d31 !important;
  color:#f7f8ff !important;
  font-size:12px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  transition:background .15s ease, border-color .15s ease, transform .15s ease;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto .flex.items-center.justify-center.gap-2 > button:hover{
  background:#1d2440 !important;
  border-color:rgba(255,255,255,.16) !important;
  transform:translateY(-1px);
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto .flex.items-center.justify-center.gap-2 > button.bg-purple-600,
div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto .flex.items-center.justify-center.gap-2 > button.border-purple-400{
  background:linear-gradient(135deg, rgba(139,92,255,.20), rgba(45,124,255,.14)) !important;
  border-color:rgba(139,92,255,.34) !important;
  color:#ffffff !important;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto > div > button:last-of-type{
  appearance:none;
  -webkit-appearance:none;
  pointer-events:auto !important;
  width:100%;
  min-height:48px;
  margin-top:2px;
  padding:13px 16px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(135deg, #8B5CFF, #2D7CFF) !important;
  color:#fff !important;
  font-size:0 !important;
  font-weight:800 !important;
  letter-spacing:.04em;
  box-shadow:none !important;
  transition:filter .15s ease, transform .15s ease;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto > div > button:last-of-type::before{
  content:"Start";
  font-size:13px;
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto > div > button:last-of-type:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}

div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto p{
  display:none !important;
}

@media (max-width:640px){
  div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto > div{
    min-width:min(320px, calc(100vw - 28px));
    padding:16px 14px 14px !important;
  }

  div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto .flex.items-center.justify-center.gap-2 > button{
    flex:1 1 0;
    min-width:0;
  }
}

@media (prefers-reduced-motion: reduce){
  div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto *,
  div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto *::before,
  div[x-show="!isRunning"].absolute.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.z-50.pointer-events-auto *::after{
    transition:none !important;
    animation:none !important;
  }
}

div[x-show="isComplete && revealedWins > 0"]{
  padding:1rem !important;
}

div[x-show="isComplete && revealedWins > 0"] > div{
  position:relative;
  overflow:hidden;
  border-radius:22px !important;
  border:1px solid rgba(52,211,153,.18) !important;
  background:
    radial-gradient(700px 180px at 0% 0%, rgba(139,92,255,.10), transparent 42%),
    radial-gradient(700px 180px at 100% 0%, rgba(45,124,255,.08), transparent 42%),
    linear-gradient(180deg, rgba(16,23,45,.96), rgba(8,12,24,.98)) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
  padding:1rem !important;
}

div[x-show="isComplete && revealedWins > 0"] > div::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  pointer-events:none;
}

div[x-show="isComplete && revealedWins > 0"] h3{
  margin:0 0 .9rem !important;
  padding:0 0 .85rem !important;
  text-align:center;
  color:#f7f8ff !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1.1;
  border-bottom:1px solid rgba(255,255,255,.08);
  letter-spacing:.01em;
}

div[x-show="isComplete && revealedWins > 0"] h3::after{
  content:"";
  display:block;
  width:150px;
  max-width:60%;
  height:2px;
  margin:.55rem auto 0;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, #8B5CFF, #2D7CFF, transparent);
  opacity:.95;
}

div[x-show="isComplete && revealedWins > 0"] .space-y-2{
  display:grid !important;
  gap:.6rem !important;
  max-height:420px !important;
  overflow-y:auto !important;
  padding-right:.2rem;
}

div[x-show="isComplete && revealedWins > 0"] .space-y-2::-webkit-scrollbar{
  width:8px;
}

div[x-show="isComplete && revealedWins > 0"] .space-y-2::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg, rgba(139,92,255,.45), rgba(45,124,255,.45));
}

div[x-show="isComplete && revealedWins > 0"] .space-y-2 > div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.8rem;
  padding:.8rem .9rem !important;
  border-radius:14px !important;
  border:1px solid rgba(52,211,153,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(0,0,0,.12);
  text-align:left !important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}

div[x-show="isComplete && revealedWins > 0"] .space-y-2 > div:hover{
  transform:translateY(-1px);
  border-color:rgba(52,211,153,.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
}

div[x-show="isComplete && revealedWins > 0"] .space-y-2 > div .text-white{
  color:#f7f8ff !important;
  font-size:.86rem !important;
  font-weight:800 !important;
  line-height:1.1;
}

div[x-show="isComplete && revealedWins > 0"] .space-y-2 > div .text-green-300{
  margin-left:0 !important;
  color:#bdf5d7 !important;
  font-size:.84rem !important;
  font-weight:700 !important;
  line-height:1.1;
  text-align:right;
}

@media (max-width:640px){
  div[x-show="isComplete && revealedWins > 0"]{
    padding:.75rem !important;
  }

  div[x-show="isComplete && revealedWins > 0"] > div{
    width:100% !important;
    padding:.9rem !important;
    border-radius:18px !important;
  }

  div[x-show="isComplete && revealedWins > 0"] .space-y-2 > div{
    grid-template-columns:1fr;
    gap:.35rem;
  }

  div[x-show="isComplete && revealedWins > 0"] .space-y-2 > div .text-green-300{
    text-align:left;
  }
}

@media (prefers-reduced-motion: reduce){
  div[x-show="isComplete && revealedWins > 0"] *,
  div[x-show="isComplete && revealedWins > 0"] *::before,
  div[x-show="isComplete && revealedWins > 0"] *::after{
    transition:none !important;
    animation:none !important;
  }
}
div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg{
  position:relative;
  overflow:hidden;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    radial-gradient(800px 220px at 0% 0%, rgba(139,92,255,.14), transparent 42%),
    radial-gradient(800px 220px at 100% 0%, rgba(45,124,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(13,18,36,.98), rgba(8,12,24,.98)) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:#f7f8ff !important;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  pointer-events:none;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > *{
  position:relative;
  z-index:1;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .flex.items-center.justify-between{
  padding:14px 16px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)) !important;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg .rounded-full.bg-green-600\/20{
  width:40px;
  height:40px;
  padding:0 !important;
  border-radius:999px !important;
  background:
    linear-gradient(135deg, rgba(46,204,113,.20), rgba(139,92,255,.18)) !important;
  color:#d7ffe9 !important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(46,204,113,.10);
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg [x-text="notification.title"]{
  color:#f7f8ff !important;
  font-size:.96rem !important;
  font-weight:800 !important;
  letter-spacing:.02em;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg button[aria-label="close modal"]{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg button[aria-label="close modal"]:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
  transform:translateY(-1px);
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg button[aria-label="close modal"] svg{
  color:rgba(247,248,255,.86) !important;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .px-4.text-center{
  padding:18px 16px 8px !important;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg .flex.items-center.w-full{
  align-items:center !important;
  gap:14px;
  text-align:left;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg img{
  width:96px !important;
  height:96px !important;
  flex:0 0 auto;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 16px 34px rgba(0,0,0,.24);
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg .ml-5{
  margin-left:0 !important;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg .text-xl.text-gray-50{
  color:#f7f8ff !important;
  font-size:1.1rem !important;
  line-height:1.15;
  font-weight:700 !important;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .grid.grid-cols-1{
  padding:16px !important;
  gap:10px !important;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .grid.grid-cols-1 a{
  min-height:48px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius:14px !important;
  font-size:.84rem !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  text-decoration:none;
  transition:transform .16s ease, filter .16s ease, border-color .16s ease, background .16s ease;
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .grid.grid-cols-1 a:hover{
  transform:translateY(-1px);
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .grid.grid-cols-1 a:first-child{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  color:#f7f8ff !important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .grid.grid-cols-1 a:first-child:hover{
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05)) !important;
  border-color:rgba(255,255,255,.14);
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .grid.grid-cols-1 a:last-child{
  background:linear-gradient(135deg, #8B5CFF, #2D7CFF) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 14px 28px rgba(45,124,255,.18);
}

div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg > .grid.grid-cols-1 a:last-child:hover{
  filter:brightness(1.05);
}

@media (max-width:640px){
  div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg{
    width:calc(100vw - 24px) !important;
    max-width:none !important;
    margin-bottom:14px !important;
    border-radius:20px !important;
  }

  div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg .flex.items-center.w-full{
    align-items:flex-start !important;
    gap:12px;
  }

  div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg img{
    width:84px !important;
    height:84px !important;
  }

  div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg .text-xl.text-gray-50{
    font-size:1rem !important;
  }
}

@media (prefers-reduced-motion: reduce){
  div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg,
  div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg *,
  div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg *::before,
  div[x-show="successModalIsOpen"].mb-20.flex.max-w-lg *::after{
    transition:none !important;
    animation:none !important;
  }
}

:root{
  --fcb-bg:#070b18;
  --fcb-bg2:#0d1328;
  --fcb-card:rgba(255,255,255,.05);
  --fcb-card2:rgba(255,255,255,.03);
  --fcb-line:rgba(255,255,255,.10);
  --fcb-line2:rgba(255,255,255,.16);
  --fcb-text:#f7f8ff;
  --fcb-text-soft:rgba(247,248,255,.76);
  --fcb-text-dim:rgba(247,248,255,.58);
  --fcb-ac1:#8B5CFF;
  --fcb-ac2:#2D7CFF;
  --fcb-green:#2ad27f;
  --fcb-shadow:0 24px 70px rgba(0,0,0,.34);
  --fcb-shadow-soft:0 14px 36px rgba(0,0,0,.20);
  --fcb-radius:24px;
  --fcb-radius-md:18px;
  --fcb-radius-sm:12px;
}

body.fc-basket-page{
  background:transparent;
}

.fc-basket-page [wire\\:id][wire\\:snapshot] > .mx-auto.max-w-2xl{
  max-width:1080px !important;
  padding-top:2rem !important;
  padding-bottom:2.5rem !important;
}

.fc-basket-page h1.text-center{
  position:relative;
  margin-bottom:1.5rem !important;
  color:var(--fcb-text) !important;
  font-size:clamp(1.8rem, 3vw, 2.5rem) !important;
  font-weight:800 !important;
  letter-spacing:.01em;
}

.fc-basket-page h1.text-center::after{
  content:"";
  display:block;
  width:160px;
  max-width:60%;
  height:3px;
  margin:.7rem auto 0;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, var(--fcb-ac1), var(--fcb-ac2), transparent);
  box-shadow:0 0 18px rgba(45,124,255,.18);
}

.fc-basket-page form{
  margin-top:1.25rem !important;
}

.fc-basket-page ul[role="list"]{
  display:grid;
  gap:1rem;
  margin-bottom:1.5rem !important;
  border:0 !important;
}

.fc-basket-page ul[role="list"] > li{
  position:relative;
  overflow:hidden;
  display:grid !important;
  grid-template-columns:132px minmax(0,1fr);
  gap:1rem;
  align-items:start;
  padding:1rem !important;
  border:1px solid var(--fcb-line) !important;
  border-radius:var(--fcb-radius) !important;
  background:
    radial-gradient(900px 220px at 0% 0%, rgba(139,92,255,.12), transparent 44%),
    radial-gradient(900px 220px at 100% 0%, rgba(45,124,255,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
  box-shadow:var(--fcb-shadow) !important;
}

.fc-basket-page ul[role="list"] > li::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  pointer-events:none;
}

.fc-basket-page ul[role="list"] > li > .flex-shrink-0{
  width:132px;
}

.fc-basket-page ul[role="list"] > li img{
  width:132px !important;
  height:132px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10);
  object-fit:cover;
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}

.fc-basket-page ul[role="list"] > li > .ml-4{
  margin-left:0 !important;
  min-width:0;
}

.fc-basket-page ul[role="list"] > li .flex.justify-between{
  gap:1rem;
  align-items:flex-start;
}

.fc-basket-page ul[role="list"] > li h4{
  color:var(--fcb-text) !important;
  font-size:1.08rem !important;
  line-height:1.14;
  font-weight:800 !important;
}

.fc-basket-page ul[role="list"] > li .text-sm.text-gray-50{
  color:var(--fcb-text-soft) !important;
}

.fc-basket-page ul[role="list"] > li .text-sm.text-green-500{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin-top:.45rem !important;
  padding:.4rem .68rem;
  border-radius:999px;
  border:1px solid rgba(42,210,127,.22);
  background:rgba(42,210,127,.10);
  color:#d9ffea !important;
  font-size:.8rem !important;
  line-height:1;
}

.fc-basket-page ul[role="list"] > li .text-sm.text-green-500 .font-bold{
  color:#fff !important;
}

.fc-basket-page ul[role="list"] > li .ml-4.text-sm.font-medium.text-gray-50{
  margin-left:0 !important;
  color:#fff !important;
  font-size:1rem !important;
  font-weight:800 !important;
  white-space:nowrap;
}

.fc-basket-page [wire\\:id][wire\\:snapshot].mt-2{
  margin-top:.6rem !important;
}

.fc-basket-page input[type="number"][wire\\:model="quantity"]{
  width:110px !important;
  height:42px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.fc-basket-page input[type="number"][wire\\:model="quantity"]::placeholder{
  color:rgba(247,248,255,.45) !important;
}

.fc-basket-page input[type="number"][wire\\:model="quantity"]:focus{
  outline:none !important;
  border-color:rgba(139,92,255,.34) !important;
  box-shadow:0 0 0 1px rgba(139,92,255,.25) inset, 0 0 0 3px rgba(139,92,255,.10) !important;
}

.fc-basket-page .mt-4.flex.flex-wrap.flex-1.items-end.justify-between{
  margin-top:1rem !important;
  padding-top:.9rem;
  border-top:1px solid rgba(255,255,255,.08);
  gap:.8rem;
}

.fc-basket-page .flex.flex-wrap.pt-2.mt-4.text-sm.text-gray-700.gap-2{
  margin-top:0 !important;
  padding-top:0 !important;
  gap:.55rem !important;
}

.fc-basket-page .rounded-full.flex.py-1{
  align-items:center;
  padding:.5rem .72rem !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
}

.fc-basket-page .rounded-full.flex.py-1 svg{
  color:var(--fcb-green) !important;
}

.fc-basket-page .rounded-full.flex.py-1 .text-sm.text-gray-50{
  color:var(--fcb-text-soft) !important;
}

.fc-basket-page .rounded-full.flex.py-1 .text-sm.text-gray-50 .text-green-500{
  color:#bdf5d7 !important;
  margin-left:.25rem;
}

.fc-basket-page button[wire\\:click^="removeCart"]{
  appearance:none;
  -webkit-appearance:none;
  padding:.45rem .7rem !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#f7a6b5 !important;
  font-weight:700 !important;
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}

.fc-basket-page button[wire\\:click^="removeCart"]:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  transform:translateY(-1px);
}

.fc-basket-page section[aria-labelledby="summary-heading"]{
  margin-top:1.2rem !important;
}

.fc-basket-page section[aria-labelledby="summary-heading"] > div{
  position:relative;
  overflow:hidden;
  border:1px solid var(--fcb-line);
  border-radius:var(--fcb-radius);
  padding:1.1rem !important;
  background:
    radial-gradient(800px 200px at 0% 0%, rgba(139,92,255,.10), transparent 44%),
    radial-gradient(800px 200px at 100% 0%, rgba(45,124,255,.08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  box-shadow:var(--fcb-shadow-soft);
}

.fc-basket-page section[aria-labelledby="summary-heading"] > div::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  pointer-events:none;
}

.fc-basket-page section[aria-labelledby="summary-heading"] dl{
  position:relative;
  z-index:1;
}

.fc-basket-page section[aria-labelledby="summary-heading"] dt,
.fc-basket-page section[aria-labelledby="summary-heading"] dd{
  color:var(--fcb-text) !important;
}

.fc-basket-page section[aria-labelledby="summary-heading"] .border-t{
  border-color:rgba(255,255,255,.08) !important;
}

.fc-basket-page section[aria-labelledby="summary-heading"] p.mt-1{
  color:var(--fcb-text-dim) !important;
}

.fc-basket-page a[href*="/checkout"].w-full.block{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:52px;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(135deg, var(--fcb-ac1), var(--fcb-ac2)) !important;
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 14px 30px rgba(45,124,255,.20);
  transition:transform .16s ease, filter .16s ease;
}

.fc-basket-page a[href*="/checkout"].w-full.block:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}

.fc-basket-page .mt-6.text-center.text-gray-200{
  color:var(--fcb-text-dim) !important;
}

.fc-basket-page .mt-6.text-center.text-gray-200 a{
  color:#d8c9ff !important;
}

.fc-basket-page .mt-6.text-center.text-gray-200 a:hover{
  color:#fff !important;
}

@media (max-width:767px){
  .fc-basket-page [wire\\:id][wire\\:snapshot] > .mx-auto.max-w-2xl{
    padding-top:1.2rem !important;
    padding-bottom:1.6rem !important;
  }

  .fc-basket-page ul[role="list"] > li{
    grid-template-columns:1fr;
    padding:.95rem !important;
  }

  .fc-basket-page ul[role="list"] > li > .flex-shrink-0{
    width:100%;
  }

  .fc-basket-page ul[role="list"] > li img{
    width:100% !important;
    height:190px !important;
  }

  .fc-basket-page input[type="number"][wire\\:model="quantity"]{
    width:100% !important;
    max-width:140px;
  }

  .fc-basket-page .mt-4.flex.flex-wrap.flex-1.items-end.justify-between{
    align-items:flex-start !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .fc-basket-page *,
  .fc-basket-page *::before,
  .fc-basket-page *::after{
    transition:none !important;
    animation:none !important;
  }
}

:root{
  --fcx2-line:rgba(255,255,255,.10);
  --fcx2-line2:rgba(255,255,255,.16);
  --fcx2-text:#f7f8ff;
  --fcx2-text-soft:rgba(247,248,255,.76);
  --fcx2-text-dim:rgba(247,248,255,.56);
  --fcx2-ac1:#8B5CFF;
  --fcx2-ac2:#2D7CFF;
  --fcx2-green:#2ad27f;
  --fcx2-shadow-lg:0 24px 70px rgba(0,0,0,.34);
  --fcx2-shadow-md:0 14px 36px rgba(0,0,0,.20);
  --fcx2-radius:22px;
}

body.fc-checkout-v2{
  background:transparent;
}

body.fc-checkout-v2 [wire\:id][wire\:snapshot].mt-5{
  margin-top:.45rem !important;
}

body.fc-checkout-v2 .max-w-lg{
  max-width:980px !important;
}

body.fc-checkout-v2 section[aria-labelledby="checkout-heading"] > .mx-auto.max-w-lg,
body.fc-checkout-v2 section[aria-labelledby="basket-heading"] > .mx-auto.max-w-lg,
body.fc-checkout-v2 section[aria-labelledby="payment-heading"] > .mx-auto.max-w-lg,
body.fc-checkout-v2 .mx-auto.max-w-lg.my-8{
  max-width:980px !important;
}

body.fc-checkout-v2 section[aria-labelledby="checkout-heading"] h1.text-2xl{
  display:none !important;
}

body.fc-checkout-v2 [data-fc-checkout-label]{
  display:block;
  width:100%;
  text-align:center;
  color:var(--fcx2-text-soft);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 .85rem;
}

body.fc-checkout-v2 [data-fc-checkout-label]::after{
  content:"";
  display:block;
  width:120px;
  max-width:100%;
  height:2px;
  margin:.5rem auto 0;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, var(--fcx2-ac1), var(--fcx2-ac2), transparent);
  box-shadow:0 0 18px rgba(45,124,255,.16);
}

body.fc-checkout-v2 [data-flux-separator]{
  display:none !important;
}

body.fc-checkout-v2 [data-fc-summary-shell]{
  position:relative;
  border:1px solid var(--fcx2-line);
  border-radius:var(--fcx2-radius);
  padding:1rem;
  background:
    radial-gradient(900px 200px at 0% 0%, rgba(139,92,255,.10), transparent 44%),
    radial-gradient(900px 200px at 100% 0%, rgba(45,124,255,.08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--fcx2-shadow-lg);
  overflow:hidden;
}

body.fc-checkout-v2 [data-fc-summary-shell]::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  pointer-events:none;
}

body.fc-checkout-v2 [data-fc-summary-shell] > *{
  position:relative;
  z-index:1;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"]{
  margin:0 0 1rem !important;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] .relative{
  display:flex;
  justify-content:flex-end;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] button.font-stripe.rounded-full{
  min-height:40px;
  padding:.62rem .95rem !important;
  border-radius:999px !important;
  border:1px solid rgba(139,92,255,.26) !important;
  background:
    radial-gradient(180px 60px at 0% 0%, rgba(139,92,255,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  color:#eee8ff !important;
  font-size:.8rem !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 20px rgba(45,124,255,.08);
  transition:transform .16s ease, border-color .16s ease, filter .16s ease, box-shadow .16s ease;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] button.font-stripe.rounded-full:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  border-color:rgba(139,92,255,.40) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 24px rgba(45,124,255,.12);
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] [x-show="dropDown"]{
  border-radius:18px !important;
  border:1px solid rgba(139,92,255,.20) !important;
  background:
    radial-gradient(700px 180px at 0% 0%, rgba(139,92,255,.12), transparent 44%),
    radial-gradient(700px 180px at 100% 0%, rgba(45,124,255,.10), transparent 42%),
    linear-gradient(180deg, rgba(16,23,45,.98), rgba(8,12,24,.98)) !important;
  box-shadow:var(--fcx2-shadow-md) !important;
  overflow:hidden;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] [x-show="dropDown"] .px-4.py-3{
  padding:1rem !important;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] label[for="code"]{
  color:var(--fcx2-text) !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] input#code{
  min-height:42px;
  border-radius:12px !important;
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  box-shadow:none !important;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] input#code::placeholder{
  color:#bba8ff !important;
}

body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] .flex.justify-end.mt-3 button[type="submit"]{
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, var(--fcx2-ac1), var(--fcx2-ac2)) !important;
  color:#fff !important;
  font-weight:800 !important;
  padding:.58rem .9rem !important;
}

body.fc-checkout-v2 [x-data*="active: 1"]{
  display:grid;
  gap:.85rem;
  margin-top:0 !important;
}

body.fc-checkout-v2 [x-data*="id: 1"][role="region"],
body.fc-checkout-v2 [x-data*="id: 2"][role="region"],
body.fc-checkout-v2 [x-data*="id: 3"][role="region"]{
  overflow:hidden;
  border-radius:18px !important;
  border:1px solid var(--fcx2-line) !important;
  background:
    radial-gradient(700px 160px at 0% 0%, rgba(139,92,255,.09), transparent 46%),
    radial-gradient(700px 160px at 100% 0%, rgba(45,124,255,.08), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  box-shadow:var(--fcx2-shadow-md) !important;
}

body.fc-checkout-v2 [x-data*="active: 1"] h2 > button{
  padding:1rem 1rem !important;
  color:var(--fcx2-text) !important;
  font-size:.96rem !important;
  font-weight:700 !important;
}

body.fc-checkout-v2 [x-data*="active: 1"] h2 > button .text-primary-500{
  color:#cfbeff !important;
  font-weight:800 !important;
}

body.fc-checkout-v2 [x-data*="active: 1"] [x-show="expanded"]{
  border-top:1px solid rgba(255,255,255,.08);
}

body.fc-checkout-v2 [x-data*="active: 1"] [x-show="expanded"] > div{
  padding:0 1rem 1rem !important;
  color:var(--fcx2-text-soft) !important;
}

body.fc-checkout-v2 [x-data*="active: 1"] [x-show="expanded"] img{
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 30px rgba(0,0,0,.22);
}

body.fc-checkout-v2 [x-data*="active: 1"] [x-show="expanded"] .text-sm.font-bold.text-primary-500{
  color:#ddcfff !important;
}

body.fc-checkout-v2 [x-data*="active: 1"] [x-show="expanded"] .my-2{
  margin-top:.7rem !important;
  padding:.55rem .75rem;
  border-radius:12px;
  border:1px solid rgba(42,210,127,.16);
  background:rgba(42,210,127,.08);
}

body.fc-checkout-v2 [x-data*="active: 1"] [x-show="expanded"] .text-sm.text-green-500{
  color:#bff6d8 !important;
}

body.fc-checkout-v2 [data-fc-totals-block]{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}

body.fc-checkout-v2 .flex.items-center.justify-between.pt-6{
  padding-top:.85rem !important;
}

body.fc-checkout-v2 .flex.items-center.justify-between.pt-6 dt,
body.fc-checkout-v2 .flex.items-center.justify-between.pt-6 dd{
  color:var(--fcx2-text) !important;
}

body.fc-checkout-v2 [data-fc-cashback-inline]{
  margin-top:.95rem;
  padding-top:.95rem;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
}

body.fc-checkout-v2 [data-fc-cashback-inline] .fc-cb-left{
  display:flex;
  align-items:center;
  gap:.6rem;
  min-width:0;
}

body.fc-checkout-v2 [data-fc-cashback-inline] .fc-cb-icon{
  width:30px;
  height:30px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(42,210,127,.18);
  background:rgba(42,210,127,.12);
  color:var(--fcx2-green);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.fc-checkout-v2 [data-fc-cashback-inline] .fc-cb-copy{
  min-width:0;
}

body.fc-checkout-v2 [data-fc-cashback-inline] .fc-cb-kicker{
  color:var(--fcx2-text-dim);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1;
  margin-bottom:.22rem;
}

body.fc-checkout-v2 [data-fc-cashback-inline] .fc-cb-text{
  color:var(--fcx2-text-soft);
  font-size:.83rem;
  line-height:1.15;
}

body.fc-checkout-v2 [data-fc-cashback-inline] .fc-cb-amount{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:34px;
  padding:0 .7rem;
  border-radius:999px;
  border:1px solid rgba(42,210,127,.18);
  background:
    radial-gradient(140px 50px at 50% 0%, rgba(255,255,255,.06), transparent 70%),
    linear-gradient(180deg, rgba(42,210,127,.18), rgba(42,210,127,.10));
  color:#e5fff0;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 18px rgba(42,210,127,.08);
}

body.fc-checkout-v2 .mx-auto.max-w-lg.my-8{
  margin-top:.9rem !important;
  margin-bottom:1rem !important;
}

body.fc-checkout-v2 .mx-auto.max-w-lg.my-8 > div{
  display:none !important;
}

body.fc-checkout-v2 .mx-auto.max-w-lg.px-4.md\:p-0{
  display:none !important;
}

body.fc-checkout-v2 section[aria-labelledby="payment-heading"] .mx-auto.max-w-lg{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--fcx2-line);
  padding:1.1rem !important;
  background:
    radial-gradient(900px 200px at 0% 0%, rgba(139,92,255,.10), transparent 44%),
    radial-gradient(900px 200px at 100% 0%, rgba(45,124,255,.08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--fcx2-shadow-lg);
}

body.fc-checkout-v2 section[aria-labelledby="payment-heading"] .mx-auto.max-w-lg::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  pointer-events:none;
}

body.fc-checkout-v2 ui-label[data-flux-label]{
  color:var(--fcx2-text-soft) !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.03em;
}

body.fc-checkout-v2 input[wire\:model],
body.fc-checkout-v2 select[wire\:model]{
  min-height:44px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  color:#fff !important;
  box-shadow:none !important;
}

body.fc-checkout-v2 input[wire\:model]::placeholder{
  color:rgba(247,248,255,.42) !important;
}

body.fc-checkout-v2 input[wire\:model]:focus,
body.fc-checkout-v2 select[wire\:model]:focus{
  outline:none !important;
  border-color:rgba(139,92,255,.34) !important;
  box-shadow:0 0 0 1px rgba(139,92,255,.20) inset, 0 0 0 3px rgba(139,92,255,.08) !important;
}

body.fc-checkout-v2 ui-checkbox[data-flux-checkbox]{
  align-self:flex-start;
}

body.fc-checkout-v2 ui-checkbox[data-flux-checkbox] > div{
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.04) !important;
}

body.fc-checkout-v2 ui-checkbox[data-flux-checkbox][data-checked] > div{
  background:linear-gradient(135deg, var(--fcx2-ac1), var(--fcx2-ac2)) !important;
}

body.fc-checkout-v2 [data-flux-card]{
  border-radius:16px !important;
  border:1px solid rgba(246,194,74,.20) !important;
  background:linear-gradient(180deg, rgba(246,194,74,.09), rgba(255,255,255,.03)) !important;
  box-shadow:var(--fcx2-shadow-md);
}

body.fc-checkout-v2 [data-flux-card] .text-zinc-500{
  color:#f8e5ab !important;
}

body.fc-checkout-v2 [role="radiogroup"]{
  gap:.8rem !important;
}

body.fc-checkout-v2 [role="radiogroup"] > label{
  overflow:hidden;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.16);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body.fc-checkout-v2 [role="radiogroup"] > label:hover{
  transform:translateY(-1px);
}

body.fc-checkout-v2 [role="radiogroup"] > label.border-primary-500,
body.fc-checkout-v2 [role="radiogroup"] > label.ring-2{
  border-color:rgba(139,92,255,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(139,92,255,.22),
    0 14px 30px rgba(45,124,255,.10) !important;
  background:
    radial-gradient(600px 120px at 0% 0%, rgba(139,92,255,.12), transparent 50%),
    radial-gradient(600px 120px at 100% 0%, rgba(45,124,255,.10), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
}

body.fc-checkout-v2 [role="radiogroup"] > label .text-gray-50{
  color:#fff !important;
}

body.fc-checkout-v2 [role="radiogroup"] > label .text-primary-500{
  color:#d8cbff !important;
}

body.fc-checkout-v2 [role="radiogroup"] > label .bg-gray-700{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.08) !important;
}

body.fc-checkout-v2 [wire\:click="continueToPayment"]{
  min-height:54px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(135deg, var(--fcx2-ac1), var(--fcx2-ac2)) !important;
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 16px 34px rgba(45,124,255,.18);
  transition:transform .16s ease, filter .16s ease;
}

body.fc-checkout-v2 [wire\:click="continueToPayment"]:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

body.fc-checkout-v2 .shimmer{
  color:var(--fcx2-text-soft) !important;
}

body.fc-checkout-v2 .fixed.inset-0.z-50.flex.items-end.justify-center.bg-black\/20{
  background:rgba(4,7,14,.55) !important;
  backdrop-filter:blur(8px);
}

body.fc-checkout-v2 .fixed.inset-0.z-50.flex.items-end.justify-center.bg-black\/20 > div{
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    radial-gradient(700px 180px at 0% 0%, rgba(139,92,255,.14), transparent 44%),
    radial-gradient(700px 180px at 100% 0%, rgba(45,124,255,.10), transparent 42%),
    linear-gradient(180deg, rgba(16,23,45,.96), rgba(8,12,24,.98)) !important;
  box-shadow:var(--fcx2-shadow-lg) !important;
}

@media (max-width:767px){
  body.fc-checkout-v2 .max-w-lg{
    max-width:100% !important;
  }

  body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] .relative{
    justify-content:flex-start;
  }

  body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] button.font-stripe.rounded-full{
    width:100%;
  }

  body.fc-checkout-v2 [wire\:id="JtXii77GlO3IDSJKz6eV"] [x-show="dropDown"]{
    width:100% !important;
    left:0 !important;
    right:auto !important;
    margin-right:0 !important;
  }

  body.fc-checkout-v2 section[aria-labelledby="payment-heading"] .mx-auto.max-w-lg{
    padding:1rem !important;
    border-radius:18px;
  }

  body.fc-checkout-v2 [role="radiogroup"]{
    grid-template-columns:1fr !important;
  }

  body.fc-checkout-v2 [x-data*="active: 1"] h2 > button{
    padding:.9rem !important;
    font-size:.92rem !important;
  }

  body.fc-checkout-v2 [data-fc-cashback-inline]{
    align-items:flex-start;
    flex-direction:column;
  }

  body.fc-checkout-v2 [data-fc-cashback-inline] .fc-cb-amount{
    min-width:unset;
  }
}

@media (prefers-reduced-motion: reduce){
  body.fc-checkout-v2 *,
  body.fc-checkout-v2 *::before,
  body.fc-checkout-v2 *::after{
    transition:none !important;
    animation:none !important;
  }
}


/* ======================================================================
   SOURCE: touchups.css
   ====================================================================== */

:root{
  --fc-nav-u1:#8B5CFF;
  --fc-nav-u2:#35B8FF;
}

nav[aria-label="Global"]{
  position:relative;
  overflow-x:clip;
}

nav[aria-label="Global"] .fcNavSwiftUnderline{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:0;
  pointer-events:none;
  z-index:3;
  overflow:visible;
}

nav[aria-label="Global"] .fcNavSwiftLine{
  position:absolute;
  bottom:0;
  height:2px;
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0),
    rgba(139,92,255,.98) 18%,
    rgba(53,184,255,.98) 50%,
    rgba(139,92,255,.98) 82%,
    rgba(53,184,255,0)
  );
  box-shadow:
    0 0 10px rgba(139,92,255,.28),
    0 0 14px rgba(53,184,255,.18),
    0 0 22px rgba(53,184,255,.08);
}

nav[aria-label="Global"] .fcNavSwiftLine.left{
  left:0;
  width:calc(50% - 28px);
}

nav[aria-label="Global"] .fcNavSwiftLine.right{
  right:0;
  width:calc(50% - 28px);
}

nav[aria-label="Global"] .fcNavSwiftLine::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.08),
    rgba(255,255,255,0)
  );
  opacity:.22;
}

nav[aria-label="Global"] .fcNavSwiftLine::after{
  content:"";
  position:absolute;
  top:50%;
  width:56px;
  height:6px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.55),
    rgba(255,255,255,0)
  );
  filter:blur(2px);
  opacity:.65;
}

/* LEFT side shimmer moves inward to center */
nav[aria-label="Global"] .fcNavSwiftLine.left::after{
  left:-56px;
  animation:fcNavSwiftRunInLeft 4.8s ease-in-out infinite;
}

/* RIGHT side shimmer moves inward to center */
nav[aria-label="Global"] .fcNavSwiftLine.right::after{
  right:-56px;
  animation:fcNavSwiftRunInRight 4.8s ease-in-out infinite;
}

nav[aria-label="Global"] .fcNavSwiftBadge{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%, 50%);
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
}

nav[aria-label="Global"] .fcNavSwiftBadge img{
  width:22px;
  height:22px;
  object-fit:contain;
  display:block;
  filter:
    drop-shadow(0 0 8px rgba(139,92,255,.32))
    drop-shadow(0 0 10px rgba(53,184,255,.24));
}

@keyframes fcNavSwiftRunInLeft{
  0%{
    left:-56px;
    opacity:0;
  }
  15%{
    opacity:.65;
  }
  85%{
    opacity:.65;
  }
  100%{
    left:calc(100% - 18px);
    opacity:0;
  }
}

@keyframes fcNavSwiftRunInRight{
  0%{
    right:-56px;
    opacity:0;
  }
  15%{
    opacity:.65;
  }
  85%{
    opacity:.65;
  }
  100%{
    right:calc(100% - 18px);
    opacity:0;
  }
}

@media (max-width:1023px){
  nav[aria-label="Global"] .fcNavSwiftLine.left{
    width:calc(50% - 22px);
  }

  nav[aria-label="Global"] .fcNavSwiftLine.right{
    width:calc(50% - 22px);
  }

  nav[aria-label="Global"] .fcNavSwiftBadge{
    width:28px;
    height:28px;
  }

  nav[aria-label="Global"] .fcNavSwiftBadge img{
    width:18px;
    height:18px;
  }
}

@media (prefers-reduced-motion: reduce){
  nav[aria-label="Global"] .fcNavSwiftLine::after{
    animation:none !important;
  }
}

:root{
  --fcf1:#8B5CFF;
  --fcf2:#35B8FF;
  --fcf-bg0:#020611;
  --fcf-bg1:#061021;
  --fcf-text:#F7FBFF;
  --fcf-soft:rgba(255,255,255,.76);
  --fcf-dim:rgba(255,255,255,.42);
}

footer[aria-labelledby="footer-heading"]{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(680px 180px at 0% 0%, rgba(139,92,255,.10), transparent 60%),
    radial-gradient(680px 180px at 100% 0%, rgba(53,184,255,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--fcf-bg1), var(--fcf-bg0)) !important;
  border-top:1px solid rgba(255,255,255,.05) !important;
  min-height:0 !important;
}

footer[aria-labelledby="footer-heading"]::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0),
    rgba(139,92,255,.92) 18%,
    rgba(53,184,255,.98) 50%,
    rgba(139,92,255,.92) 82%,
    rgba(53,184,255,0)
  );
  box-shadow:
    0 0 10px rgba(139,92,255,.24),
    0 0 14px rgba(53,184,255,.18);
  z-index:2;
}

footer[aria-labelledby="footer-heading"]::after{
  content:"";
  position:absolute;
  top:-3px;
  left:-18%;
  width:22%;
  height:8px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.92),
    rgba(255,255,255,0)
  );
  filter:blur(2px);
  opacity:.95;
  pointer-events:none;
  z-index:3;
  animation:fcFooterShimmer 5.6s linear infinite;
}

@keyframes fcFooterShimmer{
  0%{ left:-22%; opacity:0; }
  10%{ opacity:.95; }
  90%{ opacity:.95; }
  100%{ left:100%; opacity:0; }
}

footer[aria-labelledby="footer-heading"] > *{
  position:relative;
  z-index:1;
}

footer[aria-labelledby="footer-heading"] > .mx-auto.max-w-7xl{
  max-width:1180px !important;
  padding-top:24px !important;
  padding-bottom:16px !important;
  padding-left:18px !important;
  padding-right:18px !important;
}

footer[aria-labelledby="footer-heading"] .pt-20,
footer[aria-labelledby="footer-heading"] .sm\:pt-24,
footer[aria-labelledby="footer-heading"] .lg\:pt-32{
  padding-top:0 !important;
}

footer[aria-labelledby="footer-heading"] .pb-8{
  padding-bottom:0 !important;
}

/* main layout */
footer[aria-labelledby="footer-heading"] .md\:grid.md\:grid-cols-2.md\:gap-8{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(340px,390px) !important;
  gap:44px !important;
  align-items:start !important;
}

/* links area */
footer[aria-labelledby="footer-heading"] .grid.grid-cols-2.gap-8{
  display:grid !important;
  grid-template-columns:180px 180px !important;
  gap:42px !important;
  justify-content:center !important;
  align-items:start !important;
  margin:0 auto !important;
}

/* headings become | style */
footer[aria-labelledby="footer-heading"] h3{
  color:var(--fcf-text) !important;
}

footer[aria-labelledby="footer-heading"] .text-sm.font-semibold.leading-6.text-gray-50{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin:0 0 12px 0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  min-height:0 !important;
  color:var(--fcf-text) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  text-align:center !important;
}

footer[aria-labelledby="footer-heading"] .text-sm.font-semibold.leading-6.text-gray-50::before{
  content:"|";
  font-size:14px;
  line-height:1;
  font-weight:900;
  background:linear-gradient(180deg, var(--fcf1), var(--fcf2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:
    0 0 8px rgba(139,92,255,.20),
    0 0 10px rgba(53,184,255,.16);
}

/* lists */
footer[aria-labelledby="footer-heading"] ul[role="list"]{
  margin-top:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  padding:0 !important;
  align-items:center !important;
  text-align:center !important;
}

footer[aria-labelledby="footer-heading"] ul[role="list"] li{
  margin:0 !important;
  width:100% !important;
}

footer[aria-labelledby="footer-heading"] a.capitalize.text-sm.leading-6.text-gray-100,
footer[aria-labelledby="footer-heading"] a.text-sm.leading-6.text-gray-100{
  color:var(--fcf-soft) !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  display:inline-block !important;
  transition:
    color .18s ease,
    transform .18s ease,
    text-shadow .18s ease;
}

footer[aria-labelledby="footer-heading"] a.capitalize.text-sm.leading-6.text-gray-100:hover,
footer[aria-labelledby="footer-heading"] a.text-sm.leading-6.text-gray-100:hover{
  color:#fff !important;
  transform:translateY(-1px) !important;
  text-shadow:
    0 0 8px rgba(139,92,255,.14),
    0 0 10px rgba(53,184,255,.10);
}

/* newsletter */
footer[aria-labelledby="footer-heading"] .mt-10.xl\:mt-0.md\:ml-auto{
  margin-top:0 !important;
  margin-left:0 !important;
  width:100% !important;
}

footer[aria-labelledby="footer-heading"] .text-sm.leading-6.text-gray-50.text-\[26px\].font-medium{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin:0 0 10px 0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:var(--fcf-text) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

footer[aria-labelledby="footer-heading"] .text-sm.leading-6.text-gray-50.text-\[26px\].font-medium::before{
  content:"|";
  font-size:14px;
  line-height:1;
  font-weight:900;
  background:linear-gradient(180deg, var(--fcf1), var(--fcf2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

footer[aria-labelledby="footer-heading"] .mt-2.text-sm.leading-6.text-gray-100.font-semibold.text-\[16px\]{
  margin-top:0 !important;
  color:var(--fcf-soft) !important;
  font-size:11px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  max-width:320px !important;
}

/* nicer signup */
footer[aria-labelledby="footer-heading"] form.mt-6.w-full{
  margin-top:14px !important;
}

footer[aria-labelledby="footer-heading"] [data-flux-input-group]{
  width:100% !important;
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
}

footer[aria-labelledby="footer-heading"] input[type="email"]{
  height:42px !important;
  min-height:42px !important;
  border-radius:999px 0 0 999px !important;
  border:1px solid rgba(53,184,255,.18) !important;
  border-right:0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    rgba(255,255,255,.02) !important;
  color:#fff !important;
  font-size:11px !important;
  padding-left:16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 0 12px rgba(53,184,255,.03);
}

footer[aria-labelledby="footer-heading"] input[type="email"]::placeholder{
  color:rgba(255,255,255,.40) !important;
}

footer[aria-labelledby="footer-heading"] button[type="submit"][data-flux-button]{
  height:42px !important;
  min-height:42px !important;
  border-radius:0 999px 999px 0 !important;
  padding:0 18px !important;
  border:1px solid rgba(53,184,255,.30) !important;
  background:linear-gradient(90deg, rgba(139,92,255,.96), rgba(53,184,255,.98)) !important;
  color:#06101e !important;
  font-size:11px !important;
  font-weight:900 !important;
  box-shadow:
    0 0 18px rgba(53,184,255,.14),
    0 8px 18px rgba(0,0,0,.20) !important;
}

footer[aria-labelledby="footer-heading"] button[type="submit"][data-flux-button]:hover{
  filter:brightness(1.03);
}

/* powered by */
footer[aria-labelledby="footer-heading"] .mt-8.-ml-\[100px\]{
  margin:14px 0 0 !important;
  margin-left:0 !important;
  text-align:center !important;
}

footer[aria-labelledby="footer-heading"] a[title="Powered By RaffleX.io"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:11px !important;
  text-decoration:none !important;
}

footer[aria-labelledby="footer-heading"] a[title="Powered By RaffleX.io"] .text-primary-500{
  background:linear-gradient(90deg, var(--fcf1), var(--fcf2)) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* legal row */
footer[aria-labelledby="footer-heading"] .mt-4.border-t.border-gray-900\/10{
  margin-top:12px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}

footer[aria-labelledby="footer-heading"] .mt-4.border-t.border-gray-900\/10 .flex.space-x-6.md\:order-2{
  display:none !important;
}

footer[aria-labelledby="footer-heading"] .text-xs.leading-5.text-gray-500{
  margin:0 auto !important;
  text-align:center !important;
  color:var(--fcf-dim) !important;
  font-size:10px !important;
  line-height:1.35 !important;
}

/* mobile */
@media (max-width:900px){
  footer[aria-labelledby="footer-heading"] .md\:grid.md\:grid-cols-2.md\:gap-8{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  footer[aria-labelledby="footer-heading"] .grid.grid-cols-2.gap-8{
    grid-template-columns:1fr 1fr !important;
    gap:24px !important;
  }
}

@media (max-width:640px){
  footer[aria-labelledby="footer-heading"] > .mx-auto.max-w-7xl{
    padding-top:20px !important;
    padding-bottom:14px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  footer[aria-labelledby="footer-heading"] .grid.grid-cols-2.gap-8{
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
  }

  footer[aria-labelledby="footer-heading"] .text-sm.font-semibold.leading-6.text-gray-50,
  footer[aria-labelledby="footer-heading"] .text-sm.leading-6.text-gray-50.text-\[26px\].font-medium{
    font-size:10px !important;
    gap:8px !important;
  }

  footer[aria-labelledby="footer-heading"] a.capitalize.text-sm.leading-6.text-gray-100,
  footer[aria-labelledby="footer-heading"] a.text-sm.leading-6.text-gray-100{
    font-size:11.5px !important;
  }

  footer[aria-labelledby="footer-heading"] input[type="email"],
  footer[aria-labelledby="footer-heading"] button[type="submit"][data-flux-button]{
    height:40px !important;
    min-height:40px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  footer[aria-labelledby="footer-heading"]::after{
    animation:none !important;
  }
}
/* ========================================
   Flash Footer — Center Newsletter
   ======================================== */

footer[aria-labelledby="footer-heading"] 
.mt-10.xl\:mt-0.md\:ml-auto{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

/* center description text */
footer[aria-labelledby="footer-heading"] 
.mt-2.text-sm.leading-6.text-gray-100.font-semibold.text-\[16px\]{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* center form */
footer[aria-labelledby="footer-heading"] 
form.mt-6.w-full{
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
}

/* control form width so it doesn't stretch */
footer[aria-labelledby="footer-heading"] 
[data-flux-input-group]{
  max-width:360px !important;
  margin:0 auto !important;
}

/* center heading */
footer[aria-labelledby="footer-heading"] 
.text-sm.leading-6.text-gray-50.text-\[26px\].font-medium{
  justify-content:center !important;
}

body.fc-basket-hide-footer .md\:grid.md\:grid-cols-2.md\:gap-8{
  display:none !important;
}

a#categories-header.fcCompDirectLink{
  text-decoration:none !important;
  cursor:pointer !important;
}

a#categories-header.fcCompDirectLink:hover{
  text-decoration:none !important;
}

a#categories-header.fcCompDirectLink .fcNavX-row,
a#categories-header.fcCompDirectLink.fcNavX-row{
  cursor:pointer !important;
}

/* hide only the dropdown chevron */
a#categories-header.fcCompDirectLink > svg:last-of-type{
  display:none !important;
}

/* hide any old hidden "Categories" text block */
a#categories-header.fcCompDirectLink [data-content]{
  display:none !important;
}

/* keep icon + text layout tidy */
a#categories-header.fcCompDirectLink .fcNavX-ico{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

a#categories-header.fcCompDirectLink .fcNavX-txt{
  display:inline-flex !important;
  align-items:center !important;
  font-weight:700 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&display=swap');

/* =========================================================
   FLASH LOGIN PAGE — SCOPED TO /login
   ========================================================= */

body.fc-login-page{
  background:
    radial-gradient(1200px 520px at 0% 0%, rgba(139,92,255,.14), transparent 42%),
    radial-gradient(1200px 520px at 100% 0%, rgba(53,184,255,.12), transparent 40%),
    linear-gradient(180deg, #030611 0%, #071022 100%) !important;
}

/* main page wrap */
body.fc-login-page [wire\\:id][class*="min-h-full"][class*="justify-center"]{
  position:relative;
  padding-top:40px !important;
  padding-bottom:56px !important;
}

/* header */
body.fc-login-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md{
  text-align:center;
}

body.fc-login-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md h2{
  position:relative !important;
  display:inline-block !important;
  margin-top:0 !important;
  padding-bottom:14px !important;
  font-family:'Orbitron',sans-serif !important;
  font-size:clamp(24px, 3vw, 34px) !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#f7fbff !important;
  text-shadow:
    0 0 10px rgba(139,92,255,.24),
    0 0 16px rgba(53,184,255,.18) !important;
}

body.fc-login-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:calc(100% - 18px);
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0) 0%,
    rgba(139,92,255,.92) 24%,
    rgba(53,184,255,.92) 76%,
    rgba(53,184,255,0) 100%
  );
  box-shadow:
    0 0 10px rgba(139,92,255,.36),
    0 0 16px rgba(53,184,255,.28);
}

body.fc-login-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md h2::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-4px;
  transform:translateX(-50%);
  width:100%;
  height:12px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0) 0%,
    rgba(139,92,255,.18) 26%,
    rgba(53,184,255,.18) 74%,
    rgba(53,184,255,0) 100%
  );
  filter:blur(6px);
  pointer-events:none;
}

/* outer card area */
body.fc-login-page .mt-10.sm\\:mx-auto.sm\\:w-full.sm\\:max-w-\\[480px\\]{
  position:relative;
}

body.fc-login-page [data-flux-card]{
  border-radius:24px !important;
  border:1px solid rgba(139,92,255,.16) !important;
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(139,92,255,.12), transparent 42%),
    radial-gradient(120% 120% at 100% 0%, rgba(53,184,255,.10), transparent 40%),
    linear-gradient(180deg, rgba(10,21,48,.92), rgba(7,16,31,.98)) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 22px rgba(139,92,255,.08),
    0 0 24px rgba(53,184,255,.06) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  padding:28px 24px !important;
  overflow:hidden;
  position:relative;
}

body.fc-login-page [data-flux-card]::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.04) 48%, rgba(255,255,255,0) 58%);
  transform:translateX(-120%);
  animation:fcLoginSweep 7s linear infinite;
  opacity:.35;
}

/* labels */
body.fc-login-page [data-flux-label]{
  color:#e9f2ff !important;
  font-weight:800 !important;
  letter-spacing:.02em;
}

/* forgot/register links */
body.fc-login-page a[href*="forgot-password"],
body.fc-login-page a[href*="register"]{
  color:#8fd2ff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  border-bottom:1px solid rgba(83,214,255,.26);
  transition:color .18s ease, border-color .18s ease, opacity .18s ease;
}

body.fc-login-page a[href*="forgot-password"]:hover,
body.fc-login-page a[href*="register"]:hover{
  color:#ffffff !important;
  border-color:rgba(139,92,255,.48);
}

/* inputs */
body.fc-login-page [data-flux-input] input{
  min-height:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    rgba(8,14,28,.86) !important;
  color:#ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 16px rgba(53,184,255,.04) !important;
}

body.fc-login-page [data-flux-input] input::placeholder{
  color:rgba(220,232,255,.48) !important;
}

body.fc-login-page [data-flux-input] input:focus{
  outline:none !important;
  border-color:rgba(83,214,255,.42) !important;
  box-shadow:
    0 0 0 1px rgba(83,214,255,.22),
    0 0 18px rgba(53,184,255,.12),
    0 0 18px rgba(139,92,255,.08),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* button */
body.fc-login-page button[type="submit"][data-flux-button]{
  min-height:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(135deg, #8b5cff, #35b8ff) !important;
  color:#ffffff !important;
  box-shadow:
    0 12px 24px rgba(53,184,255,.18),
    0 0 20px rgba(139,92,255,.12),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  letter-spacing:.03em;
  font-weight:900 !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body.fc-login-page button[type="submit"][data-flux-button]:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:
    0 16px 28px rgba(53,184,255,.22),
    0 0 24px rgba(139,92,255,.14),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* divider */
body.fc-login-page [data-flux-separator] .bg-zinc-800\\/15,
body.fc-login-page [data-flux-separator] .dark\\:bg-white\\/20{
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0),
    rgba(139,92,255,.24),
    rgba(53,184,255,.24),
    rgba(53,184,255,0)
  ) !important;
}

body.fc-login-page [data-flux-separator] span{
  color:rgba(225,235,255,.68) !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px !important;
}

/* bottom text */
body.fc-login-page p.text-center.text-sm.text-gray-50{
  color:rgba(229,239,255,.86) !important;
  font-weight:600;
}

/* errors */
body.fc-login-page [data-flux-error]{
  color:#ff9d9d !important;
}

/* mobile */
@media (max-width:640px){
  body.fc-login-page [wire\\:id][class*="min-h-full"][class*="justify-center"]{
    padding-top:28px !important;
    padding-bottom:40px !important;
  }

  body.fc-login-page [data-flux-card]{
    border-radius:20px !important;
    padding:22px 16px !important;
  }

  body.fc-login-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md h2{
    font-size:22px !important;
    padding-bottom:12px !important;
  }

  body.fc-login-page [data-flux-input] input,
  body.fc-login-page button[type="submit"][data-flux-button]{
    min-height:44px !important;
  }
}

@keyframes fcLoginSweep{
  100%{ transform:translateX(120%); }
}

@media (prefers-reduced-motion: reduce){
  body.fc-login-page [data-flux-card]::before{
    animation:none !important;
  }

  body.fc-login-page button[type="submit"][data-flux-button]{
    transition:none !important;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&display=swap');

/* =========================================================
   FLASH REGISTER PAGE — SCOPED TO /register
   ========================================================= */

body.fc-register-page{
  background:
    radial-gradient(1200px 520px at 0% 0%, rgba(139,92,255,.14), transparent 42%),
    radial-gradient(1200px 520px at 100% 0%, rgba(53,184,255,.12), transparent 40%),
    linear-gradient(180deg, #030611 0%, #071022 100%) !important;
}

/* main page wrap */
body.fc-register-page [wire\\:id][class*="min-h-full"][class*="justify-center"]{
  position:relative;
  padding-top:40px !important;
  padding-bottom:56px !important;
}

/* header */
body.fc-register-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md{
  text-align:center;
}

body.fc-register-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md h2{
  position:relative !important;
  display:inline-block !important;
  margin-top:0 !important;
  padding-bottom:14px !important;
  font-family:'Orbitron',sans-serif !important;
  font-size:clamp(24px, 3vw, 34px) !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#f7fbff !important;
  text-shadow:
    0 0 10px rgba(139,92,255,.24),
    0 0 16px rgba(53,184,255,.18) !important;
}

body.fc-register-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:calc(100% - 18px);
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0) 0%,
    rgba(139,92,255,.92) 24%,
    rgba(53,184,255,.92) 76%,
    rgba(53,184,255,0) 100%
  );
  box-shadow:
    0 0 10px rgba(139,92,255,.36),
    0 0 16px rgba(53,184,255,.28);
}

body.fc-register-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md h2::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-4px;
  transform:translateX(-50%);
  width:100%;
  height:12px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0) 0%,
    rgba(139,92,255,.18) 26%,
    rgba(53,184,255,.18) 74%,
    rgba(53,184,255,0) 100%
  );
  filter:blur(6px);
  pointer-events:none;
}

/* outer card area */
body.fc-register-page .mt-10.sm\\:mx-auto.sm\\:w-full.sm\\:max-w-\\[480px\\]{
  position:relative;
}

body.fc-register-page [data-flux-card]{
  border-radius:24px !important;
  border:1px solid rgba(139,92,255,.16) !important;
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(139,92,255,.12), transparent 42%),
    radial-gradient(120% 120% at 100% 0%, rgba(53,184,255,.10), transparent 40%),
    linear-gradient(180deg, rgba(10,21,48,.92), rgba(7,16,31,.98)) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 22px rgba(139,92,255,.08),
    0 0 24px rgba(53,184,255,.06) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  padding:28px 24px !important;
  overflow:hidden;
  position:relative;
}

body.fc-register-page [data-flux-card]::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.04) 48%, rgba(255,255,255,0) 58%);
  transform:translateX(-120%);
  animation:fcRegisterSweep 7s linear infinite;
  opacity:.35;
}

/* labels */
body.fc-register-page [data-flux-label]{
  color:#e9f2ff !important;
  font-weight:800 !important;
  letter-spacing:.02em;
}

/* links */
body.fc-register-page a[href*="login"]{
  color:#8fd2ff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  border-bottom:1px solid rgba(83,214,255,.26);
  transition:color .18s ease, border-color .18s ease, opacity .18s ease;
}

body.fc-register-page a[href*="login"]:hover{
  color:#ffffff !important;
  border-color:rgba(139,92,255,.48);
}

/* inputs */
body.fc-register-page [data-flux-input] input{
  min-height:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    rgba(8,14,28,.86) !important;
  color:#ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 16px rgba(53,184,255,.04) !important;
}

body.fc-register-page [data-flux-input] input::placeholder{
  color:rgba(220,232,255,.48) !important;
}

body.fc-register-page [data-flux-input] input:focus{
  outline:none !important;
  border-color:rgba(83,214,255,.42) !important;
  box-shadow:
    0 0 0 1px rgba(83,214,255,.22),
    0 0 18px rgba(53,184,255,.12),
    0 0 18px rgba(139,92,255,.08),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* first + last name row spacing */
body.fc-register-page .grid.grid-cols-2.gap-2{
  gap:12px !important;
}

/* button */
body.fc-register-page button[type="submit"][data-flux-button]{
  min-height:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(135deg, #8b5cff, #35b8ff) !important;
  color:#ffffff !important;
  box-shadow:
    0 12px 24px rgba(53,184,255,.18),
    0 0 20px rgba(139,92,255,.12),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  letter-spacing:.03em;
  font-weight:900 !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body.fc-register-page button[type="submit"][data-flux-button]:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:
    0 16px 28px rgba(53,184,255,.22),
    0 0 24px rgba(139,92,255,.14),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* divider */
body.fc-register-page [data-flux-separator] .bg-zinc-800\\/15,
body.fc-register-page [data-flux-separator] .dark\\:bg-white\\/20{
  background:linear-gradient(
    90deg,
    rgba(139,92,255,0),
    rgba(139,92,255,.24),
    rgba(53,184,255,.24),
    rgba(53,184,255,0)
  ) !important;
}

body.fc-register-page [data-flux-separator] span{
  color:rgba(225,235,255,.68) !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px !important;
}

/* bottom text */
body.fc-register-page p.text-center.text-sm.text-gray-50{
  color:rgba(229,239,255,.86) !important;
  font-weight:600;
}

/* errors */
body.fc-register-page [data-flux-error]{
  color:#ff9d9d !important;
}

/* mobile */
@media (max-width:640px){
  body.fc-register-page [wire\\:id][class*="min-h-full"][class*="justify-center"]{
    padding-top:28px !important;
    padding-bottom:40px !important;
  }

  body.fc-register-page [data-flux-card]{
    border-radius:20px !important;
    padding:22px 16px !important;
  }

  body.fc-register-page .sm\\:mx-auto.sm\\:w-full.sm\\:max-w-md h2{
    font-size:22px !important;
    padding-bottom:12px !important;
  }

  body.fc-register-page [data-flux-input] input,
  body.fc-register-page button[type="submit"][data-flux-button]{
    min-height:44px !important;
  }

  body.fc-register-page .grid.grid-cols-2.gap-2{
    gap:10px !important;
  }
}

@keyframes fcRegisterSweep{
  100%{ transform:translateX(120%); }
}

@media (prefers-reduced-motion: reduce){
  body.fc-register-page [data-flux-card]::before{
    animation:none !important;
  }

  body.fc-register-page button[type="submit"][data-flux-button]{
    transition:none !important;
  }
}
/* =========================================
   FLASH COMPETITIONS — SWEETALERT TOAST
   Premium purple > blue neon vibe
   ========================================= */

.swal2-container.swal2-bottom-end{
  padding:16px !important;
}

.swal2-container .swal2-toast{
  width:min(420px, calc(100vw - 24px)) !important;
  border-radius:18px !important;
  padding:14px 16px 14px 14px !important;
  border:1px solid transparent !important;
  background:
    linear-gradient(#081223, #040915) padding-box,
    linear-gradient(90deg, rgba(139,92,255,.85), rgba(53,184,255,.95)) border-box !important;
  color:#f7fbff !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 12px 34px rgba(0,0,0,.34),
    0 0 22px rgba(53,184,255,.10),
    0 0 16px rgba(139,92,255,.08) !important;
  overflow:hidden !important;
  position:relative !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* subtle glow wash */
.swal2-container .swal2-toast::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(420px 120px at 0% 0%, rgba(139,92,255,.14), transparent 58%),
    radial-gradient(420px 120px at 100% 0%, rgba(53,184,255,.14), transparent 58%);
  opacity:1;
}

/* moving border shimmer */
.swal2-container .swal2-toast::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,0) 12%,
      rgba(255,255,255,.02) 24%,
      rgba(255,255,255,.22) 32%,
      rgba(255,255,255,.02) 40%,
      rgba(255,255,255,0) 50%
    );
  background-size:220% 100%;
  mix-blend-mode:screen;
  opacity:.8;
  animation:fcSwalShimmer 4.2s linear infinite;
}

@keyframes fcSwalShimmer{
  0%{ background-position:200% 0; }
  100%{ background-position:-40% 0; }
}

/* icon container */
.swal2-container .swal2-toast .swal2-icon{
  margin:0 12px 0 0 !important;
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  border-width:1.5px !important;
  transform:translateY(1px);
}

/* success ring recolour */
.swal2-container .swal2-toast.swal2-icon-success .swal2-success-ring{
  border-color:rgba(53,184,255,.30) !important;
}

.swal2-container .swal2-toast.swal2-icon-success [class^="swal2-success-circular-line"]{
  background:transparent !important;
}

.swal2-container .swal2-toast.swal2-icon-success .swal2-success-fix{
  background:transparent !important;
}

.swal2-container .swal2-toast.swal2-icon-success .swal2-success-line-tip,
.swal2-container .swal2-toast.swal2-icon-success .swal2-success-line-long{
  background:linear-gradient(90deg, #35b8ff, #8b5cff) !important;
  box-shadow:
    0 0 10px rgba(53,184,255,.20),
    0 0 10px rgba(139,92,255,.14);
}

/* title text */
.swal2-container .swal2-toast .swal2-title{
  margin:0 !important;
  padding:0 !important;
  color:#f7fbff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  letter-spacing:.01em !important;
}

/* html body if ever used */
.swal2-container .swal2-toast .swal2-html-container{
  color:rgba(255,255,255,.76) !important;
  font-size:12px !important;
}

/* remove default harsh success colours */
.swal2-container .swal2-toast.swal2-icon-success{
  border-color:transparent !important;
}

/* progress bar */
.swal2-container .swal2-timer-progress-bar-container{
  background:rgba(255,255,255,.05) !important;
  height:3px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  margin:8px 0 0 !important;
}

.swal2-container .swal2-timer-progress-bar{
  background:linear-gradient(90deg, #35b8ff, #8b5cff) !important;
  box-shadow:0 0 10px rgba(53,184,255,.18) !important;
}

/* close button */
.swal2-container .swal2-close{
  color:rgba(255,255,255,.58) !important;
  transition:color .18s ease, transform .18s ease !important;
}

.swal2-container .swal2-close:hover{
  color:#fff !important;
  transform:scale(1.05);
}

/* animation polish */
.swal2-container .swal2-toast.swal2-show{
  animation:fcSwalIn .26s ease !important;
}

@keyframes fcSwalIn{
  from{
    opacity:0;
    transform:translate3d(0,10px,0) scale(.98);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}

/* mobile */
@media (max-width:640px){
  .swal2-container.swal2-bottom-end{
    padding:10px !important;
  }

  .swal2-container .swal2-toast{
    width:min(100%, calc(100vw - 20px)) !important;
    border-radius:16px !important;
    padding:12px 14px 12px 12px !important;
  }

  .swal2-container .swal2-toast .swal2-title{
    font-size:13px !important;
  }

  .swal2-container .swal2-toast .swal2-icon{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    margin-right:10px !important;
  }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .swal2-container .swal2-toast::after,
  .swal2-container .swal2-toast.swal2-show{
    animation:none !important;
  }
}

body.fc-auth-hide-heading .sm\:mx-auto.sm\:w-full.sm\:max-w-md{
  display:none !important;
}

/*Instant Winners Page*/

#winners-container{
  --fcw-a1:#8b5cff;
  --fcw-a2:#35b8ff;
  --fcw-bg:#030611;
  --fcw-card:#070b18;
  --fcw-soft:rgba(255,255,255,.065);

  position:relative;
  max-width:1180px;
  margin:0 auto;
}

#winners-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(520px 220px at 0% 0%, rgba(139,92,255,.20), transparent 70%),
    radial-gradient(520px 220px at 100% 0%, rgba(53,184,255,.14), transparent 70%),
    linear-gradient(180deg, rgba(7,11,26,.98), rgba(3,6,17,.99))!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

#winners-card::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(53,184,255,.85), rgba(139,92,255,.75), transparent);
  opacity:.9;
}

#winners-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.055), transparent);
  transform:translateX(-120%);
}

#winners-card > div{
  position:relative;
  z-index:2;
}

/* Header */
#winners-card [data-flux-heading]{
  color:#fff!important;
  margin-bottom:6px!important;
}

#winners-card [data-flux-heading] span{
  display:block!important;
  font-size:clamp(24px, 5vw, 42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:1000!important;
  text-shadow:0 0 28px rgba(139,92,255,.22);
}

#winners-card [data-flux-subheading]{
  color:rgba(240,246,255,.66)!important;
  font-size:14px!important;
  line-height:1.5!important;
}

#winners-card .inline-flex.items-center.px-4.py-2{
  border-radius:999px!important;
  border:1px solid rgba(53,184,255,.24)!important;
  color:#fff!important;
  background:
    linear-gradient(135deg, rgba(139,92,255,.20), rgba(53,184,255,.12))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 12px 30px rgba(0,0,0,.20)!important;
}

#winners-card .inline-flex.items-center.px-4.py-2 svg{
  color:#8fdcff!important;
  filter:drop-shadow(0 0 10px rgba(53,184,255,.45));
}

/* Winners list container */
#winners-card ul{
  display:grid!important;
  gap:8px!important;
}

#winners-card ul.divide-y,
#winners-card .divide-y > :not([hidden]) ~ :not([hidden]){
  border-color:transparent!important;
}

/* Winner row */
#winners-card .winner-entry{
  position:relative!important;
  overflow:hidden!important;
  margin:0!important;
  border-radius:20px!important;
  background:
    radial-gradient(260px 90px at 0% 50%, rgba(139,92,255,.12), transparent 70%),
    rgba(255,255,255,.04)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 10px 26px rgba(0,0,0,.18)!important;
  transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease!important;
}

#winners-card .winner-entry::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--fcw-a1), var(--fcw-a2));
  opacity:.85;
}

#winners-card .winner-entry:hover{
  transform:translateY(-1px)!important;
  background:
    radial-gradient(280px 100px at 0% 50%, rgba(139,92,255,.18), transparent 70%),
    rgba(255,255,255,.055)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 14px 34px rgba(0,0,0,.26),
    0 0 30px rgba(53,184,255,.08)!important;
}

#winners-card .winner-entry > div{
  padding:14px!important;
}

/* Prize image badge */
#winners-card .winner-entry span[id^="winner-badge-"]{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    linear-gradient(135deg, rgba(139,92,255,.20), rgba(53,184,255,.10)),
    #080d1d!important;
  box-shadow:
    0 0 0 3px rgba(139,92,255,.08),
    0 12px 26px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
  ring-width:0!important;
}

#winners-card .winner-entry span[id^="winner-badge-"] img{
  border-radius:16px!important;
}

/* Text */
#winners-card .winner-entry p.text-base{
  color:rgba(255,255,255,.88)!important;
  font-size:15px!important;
  line-height:1.25!important;
}

#winners-card .winner-entry .font-semibold{
  color:#fff!important;
  font-weight:950!important;
}

#winners-card .winner-entry .prize-amount{
  display:inline-flex!important;
  align-items:center!important;
  margin-left:3px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
  background:linear-gradient(135deg, rgba(139,92,255,.70), rgba(53,184,255,.55))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 16px rgba(53,184,255,.16)!important;
}

#winners-card .winner-entry p.text-gray-400.text-xs{
  margin-top:5px!important;
  color:rgba(240,246,255,.52)!important;
  font-size:12px!important;
}

/* Time */
#winners-card .winner-entry .text-gray-400.text-sm.flex.items-center{
  color:rgba(240,246,255,.54)!important;
  font-size:12px!important;
  white-space:nowrap!important;
}

#winners-card .winner-entry .text-gray-400.text-sm.flex.items-center svg{
  color:#8fdcff!important;
  opacity:.9!important;
}

/* Pagination */
#winners-card [data-flux-pagination]{
  border-top:1px solid rgba(255,255,255,.07)!important;
  padding-top:14px!important;
  margin-top:6px!important;
}

#winners-card [data-flux-pagination] > div:first-child{
  color:rgba(240,246,255,.52)!important;
}

#winners-card [data-flux-pagination] > div:last-child{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  padding:4px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}

#winners-card [data-flux-pagination] button,
#winners-card [data-flux-pagination] [aria-current="page"],
#winners-card [data-flux-pagination] [aria-disabled="true"]{
  border-radius:10px!important;
  color:rgba(240,246,255,.70)!important;
}

#winners-card [data-flux-pagination] [aria-current="page"]{
  color:#fff!important;
  background:linear-gradient(135deg, var(--fcw-a1), var(--fcw-a2))!important;
  box-shadow:0 8px 18px rgba(53,184,255,.16)!important;
}

#winners-card [data-flux-pagination] button:hover{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}

/* Mobile polish */
@media(max-width:640px){
  #winners-container{
    width:calc(100% - 10px);
  }

  #winners-card{
    border-radius:22px!important;
  }

  #winners-card > div{
    padding:16px!important;
  }

  #winners-card [data-flux-heading] span{
    font-size:26px!important;
  }

  #winners-card [data-flux-subheading]{
    font-size:13px!important;
  }

  #winners-card .winner-entry > div{
    padding:12px!important;
  }

  #winners-card .winner-entry span[id^="winner-badge-"]{
    width:48px!important;
    height:48px!important;
    border-radius:16px!important;
  }

  #winners-card .winner-entry p.text-base{
    font-size:14px!important;
  }

  #winners-card .winner-entry .prize-amount{
    margin-top:2px!important;
  }

  #winners-card .winner-entry .text-gray-400.text-sm.flex.items-center{
    margin-top:7px!important;
    font-size:11px!important;
  }
}

/* Animations */
@media(prefers-reduced-motion:no-preference){
  #winners-card{
    animation:fcWinnersIn .38s ease both;
  }

  #winners-card::after{
    animation:fcWinnersSweep 5.5s ease-in-out infinite;
  }

  #winners-card .winner-entry{
    animation:fcWinnerRowIn .35s ease both;
  }

  #winners-card .winner-entry:nth-child(1){animation-delay:.02s;}
  #winners-card .winner-entry:nth-child(2){animation-delay:.04s;}
  #winners-card .winner-entry:nth-child(3){animation-delay:.06s;}
  #winners-card .winner-entry:nth-child(4){animation-delay:.08s;}
  #winners-card .winner-entry:nth-child(5){animation-delay:.10s;}
}

@keyframes fcWinnersIn{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:none;}
}

@keyframes fcWinnerRowIn{
  from{opacity:0; transform:translateY(8px);}
  to{opacity:1; transform:none;}
}

@keyframes fcWinnersSweep{
  0%,45%{transform:translateX(-120%);}
  70%,100%{transform:translateX(120%);}
}

#winners-card [data-flux-pagination]{
  border-top:1px solid rgba(255,255,255,.07)!important;
  padding-top:16px!important;
  align-items:center!important;
  gap:12px!important;
}

#winners-card [data-flux-pagination] > div:first-child{
  color:rgba(240,246,255,.50)!important;
  font-size:11px!important;
}

#winners-card [data-flux-pagination] > div:last-child{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  width:auto!important;
  max-width:100%!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  padding:5px!important;
  background:rgba(3,6,17,.72)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 28px rgba(0,0,0,.26)!important;
}

#winners-card [data-flux-pagination] button,
#winners-card [data-flux-pagination] [aria-current="page"],
#winners-card [data-flux-pagination] [aria-disabled="true"]{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
  color:rgba(240,246,255,.65)!important;
  background:transparent!important;
  transition:.18s ease!important;
}

#winners-card [data-flux-pagination] [aria-current="page"]{
  color:#fff!important;
  background:linear-gradient(135deg,#8b5cff,#35b8ff)!important;
  box-shadow:
    0 8px 18px rgba(53,184,255,.22),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

#winners-card [data-flux-pagination] button:hover{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
}

#winners-card [data-flux-pagination] [aria-disabled="true"]{
  opacity:.35!important;
}

#winners-card [data-flux-pagination] svg{
  width:15px!important;
  height:15px!important;
}

/* Mobile: keep it neat instead of squashed */
@media(max-width:640px){
  #winners-card [data-flux-pagination]{
    align-items:center!important;
    justify-content:center!important;
  }

  #winners-card [data-flux-pagination] > div:first-child{
    width:100%!important;
    text-align:center!important;
  }

  #winners-card [data-flux-pagination] > div:last-child{
    margin:0 auto!important;
    overflow-x:auto!important;
    scrollbar-width:none;
  }

  #winners-card [data-flux-pagination] > div:last-child::-webkit-scrollbar{
    display:none;
  }

  #winners-card [data-flux-pagination] button,
  #winners-card [data-flux-pagination] [aria-current="page"],
  #winners-card [data-flux-pagination] [aria-disabled="true"]{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    font-size:11px!important;
  }
}