/** Shopify CDN: Minification failed

Line 1181:1 Unexpected "{"

**/
:root{
  --pink:#ff4d8d;
  --pink-deep:#d93373;
  --green:#22e896;
  --cyan:#4ed4ff;
  --yellow:#ffe14a;
  --bg:#0f0f12;
  --bg-2:#16161c;
  --surface:#1c1c24;
  --surface-2:#252530;
  --border:rgba(255,255,255,.08);
  --border-hi:rgba(255,255,255,.18);
  --text:#f5f5fa;
  --text-dim:#a8a8b8;
  --text-mute:#6b6b7a;
  --display:'Bungee','Arial Black',sans-serif;
  --body:'Outfit','Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(15,15,18,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo{font-family:var(--display);font-size:22px;letter-spacing:1px;}
.logo .dot{color:var(--pink);}
.nav-links{display:flex;gap:28px;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:500;}
.nav-links a{color:var(--text-dim);text-decoration:none;transition:color .2s;white-space:nowrap;}
.nav-links a:hover{color:var(--pink);}
.cd-pill{font-size:12px;font-weight:600;color:var(--yellow);letter-spacing:.5px;padding:8px 16px;border:1px solid var(--yellow);border-radius:99px;white-space:nowrap;}

/* HERO */
.hero{position:relative;min-height:90vh;padding:80px 40px 100px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 60% 50% at 25% 30%,rgba(255,77,141,.35),transparent 70%),radial-gradient(ellipse 70% 55% at 80% 75%,rgba(34,232,150,.18),transparent 70%),radial-gradient(ellipse 50% 40% at 90% 20%,rgba(78,212,255,.15),transparent 70%);}
.hero-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);}
.hero-content{position:relative;z-index:2;max-width:1320px;margin:0 auto;width:100%;}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--cyan);letter-spacing:2.5px;text-transform:uppercase;padding:8px 18px;border:1px solid var(--cyan);border-radius:99px;margin-bottom:36px;}
.hero-tag::before{content:'';width:8px;height:8px;background:var(--cyan);border-radius:50%;animation:pulse 1.6s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(1.5);}}
.hero h1{font-family:var(--display);font-size:clamp(54px,11vw,160px);line-height:.95;letter-spacing:-1px;margin-bottom:28px;}
.hero h1 .accent{color:var(--pink);display:block;}
.hero h1 .stroke{-webkit-text-stroke:2px var(--text);color:transparent;display:block;}
.hero-sub{font-size:20px;color:var(--text-dim);max-width:640px;margin-bottom:48px;line-height:1.65;font-weight:300;}
.hero-sub strong{color:var(--green);font-weight:600;}
.countdown{display:flex;gap:14px;margin-bottom:48px;flex-wrap:wrap;}
.cd-box{background:rgba(28,28,36,.6);backdrop-filter:blur(10px);border:1px solid var(--border-hi);border-radius:12px;padding:18px 26px;min-width:96px;text-align:center;}
.cd-num{font-family:var(--display);font-size:42px;color:var(--yellow);line-height:1;}
.cd-label{font-size:10px;font-weight:500;color:var(--text-dim);letter-spacing:2.5px;text-transform:uppercase;margin-top:10px;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:18px 36px;border:none;cursor:pointer;text-decoration:none;transition:all .2s;border-radius:99px;font-family:var(--body);}
.btn-primary{background:var(--pink);color:#fff;}
.btn-primary:hover{background:var(--green);color:var(--bg);transform:translateY(-2px);}
.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border-hi);}
.btn-ghost:hover{border-color:var(--green);color:var(--green);}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:60px;flex-wrap:wrap;margin-top:84px;padding-top:44px;border-top:1px solid var(--border);}
.stat-num{font-family:var(--display);font-size:40px;color:var(--green);line-height:1;}
.stat-label{font-size:11px;font-weight:500;color:var(--text-dim);letter-spacing:2px;margin-top:10px;text-transform:uppercase;}

/* SECTION COMMONS */
section{position:relative;padding:120px 40px;z-index:2;}
.container{max-width:1320px;margin:0 auto;}
.section-label{font-size:12px;font-weight:600;color:var(--pink);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:14px;}
.section-label::before{content:'';width:36px;height:1.5px;background:var(--pink);}
.section-title{font-family:var(--display);font-size:clamp(40px,6vw,72px);line-height:1.05;margin-bottom:24px;letter-spacing:-1px;}
.section-title .accent{color:var(--pink);}
.section-title .accent-green{color:var(--green);}
.section-title .accent-cyan{color:var(--cyan);}
.section-title .accent-yellow{color:var(--yellow);}
.section-desc{font-size:18px;color:var(--text-dim);max-width:720px;margin-bottom:60px;line-height:1.7;font-weight:300;}

/* WARM-UP */
.warmup-section{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.warmup-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;}
.warmup-grid .warmup-card {background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:36px;display:flex;flex-direction:column;transition:all .3s;}
.warmup-grid .warmup-card {border-color:var(--cyan);transform:translateY(-4px);}
.warmup-card > div {background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:36px;display:flex;flex-direction:column;transition:all .3s;}
.warmup-card > div:hover{border-color:var(--cyan);transform:translateY(-4px);}
.warmup-card-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--cyan);padding:5px 12px;border:1px solid var(--cyan);border-radius:99px;margin-bottom:22px;text-transform:uppercase;align-self:flex-start;}
.warmup-card-title{font-family:var(--display);font-size:24px;line-height:1.15;margin-bottom:10px;letter-spacing:-.3px;}
.warmup-card-period{font-size:12px;font-weight:500;color:var(--text-mute);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;}
.warmup-card-desc{font-size:14px;color:var(--text-dim);line-height:1.7;margin-bottom:20px;flex:1;font-weight:300;}
.prize-list{list-style:none;margin-bottom:24px;}
.prize-list li{padding:11px 0;border-bottom:1px solid var(--border);font-size:14px;display:flex;align-items:flex-start;gap:14px;line-height:1.55;}
.prize-list li:last-child{border:none;}
.prize-rank{font-family:var(--display);font-size:10px;color:var(--yellow);letter-spacing:1px;min-width:60px;flex-shrink:0;padding-top:3px;line-height:1.3;}
.prize-rank.second{color:var(--cyan);}
.prize-rank.third{color:var(--green);}

/* RC */
.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.rc-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:42px 32px;position:relative;display:flex;flex-direction:column;transition:all .3s;}
.rc-card:hover{border-color:var(--cyan);transform:translateY(-4px);}
.rc-card.featured{border-color:var(--pink);background:linear-gradient(135deg,rgba(255,77,141,.06) 0%,rgba(34,232,150,.04) 100%);}
.rc-badge{position:absolute;top:-13px;right:24px;font-size:10px;font-weight:700;letter-spacing:2px;background:var(--pink);color:#fff;padding:6px 14px;border-radius:99px;text-transform:uppercase;}
.rc-letter{font-family:var(--display);font-size:13px;color:var(--cyan);letter-spacing:3px;margin-bottom:10px;}
.rc-price{font-family:var(--display);font-size:56px;color:var(--text);line-height:1;margin-bottom:8px;}
.rc-price-label{font-weight:500;font-size:11px;color:var(--text-mute);letter-spacing:2.5px;margin-bottom:30px;text-transform:uppercase;}
.rc-perks{list-style:none;margin-bottom:30px;flex:1;}
.rc-perks li{padding:13px 0;border-bottom:1px solid var(--border);font-size:14.5px;display:flex;align-items:start;gap:12px;line-height:1.55;}
.rc-perks li::before{content:'+';color:var(--pink);font-weight:700;font-family:var(--display);font-size:18px;line-height:1;}
.rc-perks li:last-child{border:none;}
.rc-perks .highlight{color:var(--yellow);font-weight:600;}
.rc-min{font-size:11px;color:var(--text-mute);margin-top:12px;line-height:1.7;}

/* TYPE SPRINT */
.game-section{background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.game-flow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:36px;}
.game-flow-step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;align-items:center;gap:18px;}
.game-flow-num{font-family:var(--display);font-size:42px;color:var(--pink);line-height:1;flex-shrink:0;}
.game-flow-text strong{color:var(--text);font-weight:700;display:block;margin-bottom:4px;font-size:15px;}
.game-flow-text span{color:var(--text-dim);font-size:13.5px;line-height:1.5;font-weight:300;}
.game-wrapper{background:var(--surface);border:1px solid var(--border-hi);border-radius:20px;padding:48px;position:relative;overflow:hidden;}
.game-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--green),var(--cyan));}
.game-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;}
.meta-box{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:18px 22px;}
.meta-label{font-size:10px;font-weight:500;color:var(--text-dim);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px;}
.meta-val{font-family:var(--display);font-size:34px;color:var(--cyan);line-height:1;}
.meta-val.live{color:var(--green);}
.meta-val.warn{color:var(--yellow);}
.type-display{font-family:var(--mono);font-size:22px;line-height:1.8;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:32px;margin-bottom:24px;min-height:180px;user-select:none;word-wrap:break-word;overflow-wrap:break-word;}
.type-display .char{transition:all .1s;color:var(--text-dim);display:inline;}
.type-display .word{display:inline;}
.type-display .char.correct{color:var(--green);}
.type-display .char.wrong{color:#ff6b88;background:rgba(255,107,136,.15);border-radius:2px;}
.type-display .char.current{color:var(--text);border-left:2px solid var(--cyan);animation:blink 1s infinite;}
@keyframes blink{50%{border-left-color:transparent;}}
.type-input{width:100%;font-family:var(--mono);font-size:17px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:18px 24px;outline:none;transition:border .2s;}
.type-input:focus{border-color:var(--cyan);}
.type-input:disabled{opacity:.5;}
.game-controls{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;}
.result-panel{display:none;margin-top:32px;background:linear-gradient(135deg,rgba(255,77,141,.15) 0%,rgba(34,232,150,.08) 100%);border:2px solid var(--pink);border-radius:16px;padding:48px;text-align:center;position:relative;overflow:hidden;}
.result-panel.show{display:block;animation:slideIn .4s ease;}
@keyframes slideIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.result-headline{font-family:var(--display);font-size:14px;letter-spacing:5px;color:var(--cyan);margin-bottom:18px;}
.result-reward{font-family:var(--display);font-size:88px;line-height:1;color:var(--yellow);margin-bottom:8px;}
.result-reward-sub{font-family:var(--display);font-size:18px;color:var(--text);letter-spacing:1px;margin-bottom:14px;}
.result-text{font-size:16px;color:var(--text);margin-bottom:26px;opacity:.92;line-height:1.6;}
.result-code{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:19px;font-weight:700;background:rgba(0,0,0,.35);border:1.5px dashed var(--cyan);color:var(--cyan);padding:14px 28px;border-radius:10px;cursor:pointer;transition:all .2s;}
.result-code:hover{background:var(--cyan);color:var(--bg);}
.copy-hint{font-size:11px;color:var(--text-dim);letter-spacing:1.5px;margin-top:18px;text-transform:uppercase;font-weight:500;}
.upgrade-prompt{margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);}
.upgrade-prompt-title{font-family:var(--display);font-size:18px;color:var(--yellow);margin-bottom:10px;}
.upgrade-prompt-desc{font-size:14px;color:var(--text-dim);margin-bottom:16px;line-height:1.6;font-weight:300;}

/* DEAL TABS */
.deal-tabs{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap;}
.deal-tab{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:13px 24px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:99px;cursor:pointer;transition:all .2s;font-family:var(--body);}
.deal-tab:hover{color:var(--text);border-color:var(--border-hi);}
.deal-tab.active{background:var(--pink);color:#fff;border-color:var(--pink);}
.deal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;}
.deal-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .3s;cursor:pointer;position:relative;display:flex;flex-direction:column;}
.deal-card:hover{border-color:var(--cyan);transform:translateY(-4px);}
.deal-card:hover .deal-img{transform:scale(1.05);}
.deal-img-wrap{position:relative;aspect-ratio:16/10;background:var(--bg-2);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.deal-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.deal-pct-badge{position:absolute;top:12px;left:12px;font-family:var(--display);font-size:16px;color:#fff;background:var(--pink);padding:6px 14px;border-radius:99px;line-height:1;z-index:2;letter-spacing:.5px;}
.deal-meta{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;}
.deal-name{font-family:var(--display);font-size:14px;color:var(--text);line-height:1.3;letter-spacing:.3px;}
.deal-cat{font-size:10px;color:var(--text-mute);letter-spacing:2px;text-transform:uppercase;font-weight:500;}

/* BUNDLES */
.bundle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.bundle-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:all .3s;}
.bundle-card:hover{border-color:var(--cyan);}
.bundle-img-wrap{aspect-ratio:16/10;background:var(--bg-2);overflow:hidden;position:relative;}
.bundle-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.bundle-card:hover .bundle-img{transform:scale(1.04);}
.bundle-discount-badge{position:absolute;top:16px;right:16px;font-family:var(--display);font-size:14px;color:#fff;background:var(--pink);padding:7px 16px;border-radius:99px;line-height:1;letter-spacing:.5px;}
.bundle-body{padding:32px;}
.bundle-letter{display:inline-block;font-family:var(--display);font-size:11px;letter-spacing:2.5px;background:rgba(78,212,255,.15);color:var(--cyan);padding:6px 14px;border:1px solid var(--cyan);border-radius:99px;margin-bottom:20px;}
.bundle-name{font-family:var(--display);font-size:22px;line-height:1.2;margin-bottom:8px;letter-spacing:-.3px;}
.bundle-subtitle{color:var(--text-dim);font-size:13.5px;margin-bottom:24px;line-height:1.6;font-style:italic;font-weight:300;}
.bundle-items{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.bundle-pill{font-size:11.5px;font-weight:500;padding:8px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:99px;color:var(--text);letter-spacing:.3px;}
.bundle-plus{color:var(--pink);font-weight:700;font-family:var(--display);font-size:18px;}

/* MYSTERY */
.mb-section{background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);}
.mb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mb-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:36px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column;}
.mb-card::before{content:'?';position:absolute;right:-40px;top:-50px;font-family:var(--display);font-size:260px;color:rgba(255,77,141,.05);line-height:1;}
.mb-tier{font-size:11px;font-weight:700;color:var(--yellow);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;}
.mb-title{font-family:var(--display);font-size:26px;line-height:1.15;margin-bottom:16px;letter-spacing:-.3px;}
.mb-prices{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;}
.mb-price{font-family:var(--display);font-size:44px;color:var(--yellow);line-height:1;}
.mb-value{font-size:12px;color:var(--text-dim);font-weight:400;}
.mb-pool{font-size:12.5px;color:var(--text-dim);line-height:1.75;background:var(--bg);border:1px dashed var(--border-hi);border-radius:10px;padding:16px;margin-bottom:20px;font-weight:300;flex:1;}
.mb-pool strong{color:var(--cyan);letter-spacing:1px;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;display:block;margin-bottom:6px;}
.mb-spin-btn{width:100%;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:14px;background:var(--bg);color:var(--yellow);border:1.5px solid var(--yellow);border-radius:99px;cursor:pointer;transition:all .2s;font-family:var(--body);}
.mb-spin-btn:hover{background:var(--yellow);color:var(--bg);}

/* LAST CALL */
.lastcall-section{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.spend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;}
.spend-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 28px;text-align:center;transition:all .3s;}
.spend-card:hover{border-color:var(--yellow);transform:translateY(-4px);}
.spend-tier-num{font-family:var(--display);font-size:13px;color:var(--text-mute);letter-spacing:3px;margin-bottom:18px;}
.spend-target{font-family:var(--display);font-size:44px;color:var(--text);line-height:1;margin-bottom:6px;}
.spend-target-label{font-weight:500;font-size:11px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;}
.spend-save{font-family:var(--display);font-size:40px;color:var(--yellow);line-height:1;margin-bottom:6px;}
.spend-save-label{font-size:13px;color:var(--text-dim);font-weight:300;}
.spend-disclaimer{font-size:13px;color:var(--text-mute);text-align:center;letter-spacing:.5px;line-height:1.6;}

/* DISCORD */
.discord-section{background:linear-gradient(135deg,var(--bg-2) 0%,#1a1430 50%,var(--bg-2) 100%);position:relative;overflow:hidden;}
.discord-section::before{content:'';position:absolute;top:-20%;left:-10%;width:50%;height:80%;background:radial-gradient(circle,rgba(88,101,242,.15),transparent 70%);pointer-events:none;}
.discord-intro{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;margin-bottom:60px;}
.discord-cta-wrap{display:flex;flex-direction:column;gap:14px;align-items:flex-end;}
.discord-cta{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:20px 36px;background:#5865f2;color:#fff;border:none;cursor:pointer;text-decoration:none;border-radius:99px;transition:all .2s;font-family:var(--body);}
.discord-cta:hover{background:#4752c4;transform:translateY(-2px);}
.discord-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.discord-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:40px;transition:all .3s;}
.discord-card:hover{border-color:#5865f2;}
.discord-card-tag{display:inline-block;font-size:10px;font-weight:700;color:#5865f2;letter-spacing:2.5px;padding:5px 12px;border:1px solid #5865f2;border-radius:99px;margin-bottom:20px;text-transform:uppercase;}
.discord-card-title{font-family:var(--display);font-size:24px;line-height:1.15;margin-bottom:14px;letter-spacing:-.3px;}
.discord-card-desc{font-size:14.5px;color:var(--text-dim);line-height:1.7;margin-bottom:22px;font-weight:300;}
.discord-card-prize{font-size:13px;color:var(--yellow);font-weight:700;letter-spacing:.5px;padding-top:18px;border-top:1px solid var(--border);}
.discord-card-prize span{color:var(--text-dim);font-weight:400;display:block;margin-top:6px;text-transform:none;letter-spacing:0;font-size:13px;}

/* TIMELINE */
.timeline{position:relative;padding:40px 0;}
.timeline::before{content:'';position:absolute;top:84px;left:0;right:0;height:2px;background:var(--border-hi);}
.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
.tl-stage{position:relative;padding-top:130px;}
.tl-dot{position:absolute;top:74px;left:0;width:20px;height:20px;background:var(--pink);border:3px solid var(--bg);border-radius:50%;z-index:2;}
.tl-stage:nth-child(2) .tl-dot{background:var(--cyan);}
.tl-stage:nth-child(3) .tl-dot{background:var(--green);}
.tl-stage:nth-child(4) .tl-dot{background:var(--yellow);}
.tl-date{position:absolute;top:0;left:0;font-size:11px;font-weight:500;color:var(--text-mute);letter-spacing:2px;text-transform:uppercase;}
.tl-phase{font-family:var(--display);font-size:13px;color:var(--pink);position:absolute;top:28px;left:0;letter-spacing:1.5px;}
.tl-stage:nth-child(2) .tl-phase{color:var(--cyan);}
.tl-stage:nth-child(3) .tl-phase{color:var(--green);}
.tl-stage:nth-child(4) .tl-phase{color:var(--yellow);}
.tl-title{font-family:var(--display);font-size:18px;margin-bottom:10px;letter-spacing:-.3px;}
.tl-desc{font-size:14px;color:var(--text-dim);line-height:1.65;font-weight:300;}

/* FOOTER */
footer{background:var(--bg-2);padding:68px 40px 40px;border-top:1px solid var(--border);}
.footer-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px;}
.footer-logo{font-family:var(--display);font-size:24px;margin-bottom:18px;letter-spacing:1px;}
.footer-logo .dot{color:var(--pink);}
.footer-tag{font-size:14px;color:var(--text-dim);line-height:1.7;max-width:380px;font-weight:300;}
.footer-col h4{font-family:var(--display);font-size:12px;color:var(--pink);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:18px;}
.footer-col a{display:block;font-size:13px;color:var(--text-dim);text-decoration:none;margin-bottom:10px;transition:color .2s;}
.footer-col a:hover{color:var(--text);}
.rules-toggle{max-width:1320px;margin:0 auto;padding-top:32px;border-top:1px solid var(--border);}
.rules-toggle summary{cursor:pointer;font-size:11px;font-weight:500;color:var(--text-mute);letter-spacing:2px;text-transform:uppercase;padding:8px 0;}
.rules-content{margin-top:16px;font-size:12px;color:var(--text-mute);line-height:1.8;font-weight:300;}
.footer-copy{max-width:1320px;margin:32px auto 0;padding-top:24px;border-top:1px solid var(--border);text-align:center;font-size:11px;color:var(--text-mute);letter-spacing:1.5px;}

/* RESPONSIVE */
@media (max-width:1100px){
  .warmup-grid,.rc-grid,.spend-grid{grid-template-columns:1fr;}
  .bundle-grid,.discord-grid{grid-template-columns:1fr;}
  .mb-grid{grid-template-columns:1fr;}
}
@media (max-width:900px){
  nav{padding:14px 20px;flex-wrap:wrap;}
  .nav-links{display:none;}
  section{padding:80px 20px;}
  .hero{padding:48px 20px 64px;}
  .timeline-grid{grid-template-columns:1fr;gap:48px;}
  .timeline::before{display:none;}
  .tl-stage{padding-top:60px;}
  .tl-dot{display:none;}
  .game-flow{grid-template-columns:1fr;}
  .game-flow-step{padding:18px 20px;gap:14px;}
  .game-flow-num{font-size:32px;}
  .game-meta{grid-template-columns:repeat(2,1fr);gap:10px;}
  .meta-box{padding:14px 16px;}
  .meta-label{font-size:9px;letter-spacing:2px;margin-bottom:6px;}
  .meta-val{font-size:26px;}
  .game-wrapper{padding:24px 18px;border-radius:14px;}
  .type-display{font-size:16px;line-height:1.7;padding:18px;min-height:140px;}
  .type-input{font-size:16px;padding:14px 16px;}
  .game-controls{gap:10px;}
  .game-controls .btn{padding:14px 20px;font-size:11px;letter-spacing:1.5px;flex:1;justify-content:center;}
  .result-panel{padding:28px 20px;}
  .result-headline{font-size:11px;letter-spacing:3px;}
  .result-reward{font-size:60px;}
  .result-reward-sub{font-size:14px;}
  .result-text{font-size:14px;}
  .result-code{font-size:15px;padding:12px 18px;flex-wrap:wrap;}
  .upgrade-prompt-title{font-size:15px;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .countdown{gap:10px;}
  .cd-box{min-width:72px;padding:12px 14px;}
  .cd-num{font-size:30px;}
  .hero-stats{gap:32px;}
  .discord-intro{grid-template-columns:1fr;gap:24px;}
  .discord-cta-wrap{align-items:flex-start;}
}


@keyframes pulse {
  0% {
    margin-right:0px;
    opacity: 1;
  }
  50% {
    margin-right:10px;
    opacity: 0.7;
  }
  100% {
    margin-right:0px;
    opacity: 1;
  }
}

@keyframes drag {
  0% {
    margin-right:-20px;
    opacity: 1;
  }
  50% {
    margin-right:20px;
    opacity: 0.7;
  }
  100% {
    margin-right:-20px;
    opacity: 1;
  }
}

.page-sales-event .image-top .m-richtext__description.rte li strong {
    color: #fbde49;
}

.drag-notice {
    display: flex;
    margin: 0 auto;
    align-items: center;
    gap: 20px;
    justify-content: center;
    animation-name: drag;
    animation-duration: 5s; /* Adjust as needed */
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out; /* Optional: for smoother animation */    
}

.drag-notice p {
    font-weight: 700;
}

.drag-notice img {
    max-width: 60px;
}

#shopify-section-template--20381360816345__custom_content_EhG8Gq .m-custom-content__block-inner.m\:w-full {
    justify-content: center;
    align-items: center;
    display: flex;
}

.pass-features {
    overflow: hidden;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25);
    color: #FFF;
    background: linear-gradient(-45deg, #1e2030, #0416be);
    border-radius: 40px;
}

.pass-features-title {
    padding: 50px 40px 0px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25), 7px 7px 12px rgba(0, 0, 0, 0.25);
}

.midyear-2026 h1,
.midyear-2026 h2,
.midyear-2026 h3,
.midyear-2026 h4 {
    font-family:var(--display);
}

.pass-features-title h3 {
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: "wght" 500;
    letter-spacing: 1px;
}

.pass-features-content {
    padding: 30px 40px 20px;
}

.pass-features-content h4 {
    text-transform: uppercase;
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: "wght" 400;
    letter-spacing: 2px;
    font-size: 14px;
}
.m-section__description.rte {
    max-width: 780px;
    margin: 10px0;
    font-family:var(--body);
    font-weight: 700;
    font-size: 22px;
    font-variation-settings: 'wght' 500;
    color: #FFF;
}

.pass-features-item {
    padding: 10px 0px;
    display: grid;
    gap: 10px;
    grid-template-columns: 30px 1fr;
}

.pass-features-item:before {
    height: 2px;
    width: 20px;
    background: #FFF;
    content: ' ';
    display: inline-flex;
    margin-top: 10px;
}

.pass-features-item ul {
    list-style: square;
    margin-left: 15px;
    grid-column-start: 2;
}

.pass-features-item p, .pass-features-item ul li {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 400;
}


.pass-feature-price {
    padding: 0px 40px 50px;
    font-size: 24px;
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: "wght" 400;
}



.m-richtext__subtitle.m-slide__subtitle.m\:text-black.h6,
p.m-richtext__subtitle.h6 {
    color: #FFF;
    font-size:18px;
    font-family:var(--display);
    text-transform: uppercase;
    letter-spacing: 2px;
}

div#m-custom__block--countdown_button_EtC8w7 {
    width: 100%;
}

.container-full.m-section-my.m-section-py.m-custom-content__container {
    padding: 0px;
}
#event-highlights .main-carousel {
    padding:0px 80px;
}

#event-highlights .main-carousel .flickity-viewport {
    overflow: visible;
}

.m-section__description.rte {
    max-width: 780px;
    margin: 0 auto;
    font-family:var(--body);
    font-weight: 700;
    font-size: 22px;
    font-variation-settings: 'wght' 500;
    color: #FFF;
}

.m-faqs-section__block.m-faqs-section__block-content {
    background: #00fff1;
    color: #000;
    padding: 25px;
    margin-bottom: 80px;
    font-variation-settings: "wght" 500;
    font-family:var(--body);
}



a.m-product-card__name {
    color: #000;
}

.spring-2026 .m-product-card .m-price {
    width: 100%;
}

span.jdgm-prev-badge__text,
span.jdgm-qa-badge__text {
    font-size: 12px;
    color: #000;
}

.m-price span, body .m-price__regular .m-price-item--regular, body .m-price__regular .m-price-item--last, body .m-price__sale .m-price-item--regular, body .m-price__sale .m-price-item--last {
    font-family: Poppins,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

.page-sales-event .m-countdown__inner-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    width: 100%;
    gap: 5px;
    margin-top: 5px;
}

.page-sales-event .mystery-box-content .m-countdown {
    max-width:100%;
}

.m-richtext__subtitle.h5 {
    font-size: 26px;
    display: block;
    clear: both;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: #FFF;
}
.spring-2026 .m-section__description.rte {
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
}

.event-item {
    width: 400px;
    background-image: radial-gradient(farthest-corner at 60px 60px, #00ff97 0%, #003bff 60%, #00d6ff 100%);
    border-radius: 20px;
    overflow: hidden;
    margin: 0px 20px 40px;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25);
    transition: all 1s ease;

}

.event-item:hover {
    background-image: radial-gradient(farthest-corner at 60px 60px,rgb(94, 255, 190) 0%,rgb(36, 87, 252) 60%,rgb(45, 218, 252) 100%);
}

.event-item:hover .arrow {
  animation-name: pulse;
  animation-duration: 2s; /* Adjust as needed */
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; /* Optional: for smoother animation */
}

.page-sales-event .cd-large .m-countdown {
    max-width: 100%;
    width: 100%;
    background: transparent;
     align-items: center;
}


.page-sales-event .cd-large .m-countdown__inner-top {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    background: transparent;
    gap: 5px;
}

.page-sales-event .cd-large .deal-text {
    border-radius: 10px;
    font-family: M-Heading-Font;
    font-size: 20px;
    padding: 0 20px 10px;
    background: transparent;
    height: 100%;
    align-items: center;
    display: block;
    line-height: 1.2em;
    font-weight: 700;
    text-align: center;
    width: 100%;
    color:#FFF;
    letter-spacing: 8px;
}

.page-sales-event .container-crop img {
    max-width: 80%;
    margin: 0 auto;
}

.page-sales-event .sale-button-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    margin: 0 80px;
    max-width: 100%;
    align-items: center;
}

.page-sales-event .sale-button-content h5 {
    line-height: 1.2em;
    color: #FFF;
    margin-bottom: 10px;
}

.sale-button-grid .sale-button-content p {
    color: #FFF;
}

.mystery-box-content .product-info {
    display: flex;
    background: linear-gradient(0deg, #000000, #4d4d4d94);
    margin: 10px 0 5px;
    padding: 30px 20px;
    flex-direction: column;
    border-radius: 10px;
    text-align: center;
}

.page-sales-event .sale-button-grid a:hover h5,
.page-sales-event .sale-button-grid a:hover .sale-button-content  p {
    color:#FFF;
}

.page-sales-event .sale-button-grid a .sale-button-go svg path {
    fill: #FFF;
}

span.event-date {
    padding: 10px;
    display: inline-flex;
    margin-bottom: 20px;
    background:linear-gradient(0deg, #005dff52, #0100ff);
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: 'wght' 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.15) inset;
}

.page-sales-event .countdown-medium  .m-countdown-timer__box {
    max-width: 100%;
    background: linear-gradient(0deg, #212121, #0012ffba);
    min-width: auto;
    border-radius: 10px;
    font-family:var(--display);
    font-variation-settings: "wght" 400;
    color: #FFF;
}

.page-sales-event .countdown-medium .m-countdown-timer__digit {
    font-size: 70px;
    padding: 30px 20px 0px;
}

.page-sales-event .countdown-medium p.m-countdown-timer__text {
    padding-bottom: 35px;
    margin: 0;
    font-size: 22px;
}

.page-sales-event .countdown-medium .m-countdown__inner-bottom {
    max-width: 100%;   
}

.page-sales-event .countdown-medium .m-countdown__inner {
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.page-sales-event .countdown-medium  .m-countdown-timer__box {
    max-width: 100%;
    background: linear-gradient(0deg, #212121, #0012ffba);
    min-width: auto;
    border-radius: 10px;
    font-family:var(--display);
    font-variation-settings: "wght" 400;
    color: #FFF;
}

.page-sales-event .countdown-medium .m-countdown__inner-top {
    grid-template-columns: 1fr;
}

div#m-custom__block--countdown_button_xgez8C {
    width: 100%;
    max-width: 100%;
}

.page-sales-event .countdown-medium  .m-countdown {
    margin: 0 auto;
     max-width: 620px;
    width: 100%;
    background: transparent;   
}

.page-sales-event .m-richtext__description p {
    color: #FFF;
}

.sale-faq {
    max-width:760px;  
    margin: 0 auto;
}

.page-sales-event .countdown-medium .deal-text {
    background: transparent;
    font-size: 30px;
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-sales-event .cd-large .m-countdown-timer__digit {
    font-size: 120px;
    padding: 30px 20px 0px;
}

.page-sales-event .cd-large p.m-countdown-timer__text {
    padding-bottom: 35px;
    margin: 0;
    font-size: 32px;
}

.page-sales-event .cd-large .m-countdown__inner-bottom {
    max-width: 100%;   
}

.page-sales-event .cd-large .m-countdown__inner {
    position: relative;
    z-index: 1;
    max-width: 80%;
}

.event-item-content {
    padding: 30px;
}

.event-item-content h3 {
    font-size: 28px;
    margin-bottom: 20px;
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: 'wght' 500;
    line-height: 1em;
    letter-spacing: -.5px;
}

.event-item-content p {
    font-size: 18px;
    line-height: 1.5em;
    font-family:var(--body);
    font-weight:400;
}

.event-item-more span {
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: 'wght' 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
}

.event-item-more {
    padding: 20px 30px;
    border-top: 1px solid rgba(0,0,0,0.25);
    box-shadow: 0px 1px 0px rgba(255,255,255,0.1) inset;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.mystery-box-content .box-info p.description {
    margin: 10px 0;
    display: block;
    -webkit-line-clamp: none;
    -webkit-box-orient: unset;
    overflow: hidden;
    min-height: auto;
    position: relative;
    transition: all .5s;
    font-size: 20px;
}

.white-shadow .m-image {
    background: #FFF;
    border-radius: 30px;
    box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.55), 40px 20px 25px rgba(0, 0, 0, 0.45);
}

.m-richtext__description {
    margin-top: 10px;
    color: #FFF;
}

p.m-richtext__subtitle.h6,
.m-richtext__title {
color:#FFF;
}


.images-box.main-carousel.flickity-enabled.is-draggable {
    border-radius: 30px;
    overflow: hidden;
}
.m-countdown__inner-top {
    display: grid;
    grid-template-columns: 130px 1fr;
    align-items: center;
    background: transparent;
    gap: 5px;
}
.m-countdown__inner-bottom p.coming.font-bold {
    grid-column: span 2;
    background: #ffffff14;
    padding: 15px;
    border-radius: 10px;
    font-family:var(--display);
    font-weight: 700;
    letter-spacing: 2px;
}

.mystery-box-content .product-info {
    display: flex;
    background: linear-gradient(0deg, #1b25a6, #1b25a694);
    margin: 10px 0 5px;
    padding: 30px 20px;
    flex-direction: column;
    border-radius: 10px;
    text-align: center;
}

.bundle-item {
    display: grid;
    grid-template-columns: 1fr 400px;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px;
    border-bottom: 2px solid #ffffff1c;
    padding-bottom: 80px;
}

.bundle-item .images-box {
    gap: 20px;
    width: 100%!important;
    display: grid;
    grid-template-rows: 400px;
    margin: 0;
}

.bundle-item .images-box.grid-three {
    gap: 20px;
    width: 100%!important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0;
}



.bundle-item .product-info {
    flex: 1;
    background: transparent;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.bundle-item .images-box .m-image {
    border-radius: 30px;
    background: #FFF;
}

.box-item .images-box {
    background: #FFF;
}
.mystery-box-content .box-info p.description:before {
    display:none;
}

.photo-grid-sale {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.m-richtext__description.rte.m\:text-color-subtext.h6 em {
    background: #6a72b9;
    color: #FFF;
    font-weight: 700;
    font-style: normal;
    padding: 0px 4px;
}

h3.m-richtext__title.rte.h2 {
    font-size: 42px;
    font-weight: 700;
    font-variation-settings: "wght" 500;
}
.m-richtext__description p {
    font-size: 18px;
    line-height: 1.5em;
}
.deal-text {
    border-radius: 10px;
    font-family: M-Heading-Font;
    font-size: 14px;
    padding: 0 20px;
    background: linear-gradient(0deg, #1b25a6, #1b25a6ba);
    height: 100%;
    align-items: center;
    display: flex;
    text-align: left;
    line-height: 1.2em;
    font-weight: 700;
}
.page-sales-event .time-item {
    font-family: M-Heading-Font;
    font-size: 15px;
    padding: 20px;
    background: linear-gradient(0deg, #1b25a6, #1b25a6ba);
    text-align: left;
    border-radius: 10px;
}
.page-sales-event .m-countdown__inner-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 500px;
    width: 100%;
    gap: 5px;
    margin-top: 5px;
}

.page-sales-event .m-countdown-timer__box {
    max-width: 100%;
    background: linear-gradient(0deg, #1b25a6, #1b25a6ba);
    min-width: auto;
    border-radius: 10px;
    font-family:var(--display);
    font-variation-settings: "wght" 400;
}

.page-sales-event .m-countdown {
    max-width: 100%;
    width: 100%;
    background: transparent;
    padding: 0px;
    margin: 0px;
}

.page-sales-event .m-countdown-section {
    padding-left: 0px;
    padding-right: 0px;
}

.m-richtext__description {
    margin-top: 10px;
}

p.m-richtext__subtitle.h6 {
    font-size: 20px;
    font-weight: 700;
}

.sale-main-description {
    margin: 0 auto 100px;
    max-width: 50%;
    text-align: center;
}

.sale-main-description p {
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: "wght" 300;
    font-size: 28px;
}

.photo-grid-sale img {
    max-width: 100%;
    width: 100%;
    box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.55), 40px 20px 25px rgba(0, 0, 0, 0.45);
}

.photo-grid-sale img:nth-child(odd) {
    border-radius: 0px 30px 30px 0px;
}

.photo-grid-sale img:nth-child(even) {
    border-radius: 30px 0px 0px 30px;
}


div#m-custom-template--19526062047449__custom_content_HGgCYp > div {
    margin-top: 0px;
}

.sale-main-description h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
font-family:var(--display);
    font-weight: 700;
}

span.date-line {
    height: 4px;
    width: 40px;
    background: #FFF;
    content: ' ';
    display: block;
    border-radius: 10px;
}

.sale-main-description h2 {
    display: flex;
    align-items: center;
    gap: 10px;
}

div#m-custom__block--html_wAKzLR {
    padding: 0px;
}

.photo-grid-sale img:nth-child(even) {
    border-radius: 30px 0px 0px 30px;
}

h3.m-richtext__title.m-content-box__heading.h2 {
    font-weight: 700;
    font-variant: full-width;
    font-variation-settings: "wght" 300;
}

.page-sales-event.template-page #MainContent {
    background: #0f0f12;
}

.page-sales-evemt .m-section__description.rte {
    max-width: 780px;
    margin: 10px 0;
    font-family: var(--body);
    font-weight: 700;
    font-size: 22px;
    font-variation-settings: 'wght' 500;
    color: #FFF;
}


.page-sales-event.template-page #MainContent .m-color-dark {
    color: rgb(var(--color-foreground));
    background-color: transparent;
}

.m-color-scheme-09e5b5b4-774c-4b6c-8025-416ced49cc74 {
    color: rgb(var(--color-foreground));
    background-color: transparent;
}

.sale-button-grid a {
    display: grid;
    grid-template-columns: 1fr 40px;
    align-items: center;
    padding: 0px 0 0px 0px;
    background: #807c4a00;
    transition: all .3s;
    grid-template-rows: 1fr auto;
    row-gap: 20px;
}

.sale-button-grid a img {
    grid-column: span 2;
}

.sale-button-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    margin: 0 auto;
    max-width: 100%;
    align-items: center;
}

.sale-banner {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}

.sale-button-grid a img {
    grid-column: span 2;
    border-radius: 15px;
    box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.55), 40px 20px 25px rgba(0, 0, 0, 0.45);
    transition: all ease 0.25s;
    border: 12px solid #FFF;
}



.sale-button-grid a:hover img {
    transform: scale(1.1);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .25), 60px 40px 35px rgba(0, 0, 0, 0.45);
}

.sale-button-grid a:hover {
    background: transparent;
    color: #000;
}


.sale-button-grid a .sale-button-content {
  padding-left:20px;
}

.sale-button-grid a .sale-button-content,
.sale-button-grid a .sale-button-go {

   transition: all ease 0.25s;
}

.sale-button-grid a:hover .sale-button-content,
.sale-button-grid a:hover .sale-button-go {
    transform: translate3d(0px, 10px, 0px);
}

.sale-button-content h5 {
    line-height: 1.2em;
    color: #FFF;
    margin-bottom: 10px;
}

.sale-button-grid a:hover .sale-button-content h5 ,
.sale-button-grid a:hover .sale-button-content p {
 color:#FFF;
}

.sale-button-grid a:hover svg path {
    fill: #FFF;
}
.container-crop {
    overflow: visible;
   max-width:100%;
}

.container-crop img {
    max-width: calc(100% + 10%);
}

.container-crop img {
    max-width: calc(100% + 10%);
    transform: scale3d(1.2, 1.2, 1.2);
}


h3.m-richtext__title.rte.h2,
.m-richtext__description p,
.p.m-richtext__subtitle.h6,
 {
    color: #FFF;
}

.m-richtext__description.rte li {
    list-style: inherit;
    line-height: 2;
    color: #FFF;
}

.page-sales-event .m-countdown-section>div {
    margin: 30px 0 0;
    color: #FFF;
}

.page-sales-event .m-countdown-timer__box {
    max-width: 100%;
    background: linear-gradient(0deg, #a66e1b, #fff500);
    min-width: auto;
    border-radius: 10px;
    font-family:var(--display);
    font-variation-settings: "wght" 400;
    color: #000;
}

.page-sales-event .time-item {
    font-family: M-Heading-Font;
    font-size: 15px;
    padding: 20px;
    background: linear-gradient(0deg, #a66e1b, #fff500);
    color:#000;
    text-align: left;
    border-radius: 10px;
}

.page-sales-event .time-item .t {
    font-family: M-Body-Font;
    color: #000000;
}

.spring-2026 .m-product-card {
    background: #FFFF;
    border-radius: 20px;
    overflow: hidden;
}

.spring-2026 .m-product-card .m-product-card__title {
    color: #000;
    text-align: left;
    line-height: 1em;
    margin-bottom: 0px;
}

.m-price__sale .m-price-item--last {
    color: rgb(var(--color-price-sale));
    font-weight: 500;
}

.m-price__sale .m-price-item--regular {
    font-size: 87.5%;
    text-decoration: line-through;
    color: #0000006e;
}

.spring-2026 .m-product-card .m-price {
    width:100%;
}

.spring-2026 .m-product-card .m-price--on-sale .m-price__sale {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px 8px;
    align-items: baseline;
}

.spring-2026 .m-product-card .m-product-card__info {
    margin: 20px;
}

.page-sales-event .m-countdown__inner-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    width: 100%;
    gap: 5px;
    margin-top: 5px;
}

.page-sales-event .deal-text {
    border-radius: 10px;
    font-family: M-Heading-Font;
    font-size: 14px;
    padding: 0 20px;
    background: linear-gradient(0deg, #a66e1b, #fff500);
    height: 100%;
    align-items: center;
    display: flex;
    text-align: left;
    line-height: 1.2em;
    font-weight: 700;
    color: #000;
}

.image-top .lg\:m\:w-6\/12 {
    width: 100%;
}

.image-top .m\:column.m-richtext > div {
    background: url(/cdn/shop/files/bg-gold-min_1.jpg?v=1763262113);
    border-radius: 20px;
}

.image-top .image__box .m-image {
    max-width: 100%;
}

.image-top .image__box {
    text-align: center;
    padding: 30px 30px 0px;
}

.page-sales-event .m-countdown__inner-bottom .m-countdown__button a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 18px 36px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s;
    border-radius: 99px;
    font-family: var(--body);
    width: 100%;
    justify-content: center;
}

.image-top .m-richtext__description.rte ul {
    margin: 0px;
    padding:0px;
}

.image-top .m-richtext__description.rte li {
    list-style: inherit;
    line-height: 1.5em;
    color: #000;
    list-style: none;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    font-size: 1.2em;
}

.image-top p.m-richtext__subtitle.h6, .image-top .m-richtext__title {
    font-size: 28px;
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: "wght" 500;
    color: #000;
    margin-top: 10px;
}

.page-sales-event .m-countdown-timer__box {
    background: rgba(28, 28, 36, .6);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-hi);
    border-radius: 12px;
    padding: 18px 26px;
    min-width: 96px;
    text-align: center;
}

.image-top .deal-text {
    border-radius: 10px;
    font-family: M-Heading-Font;
    font-size: 14px;
    padding: 0 20px;
    background: linear-gradient(0deg, #000000, #000000ba);
    height: 100%;
    align-items: center;
    display: flex;
    text-align: left;
    line-height: 1.2em;
    font-weight: 700;
    color:#FFF;
}

.page-sales-event .image-top  .time-item {
    font-family: M-Heading-Font;
    font-size: 15px;
    padding: 20px;
    background: linear-gradient(0deg, #000000, #000000ba);
    text-align: left;
    border-radius: 10px;
    color:#FFF
}

.page-sales-event p.m-countdown-timer__text.m-countdown-timer__text--short {
    display: block;
    font-size: 10px;
    color: var(--text-dim);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: var(--body);
    font-weight: 700;
}

.page-sales-event .m-countdown-timer__digit {
    padding: 15px 0 0;
    font-family: var(--display);
    font-size: 42px;
    color: var(--yellow);
    line-height: 1;
}

.page-sales-event .deal-text {
    background: rgba(28, 28, 36, .6);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-hi);
    border-radius: 12px;
    padding: 18px 26px;
    min-width: 96px;
    text-align: center;
    font-family: var(--body);
}

.page-sales-event .m-product-tabs--horizontal .m-tab-header {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 13px 24px ;
    background: var(--surface);
    border: 1px solid var(--border);
    color: var(--text-dim);
    border-radius: 99px;
    cursor: pointer;
    transition: all .2s;
    font-family: var(--body);
}

.page-sales-event a.m-tab-header.active {
    color: rgb(255, 255, 255);
    background: var(--pink);
    border-color: var(--pink);
}

.page-sales-event .m-product-tabs--horizontal .m-tab-header:after {
    display:none !important;
}

.page-sales-event  .m-section__description.rte {
    margin: 10px 0px;
}



.two-boxes .mystery-box-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

h3.m-richtext__title.m-content-box__heading.h2 {
    font-weight: 700;
    font-variant: full-width;
    font-variation-settings: "wght" 600;
    font-family:var(--body);
}

h3.m-richtext__title.h2,
h3.m-richtext__title.h3 {
    font-variation-settings: "wght" 600;
    font-family:var(--body);    
}

.page-sales-event .image-top .time-item .t {
    color:#FFF;
}

.page-sales-event .image-top .content__box {
    padding: 0px;
}

.page-sales-event .image-top .m-richtext__description h4 {
    display: none;
}

.page-sales-event .image-top .m-richtext__description p {
    color: #000 !important;
}

.page-sales-event .image-top .m-richtext__description p:last-of-type {
    font-size:1.5em;
    font-weight:500;
}

.page-sales-event .image-top .m\:flex.m\:flex-wrap {
    gap: 0px;
}

.page-sales-event .image-top .m\:flex-wrap>div {
    width: 100%;
    padding: 0px;
}


.page-sales-event .image-top .content__box {
    padding: 0px;
}

.page-sales-event .image-top p.m-richtext__subtitle.h6{
    font-size: 28px;
    font-family: var(--display);
    font-weight: 700;
    font-variation-settings: "wght" 500;
    color: #ffffff;
    margin-top: 10px;
    font-family: var(--display);
    font-size: 13px;
    color: var(--cyan);
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.page-sales-event .image-top .m-richtext__title {
    font-family: var(--display);
    font-size: 56px;
    color: var(--text);
    line-height: 1;
    margin-bottom: 8px;
}

.page-sales-event .image-top ul {
    list-style: none;
    margin-bottom: 30px;
    flex: 1;
}

.page-sales-event .image-top .m-richtext__description.rte li {
    padding: 13px 0 !important;
    border-bottom: 1px solid var(--border);
    font-size: 14.5px !important;
    display: flex;
    align-items: start;
    gap: 0px;
    line-height: 1.15 !important;
    color: #FFF;
}

.page-sales-event .image-top ul li::before {
    content: '+';
    color: var(--pink);
    font-weight: 700;
    font-family: var(--display);
    font-size: 18px;
    line-height: 1;
    margin-right:10px;
}

.page-sales-event .image-top  .m-countdown-section {
    padding: 0px !important;
}

.page-sales-event .image-top .deal-text {
    background: rgba(28, 28, 36, .6);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-hi);
    border-radius: 12px;
    padding: 18px 26px;
    min-width: 96px;
    text-align: center;
    font-family: var(--body);
    display: none;
}


.page-sales-event .image-top .m-countdown-timer__digit {
    padding: 15px 0 0;
    font-family: var(--display);
    font-size: 31px;
    color: var(--yellow);
    line-height: 1;
}

.page-sales-event .image-top .m-countdown-timer__box {
    background: rgba(28, 28, 36, .6);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-hi);
    border-radius: 12px;
    padding: 0px 0px;
    min-width: 100%;
    text-align: center;
}

.mystery-box-content .box-info p.description {
    margin: 10px 0;
    display: block;
    -webkit-line-clamp: none;
    -webkit-box-orient: unset;
    overflow: hidden;
    min-height: auto;
    position: relative;
    transition: all .5s;
    font-size: 12.5px;
    color: var(--text-dim);
    line-height: 1.75;
    background: var(--bg);
    border: 1px dashed var(--border-hi);
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
    font-weight: 300;
    flex: 1;
}

.page-sales-event .mystery-box-content .deal-text {
    display: none;
}

.m-countdown__inner-top {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    background: transparent;
    gap: 5px;
}

.mystery-box-content .box-info p.description {
    margin: 10px 0;
    display: block;
    -webkit-line-clamp: none;
    -webkit-box-orient: unset;
    overflow: hidden;
    min-height: auto;
    position: relative;
    transition: all .5s;
    font-size: 20px;
    font-size: 12.5px;
    color: var(--text-dim);
    line-height: 1.75;
    background: var(--bg);
    border: 1px dashed var(--border-hi);
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
    font-weight: 300;
    flex: 1;
}

.mb-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 36px 32px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mystery-box-content .product-info {
    display: flex;
    background: linear-gradient(0deg, #1b25a6, #1b25a694);
    margin: 10px 0 5px;
    padding: 30px 20px;
    flex-direction: column;
    border-radius: 10px;
    text-align: center;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 36px 32px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.page-sales-event .mystery-box-section p.price-info.font-bold, 
.page-sales-event .mystery-box-section .bundle-item p.price-info.font-bold {
    font-size: 28px;
    font-weight: 400;
    font-family: var(--display);
    font-size: 44px;
    color: var(--yellow);
    line-height: 1;
}
.page-sales-event .mystery-box-section p.price-info-tips, 
.page-sales-event .bundle-item p.price-info-tips {
    font-size: 12px;
    color: var(--text-dim);
    font-weight: 400;
}

p.spend-disclaimer {
    text-align: left;
    margin-top: 20px !important;
}

.image-top .image__box {
    text-align: center;
    padding: 30px 30px 0px;
    display: none;
}

.page-sales-event .image-top .m-countdown__inner-bottom .m-countdown__button a {
    color: var(--text);
    border: 1.5px solid var(--border-hi);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 18px 36px;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s;
    border-radius: 99px;
    font-family: var(--body);
    justify-content: center;

        background: var(--pink);
    color: #fff;
}

.page-sales-event .image-top .m-countdown__inner-bottom .m-countdown__button a:hover {
    background: var(--green);
    color: var(--bg);
    transform: translateY(-2px);
}

h2.m-section__heading.h2.m-scroll-trigger.animate--fade-in {
    font-family: var(--display);
    font-size: clamp(40px, 6vw, 72px);
    line-height: 1.05;
    margin-bottom: 24px;
    letter-spacing: -1px;
}

.page-sales-event .bundle-item {
    display: grid;
    grid-template-rows: 300px 1fr;
    align-items: center;
    gap: 60px;
    padding-bottom: 0px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    overflow: hidden;
    transition: all .3s;
    grid-template-columns: 1fr;
}

.page-sales-event .bundle-item .m-countdown {
    margin: 0px 20px 20px;
    max-width: calc(100% - 40px);
}

.page-sales-event .deal-text {
    background: rgba(28, 28, 36, .6);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-hi);
    border-radius: 12px;
    padding: 18px 26px;
    min-width: 96px;
    text-align: center;
    font-family: var(--body);
    color: #FFF;
}

.page-sales-event .shopify-section {
    background: linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);
border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);    
}

.page-sales-event p.m-section__subheading {
     font-size: 12px;
    font-weight: 600;
    color: var(--pink);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 14px;   
}

.page-sales-event p.m-section__subheading::before {
     content: '';
    width: 36px;
    height: 1.5px;
    background: var(--pink);   
}

.page-sales-event .bundle-with-countdown-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.m-product-card.m-product-card--style-1 {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    overflow: hidden;
    transition: all .3s;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
}

.m-product-card__info {
    padding: 20px;
    margin: 0px;
}

a.m-product-card__name {
    font-family: var(--display);
    font-size: 14px;
    color: var(--text);
    line-height: 1.3;
    letter-spacing: .3px;
}

span.m-price-item.m-price-item--regular {
    font-size: 15px;
    color: var(--text-mute);
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Outfit';
}

.m-product-list .m-product-card__media, .m-collection-products .m-product-card__media {
    background: #f3f3f3;
    border-radius: 15px 15px 0px 0px;
}

.m-product-tabs .m-tabs__wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}


@media screen and (max-width: 768px) {

    .drag-notice {
    display: grid;
    grid-template-columns: 60px 270px;
    margin: 0 auto;
    align-items: center;
    gap: 20px;
    justify-content: center;
    animation-name: drag;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.m-slider--content-stack .m-slide__subtitle, .m-slider--content-stack .m-slide__title, .m-slider--content-stack .m-slide__description {
    color:#FFF;
}

.event-item {
    width: 300px;
    margin: 0px 10px 40px;
}

.event-item-content h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-family:var(--display);
    font-weight: 700;
    font-variation-settings: 'wght' 500;
    line-height: 1em;
    letter-spacing: -.5px;
}

.event-item-content p {
    font-size: 15px;
    line-height: 1.5em;
    font-family:var(--body);
    font-weight: 400;
}

.event-item-content {
    padding: 20px;
}

.event-item-more {
    padding: 15px 20px;
    border-top: 1px solid rgba(0,0,0,0.25);
    box-shadow: 0px 1px 0px rgba(255,255,255,0.1) inset;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.m-section__description.rte {
    max-width: 780px;
    margin: 0 20px;
    font-family:var(--body);
    font-weight: 400;
    font-size: 18px;
    font-variation-settings: 'wght' 400;
    color: #FFF;
}

.sale-button-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    margin: 0 auto;
    max-width: 100%;
    align-items: center;
}
.sale-banner {
    grid-column-start: auto;
    grid-row-start: auto;
    grid-row-end: auto;
    padding: 20px 60px;
}

.m-color-scheme-09e5b5b4-774c-4b6c-8025-416ced49cc74 .m-parallax__image {
    max-height: 50vh;
}

.photo-grid-sale {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}  

.bundle-item {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    border-bottom: 2px solid #ffffff1c;
    padding-bottom: 30px;
}

.bundle-item .images-box {
    gap: 10px;
    width: 100%!important;
    display: grid;
    grid-template-rows: 170px;
    margin: 0;
}

.mystery-box-content {
    grid-template-columns: 1fr;
    gap: 60px;
}  
  
.sale-main-description {
    margin: 0 auto 60px;
    max-width: 100%;
    text-align: center;
}
.page-sales-event .countdown-medium .m-countdown-timer__digit {
    font-size: 50px;
    padding: 20px 5px 0px;
}

h3.m-richtext__title.rte.h2 {
    font-size: 30px;
    font-weight: 700;
    font-variation-settings: "wght" 500;
}

.page-sales-event .cd-large .m-countdown-timer__digit {
    font-size: 36px;
    padding: 30px 10px 0px;
}

.page-sales-event .cd-large p.m-countdown-timer__text {
    padding-bottom: 25px;
    margin: 0;
    font-size: 15px;
}

.page-sales-event .mystery-box-content.m\:grid.m\:grid-2-cols.md\:m\:grid-2-cols.lg\:m\:grid-3-cols {
    grid-template-columns: repeat(1, minmax(0px, 1fr));
}

.page-sales-event .sale-button-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    margin: 0 30px;
    max-width: 100%;
    align-items: center;
}

.sale-button-grid a {
    display: grid;
    grid-template-columns: 1fr 40px;
    align-items: center;
    padding: 0px 0 0px 0px;
    background: #807c4a00;
    transition: all .3s;
    grid-template-rows: 1fr auto;
    row-gap: 20px;
    display: none;
}

.image-top .content__box {
    padding: 15px;
}

.image-top .image__box .m-image {
    max-width: 100%;
}

.page-sales-event.template-page #MainContent {
    background: #0671FF;
    background-size: 100% 100%;
    background-position: top left;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

}

@media (max-width:480px){
  .type-display{font-size:14px;padding:14px;min-height:120px;line-height:1.65;}
  .type-input{font-size:15px;}
  .meta-val{font-size:22px;}
  .meta-label{font-size:8px;letter-spacing:1.5px;}
  .meta-box{padding:12px 10px;}
  .game-meta{gap:8px;}
  .result-reward{font-size:48px;}
  .result-panel{padding:24px 16px;}
  .game-wrapper{padding:18px 14px;}
  .game-controls{flex-direction:column;}
  .game-controls .btn{width:100%;}
}


/* Image-with-text countdown timer — mobile fix */
@media (max-width:768px){
  .page-sales-event .m-countdown-timer__digit{
    font-size:28px;
    padding:10px 0 0;
  }
  .page-sales-event .m-countdown-timer__box{
    padding:10px 8px;
    min-width:0;
    border-radius:10px;
  }
  .page-sales-event p.m-countdown-timer__text.m-countdown-timer__text--short{
    font-size:9px;
    letter-spacing:1.5px;
    margin-top:6px;
  }
  .page-sales-event .m-countdown__inner-top{
    grid-template-columns:1fr;
    gap:8px;
  }
  .page-sales-event .m-countdown__inner-bottom{
    grid-template-columns:1fr 1fr;
    gap:6px;
    max-width:100%;
  }
  .page-sales-event .deal-text{
    padding:12px 14px;
    min-width:0;
    font-size:11px;
    letter-spacing:1px;
    line-height:1.3;
  }
  .page-sales-event .image-top .m-countdown-timer__digit{
    font-size:24px;
    padding:8px 0 0;
  }
  .page-sales-event .image-top .m-countdown-timer__box{
    padding:0;
    min-width:0;
  }
}
@media (max-width:480px){
  .page-sales-event .m-countdown-timer__digit{
    font-size:22px;
  }
  .page-sales-event p.m-countdown-timer__text.m-countdown-timer__text--short{
    font-size:8px;
    letter-spacing:1px;
  }
  .page-sales-event .deal-text{
    padding:10px 8px;
    font-size:10px;
  }
}

/* Bundles section — mobile fix */
@media (max-width:768px){
  /* 标题缩小（适用于所有 section-title）*/
  .page-sales-event h2.m-section__heading.h2,
  .section-title{
    font-size:34px !important;
    line-height:1.1;
    letter-spacing:-.5px;
    word-wrap:break-word;
    overflow-wrap:break-word;
  }
  /* Bundle 卡片改成单列堆叠 */
  .page-sales-event .bundle-with-countdown-content{
    grid-template-columns:1fr;
    gap:24px;
  }
  /* Bundle 卡片内部布局调整 */
  .page-sales-event .bundle-item{
    grid-template-rows:auto auto;
    gap:0;
    border-radius:14px;
  }
  /* Bundle 图片区高度收缩 */
  .page-sales-event .bundle-item .images-box{
    grid-template-rows:220px;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:16px;
  }
  /* Bundle 内的图片背景框 */
  .bundle-item .images-box .m-image{
    border-radius:14px;
  }
  /* Bundle 产品信息区 */
  .bundle-item .product-info{
    padding:20px;
  }
  /* Bundle 名字字号收紧 */
  .page-sales-event .mystery-box-section p.price-info.font-bold,
  .page-sales-event .mystery-box-section .bundle-item p.price-info.font-bold{
    font-size:32px;
  }
  /* Bundle 倒计时按钮 */
  .page-sales-event .bundle-item .m-countdown{
    margin:0 16px 16px;
    max-width:calc(100% - 32px);
  }
}
@media (max-width:480px){
  .page-sales-event h2.m-section__heading.h2,
  .section-title{
    font-size:28px !important;
  }
  .page-sales-event .bundle-item .images-box{
    grid-template-rows:180px;
    padding:12px;
  }
  .bundle-item .product-info{
    padding:16px;
  }
  .page-sales-event .mystery-box-section p.price-info.font-bold,
  .page-sales-event .mystery-box-section .bundle-item p.price-info.font-bold{
    font-size:26px;
  }
}

/* Type Sprint input placeholder visibility fix */
.type-input::placeholder{
  color:var(--text-mute);
  opacity:1;
}
.type-input::-webkit-input-placeholder{
  color:var(--text-mute);
  opacity:1;
}
.type-input::-moz-placeholder{
  color:var(--text-mute);
  opacity:1;
}

/* Product card price visibility on dark surface */
.page-sales-event .m-product-card .m-price span,
.page-sales-event .m-product-card .m-price__regular .m-price-item--regular,
.page-sales-event .m-product-card .m-price__regular .m-price-item--last,
.page-sales-event .m-product-card .m-price__sale .m-price-item--last{
  color:var(--text) !important;
  font-weight:600;
}
.page-sales-event .m-product-card .m-price__sale .m-price-item--regular{
  color:var(--text-dim) !important;
  text-decoration:line-through;
  font-weight:400;
}
.page-sales-event .m-product-card .m-price-item--sale,
.page-sales-event .m-product-card .m-price__sale .m-price-item--last{
  color:var(--yellow) !important;
  font-weight:700;
}

/* Product tabs — make inactive tabs more visible */
.page-sales-event .m-product-tabs--horizontal .m-tab-header{
  color:var(--text);
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.15);
}
.page-sales-event .m-product-tabs--horizontal .m-tab-header:hover{
  color:var(--text);
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.3);
}
.page-sales-event a.m-tab-header.active,
.page-sales-event .m-product-tabs--horizontal .m-tab-header.active{
  color:#fff;
  background:var(--pink);
  border-color:var(--pink);
}

/* Type Sprint — full width on mobile (per dev request) */
@media (max-width:768px){
  /* Remove side padding on the type sprint section wrapper */
  .page-sales-event #shopify-section-template--22776573296948__custom_content_TdC9RN .m-custom-content__container,
  .page-sales-event .m-custom-content[data-section-type] .container-fluid{
    padding-left:0;
    padding-right:0;
  }
  /* Game section itself: remove horizontal padding */
  #game.game-section,
  .page-sales-event #game{
    padding-left:0;
    padding-right:0;
  }
  /* Game wrapper: reduce internal padding */
  .page-sales-event #game .game-wrapper,
  #game .game-wrapper{
    padding:20px 12px;
    border-radius:0;
    border-left:none;
    border-right:none;
  }
  /* Title / description still need a small breathing space */
  #game .container > .section-label,
  #game .container > .section-title,
  #game .container > .section-desc,
  #game .container > .game-flow{
    padding-left:16px;
    padding-right:16px;
  }
}

/* Bundles — reduce image height on desktop */
@media (min-width:769px){
  .page-sales-event .bundle-item .images-box{
    grid-template-rows:320px;
  }
}
@media (min-width:1200px){
  .page-sales-event .bundle-item .images-box{
    grid-template-rows:360px;
  }
}

/* ============================================================
   MIDYEAR 2026 — BRAND REPAINT
   Align with EPOMAKER main site: blue + cyan + restrained
   All previous pink/yellow accents → main brand blue
   Added at the end so it overrides earlier rules
   ============================================================ */

/* ===== 1. Override CSS variables (where they cascade) ===== */
.page-sales-event{
  --pink:#0671FF;
  --pink-deep:#0050CC;
  --yellow:#0671FF;
  --cyan:#22e896;
}

/* ===== 2. Hero — replace pink/green glow with blue ===== */
.page-sales-event .hero-bg{
  background:
    radial-gradient(ellipse 60% 50% at 25% 30%,rgba(6,113,255,.45),transparent 70%),
    radial-gradient(ellipse 70% 55% at 80% 75%,rgba(6,113,255,.22),transparent 70%),
    radial-gradient(ellipse 50% 40% at 90% 20%,rgba(34,232,150,.12),transparent 70%) !important;
}
.page-sales-event .hero h1 .accent{color:#0671FF !important;}
.page-sales-event .hero h1 .stroke{-webkit-text-stroke:2px #f5f5fa;}
.page-sales-event .hero-tag{
  color:#0671FF !important;
  border-color:#0671FF !important;
}
.page-sales-event .hero-tag::before{background:#0671FF !important;}
.page-sales-event .cd-num{color:#0671FF !important;}
.page-sales-event .stat-num{color:#22e896 !important;}

/* ===== 3. Section label pink bar → blue ===== */
.page-sales-event .section-label{color:#0671FF !important;}
.page-sales-event .section-label::before{background:#0671FF !important;}
.page-sales-event p.m-section__subheading{color:#0671FF !important;}
.page-sales-event p.m-section__subheading::before{background:#0671FF !important;}

/* ===== 4. Section title accents ===== */
.page-sales-event .section-title .accent{color:#0671FF !important;}
.page-sales-event .section-title .accent-cyan{color:#22e896 !important;}
.page-sales-event .section-title .accent-yellow{color:#0671FF !important;}

/* ===== 5. Buttons — pink → blue ===== */
.page-sales-event .btn-primary,
.page-sales-event .btn-primary:link,
.page-sales-event .btn-primary:visited{
  background:#0671FF !important;
  color:#fff !important;
}
.page-sales-event .btn-primary:hover{
  background:#22e896 !important;
  color:#0f0f12 !important;
}
.page-sales-event .btn-ghost:hover{
  border-color:#22e896 !important;
  color:#22e896 !important;
}

/* ===== 6. Game flow / Type Sprint — pink numbers → blue ===== */
.page-sales-event .game-flow-num{color:#0671FF !important;}
.page-sales-event .meta-val.warn{color:#0671FF !important;}
.page-sales-event .game-wrapper::before{
  background:linear-gradient(90deg,#0671FF,#22e896,#0050CC,#0671FF) !important;
}
.page-sales-event .result-reward{color:#0671FF !important;}
.page-sales-event .result-panel{border-color:#0671FF !important;}
.page-sales-event .result-panel{
  background:linear-gradient(135deg,rgba(6,113,255,.18) 0%,rgba(34,232,150,.06) 100%) !important;
}
.page-sales-event .upgrade-prompt-title{color:#0671FF !important;}

/* ===== 7. Product tab active state ===== */
.page-sales-event a.m-tab-header.active,
.page-sales-event .m-product-tabs--horizontal .m-tab-header.active{
  background:#0671FF !important;
  border-color:#0671FF !important;
  color:#fff !important;
}

/* ===== 8. Product card prices — yellow sale price → blue ===== */
.page-sales-event .m-product-card .m-price-item--sale,
.page-sales-event .m-product-card .m-price__sale .m-price-item--last{
  color:#0671FF !important;
}

/* ===== 9. Mystery Box / Bundle prices ===== */
.page-sales-event .mystery-box-section p.price-info.font-bold,
.page-sales-event .mystery-box-section .bundle-item p.price-info.font-bold{
  color:#0671FF !important;
}

/* ===== 10. Countdown timer digits ===== */
.page-sales-event .m-countdown-timer__digit{color:#0671FF !important;}
.page-sales-event .m-countdown-timer__box{
  background:linear-gradient(0deg,rgba(6,113,255,.15),rgba(6,113,255,.05)) !important;
  border:1px solid rgba(6,113,255,.35) !important;
}
.page-sales-event .deal-text,
.page-sales-event .time-item{
  background:linear-gradient(0deg,rgba(6,113,255,.15),rgba(6,113,255,.05)) !important;
  color:#fff !important;
}
.page-sales-event .image-top .m-countdown-timer__box{
  background:rgba(6,113,255,.1) !important;
  border:1px solid rgba(6,113,255,.3) !important;
}
.page-sales-event .image-top .m-countdown-timer__digit{color:#0671FF !important;}

/* ===== 11. Spend & Save (Last Call) cards ===== */
.page-sales-event .spend-card:hover{border-color:#0671FF !important;}
.page-sales-event .spend-save{color:#0671FF !important;}

/* ===== 12. Mystery box button & accent ===== */
.page-sales-event .mb-card:hover{border-color:#0671FF !important;}
.page-sales-event .mb-card::before{color:rgba(6,113,255,.05) !important;}
.page-sales-event .mb-price{color:#0671FF !important;}
.page-sales-event .mb-spin-btn{
  color:#0671FF !important;
  border-color:#0671FF !important;
}
.page-sales-event .mb-spin-btn:hover{
  background:#0671FF !important;
  color:#fff !important;
}
.page-sales-event .mb-tier{color:#0671FF !important;}

/* ===== 13. RC cards (Reservation Card section) ===== */
.page-sales-event .image-top p.m-richtext__subtitle.h6{color:#0671FF !important;}
.page-sales-event .image-top ul li::before{color:#0671FF !important;}
.page-sales-event .image-top .m-richtext__description.rte li strong{color:#0671FF !important;}

/* ===== 14. Warmup card accents ===== */
.page-sales-event .warmup-card-tag{
  color:#0671FF !important;
  border-color:#0671FF !important;
}
.page-sales-event .prize-rank{color:#0671FF !important;}
.page-sales-event .warmup-card:hover,
.page-sales-event .warmup-card > div:hover{border-color:#0671FF !important;}

/* ===== 15. RC cards (top section) hover & accent ===== */
.page-sales-event .rc-card:hover{border-color:#0671FF !important;}
.page-sales-event .rc-card.featured{
  border-color:#0671FF !important;
  background:linear-gradient(135deg,rgba(6,113,255,.08) 0%,rgba(34,232,150,.04) 100%) !important;
}
.page-sales-event .rc-badge{background:#0671FF !important;}
.page-sales-event .rc-letter{color:#0671FF !important;}
.page-sales-event .rc-perks li::before{color:#0671FF !important;}

/* ===== 16. Discord section — keep purple/discord colors, but unify highlights ===== */
.page-sales-event .discord-card-prize{color:#22e896 !important;}

/* ===== 17. Timeline phase colors ===== */
.page-sales-event .tl-dot{background:#0671FF !important;}
.page-sales-event .tl-stage:nth-child(2) .tl-dot{background:#22e896 !important;}
.page-sales-event .tl-stage:nth-child(3) .tl-dot{background:#0671FF !important;}
.page-sales-event .tl-stage:nth-child(4) .tl-dot{background:#22e896 !important;}
.page-sales-event .tl-phase{color:#0671FF !important;}
.page-sales-event .tl-stage:nth-child(2) .tl-phase{color:#22e896 !important;}
.page-sales-event .tl-stage:nth-child(3) .tl-phase{color:#0671FF !important;}
.page-sales-event .tl-stage:nth-child(4) .tl-phase{color:#22e896 !important;}

/* ===== 18. Footer logo dot ===== */
.page-sales-event .logo .dot,
.page-sales-event .footer-logo .dot{color:#0671FF !important;}
.page-sales-event .footer-col h4{color:#0671FF !important;}

/* ===== 19. Deal cards / pct badges ===== */
.page-sales-event .deal-pct-badge,
.page-sales-event .bundle-discount-badge{background:#0671FF !important;}

/* ===== 20. Bundle pills & accents ===== */
.page-sales-event .bundle-letter{
  background:rgba(6,113,255,.15) !important;
  color:#0671FF !important;
  border-color:#0671FF !important;
}
.page-sales-event .bundle-plus{color:#0671FF !important;}
.page-sales-event .bundle-card:hover{border-color:#0671FF !important;}

/* ===== 21. Page background — match main site darker navy feel ===== */
.page-sales-event.template-page #MainContent{
  background:linear-gradient(180deg,#0a0e1c 0%,#0f0f12 100%) !important;
}

/* ============================================================
   MIDYEAR 2026 — USE THEME FONTS (Mosvita + BlauerNue)
   Match main site exactly, replace Bungee + Outfit globally
   ============================================================ */

/* Load the same font files as the theme */
@font-face{
  font-family:'Mosvita';
  src:url('/cdn/shop/files/Mosvita-VF.woff2?v=1749872407') format('woff2-variations');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'BlauerNue';
  src:url('/cdn/shop/files/BlauerNue-Light.woff2?v=1726392530') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'BlauerNue';
  src:url('/cdn/shop/files/BlauerNue-Regular.woff2?v=1726392477') format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'BlauerNue';
  src:url('/cdn/shop/files/BlauerNue-Bold.woff2?v=1726392463') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* Override the display + body font variables on this page only */
.page-sales-event{
  --display:'BlauerNue','Inter',system-ui,sans-serif;
  --body:'Mosvita','Inter',system-ui,sans-serif;
}

/* All headings, big numbers, titles → BlauerNue */
.page-sales-event h1,
.page-sales-event h2,
.page-sales-event h3,
.page-sales-event h4,
.page-sales-event .hero h1,
.page-sales-event .section-title,
.page-sales-event h2.m-section__heading.h2,
.page-sales-event .warmup-card-title,
.page-sales-event .rc-letter,
.page-sales-event .rc-price,
.page-sales-event .bundle-name,
.page-sales-event .mb-title,
.page-sales-event .mb-price,
.page-sales-event .spend-target,
.page-sales-event .spend-save,
.page-sales-event .tl-title,
.page-sales-event .tl-phase,
.page-sales-event .discord-card-title,
.page-sales-event .logo,
.page-sales-event .footer-logo,
.page-sales-event .stat-num,
.page-sales-event .cd-num,
.page-sales-event .meta-val,
.page-sales-event .result-reward,
.page-sales-event .result-reward-sub,
.page-sales-event .result-headline,
.page-sales-event .game-flow-num,
.page-sales-event .m-countdown-timer__digit{
  font-family:'BlauerNue','Inter',system-ui,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}

/* Hero h1 — maximum impact */
.page-sales-event .hero h1{
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  line-height:1 !important;
}

/* Section titles */
.page-sales-event .section-title,
.page-sales-event h2.m-section__heading.h2{
  font-weight:700 !important;
  letter-spacing:-.015em !important;
  line-height:1.05 !important;
}

/* Tiny uppercase labels → Mosvita medium tracked-out */
.page-sales-event .section-label,
.page-sales-event p.m-section__subheading,
.page-sales-event .hero-tag,
.page-sales-event .meta-label,
.page-sales-event .stat-label,
.page-sales-event .cd-label,
.page-sales-event .tl-date,
.page-sales-event .rc-price-label,
.page-sales-event .spend-tier-num,
.page-sales-event .spend-target-label,
.page-sales-event .warmup-card-tag,
.page-sales-event .bundle-letter,
.page-sales-event .mb-tier,
.page-sales-event .discord-card-tag,
.page-sales-event .footer-col h4,
.page-sales-event .result-headline,
.page-sales-event .copy-hint{
  font-family:'Mosvita','Inter',system-ui,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase;
}

/* Buttons → Mosvita */
.page-sales-event .btn,
.page-sales-event .btn-primary,
.page-sales-event .btn-ghost,
.page-sales-event .discord-cta,
.page-sales-event .mb-spin-btn,
.page-sales-event .deal-tab,
.page-sales-event a.m-tab-header,
.page-sales-event .m-product-tabs--horizontal .m-tab-header{
  font-family:'Mosvita','Inter',system-ui,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:.1em !important;
}

/* Body text → Mosvita */
.page-sales-event,
.page-sales-event p,
.page-sales-event .section-desc,
.page-sales-event .hero-sub,
.page-sales-event .warmup-card-desc,
.page-sales-event .bundle-subtitle,
.page-sales-event .mb-pool,
.page-sales-event .tl-desc,
.page-sales-event .discord-card-desc,
.page-sales-event .rc-perks li,
.page-sales-event .prize-list li{
  font-family:'Mosvita','Inter',system-ui,sans-serif !important;
}

/* KEEP JetBrains Mono for Type Sprint typing area only */
.page-sales-event .type-display,
.page-sales-event .type-input,
.page-sales-event .result-code,
.page-sales-event #epoTypeDisplay,
.page-sales-event #epoTypeInput{
  font-family:'JetBrains Mono','Menlo',monospace !important;
}

/* ============================================================
   BUG FIX 1: Giveaway STARTS/ENDS time labels invisible
   The .time-item dates were blending into the dark blue background
   ============================================================ */
.page-sales-event .time-item{
  background:linear-gradient(0deg,rgba(6,113,255,.18),rgba(6,113,255,.08)) !important;
  color:#fff !important;
  border:1px solid rgba(6,113,255,.3);
}
.page-sales-event .time-item .t,
.page-sales-event .time-item p,
.page-sales-event .time-item span{
  color:#fff !important;
}
.page-sales-event .deal-text{
  color:#fff !important;
}

/* ============================================================
   BUG FIX 2: Mystery Box cards not aligning — equal-height columns
   Force all 3 boxes to align: same content height, button at bottom
   ============================================================ */
.page-sales-event .mystery-box-section .mystery-box-content{
  align-items:stretch !important;
}
.page-sales-event .mystery-box-section .box-item{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
.page-sales-event .mystery-box-section .box-info{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}
.page-sales-event .mystery-box-section .box-info p.description{
  flex:1 !important;
}
/* Push price + countdown + button to bottom */
.page-sales-event .mystery-box-section .product-info,
.page-sales-event .mystery-box-section .m-countdown-section{
  margin-top:auto !important;
}

/* ============================================================
   ACCESSIBILITY FIX: improve readability of secondary text
   - --text-mute lifted from #6b6b7a to #9a9ab0 (3-step brighter)
   - Tiny note/disclaimer fonts bumped to minimum 13px on desktop
   - Maintains visual hierarchy: still dimmer than primary text,
     but readable on dark backgrounds
   ============================================================ */

/* Lift the muted text color globally on this page */
.page-sales-event{
  --text-mute:#9a9ab0;
}

/* Notes, disclaimers, hints, fine print — bump up size & color */
.page-sales-event .spend-disclaimer,
.page-sales-event .rc-min,
.page-sales-event .copy-hint,
.page-sales-event .footer-tag,
.page-sales-event .footer-copy,
.page-sales-event .rules-toggle summary,
.page-sales-event .rules-content,
.page-sales-event .stat-label,
.page-sales-event .tl-date,
.page-sales-event small{
  color:#a8a8b8 !important;
  font-size:13px !important;
  line-height:1.65 !important;
}

/* Image-with-text descriptions (Giveaway/RC fine print) */
.page-sales-event .image-top .m-richtext__description p,
.page-sales-event .m-richtext__description p{
  color:#c8c8d4 !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

/* Mystery box possible-contents description — was too dim */
.page-sales-event .mystery-box-content .box-info p.description{
  color:#c0c0cf !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
}

/* "Bundle subtitle" italic gray text — bump up */
.page-sales-event .bundle-subtitle,
.page-sales-event .page-sales-event .mystery-box-section .bundle-item p.price-info-tips,
.page-sales-event .mystery-box-section p.price-info-tips{
  color:#b8b8c8 !important;
  font-size:14px !important;
  font-style:normal !important;
}

/* Timeline & section descriptions */
.page-sales-event .section-desc,
.page-sales-event .tl-desc,
.page-sales-event .warmup-card-desc,
.page-sales-event .discord-card-desc,
.page-sales-event .mb-pool{
  color:#c0c0cf !important;
}

/* RC perks list items */
.page-sales-event .rc-perks li,
.page-sales-event .prize-list li{
  color:#dadae5 !important;
}

/* FAQ accordion content (the Combined Terms section) */
.page-sales-event .m-faqs-section__block-content{
  color:#000 !important;  /* this one has cyan bg, keep black for readability */
}

/* Coming Soon button text on bundle/mystery cards — keep visible */
.page-sales-event .m-countdown__inner-bottom p.coming.font-bold{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
}

/* Min font-size floor for body text on desktop */
@media (min-width:769px){
  .page-sales-event p{
    font-size:max(14px,1em);
  }
}

/* ============================================================
   READABILITY: bump key body text sizes
   Only the spots flagged as too small in user feedback
   ============================================================ */

/* Hero subtitle — main page intro */
.page-sales-event .hero-sub{
  font-size:22px !important;
  line-height:1.65 !important;
}

/* Giveaway / section descriptions under titles */
.page-sales-event .section-desc{
  font-size:20px !important;
  line-height:1.7 !important;
}

/* Image-with-text body text (Giveaway prize tiers, RC fine print) */
.page-sales-event .image-top .m-richtext__description p,
.page-sales-event .m-richtext__description p{
  font-size:17px !important;
  line-height:1.75 !important;
}
.page-sales-event .image-top .m-richtext__description.rte li{
  font-size:17px !important;
  line-height:1.6 !important;
}

/* RC card perks list — "$15 discount code", "Minimum spend $60" etc */
.page-sales-event .image-top .m-richtext__description.rte li{
  padding:15px 0 !important;
  line-height:1.5 !important;
}
.page-sales-event .image-top .m-richtext__description.rte li strong{
  font-size:17px !important;
}

/* Warmup card descriptions */
.page-sales-event .warmup-card-desc{
  font-size:16px !important;
  line-height:1.7 !important;
}

/* Bundle subtitle (tagline under bundle name) */
.page-sales-event .bundle-subtitle,
.page-sales-event .mystery-box-section p.price-info-tips,
.page-sales-event .mystery-box-section .bundle-item p.price-info-tips{
  font-size:15px !important;
  line-height:1.6 !important;
}

/* Mobile — proportionally smaller but still readable */
@media (max-width:768px){
  .page-sales-event .hero-sub{
    font-size:17px !important;
  }
  .page-sales-event .section-desc{
    font-size:16px !important;
  }
  .page-sales-event .image-top .m-richtext__description p,
  .page-sales-event .m-richtext__description p,
  .page-sales-event .image-top .m-richtext__description.rte li,
  .page-sales-event .image-top .m-richtext__description.rte li strong{
    font-size:15px !important;
  }
  .page-sales-event .warmup-card-desc{
    font-size:15px !important;
  }
}

/* ============================================================
   WARM-UP SECTION ENHANCEMENT
   - Bump font sizes for readability  
   - Differentiate 3 cards with thematic accent colors:
     Giveaway = yellow (prize energy)
     Early Access = blue (value)
     Discord = purple (community)
   ============================================================ */

/* === Font size bumps === */
.page-sales-event .warmup-card-title{
  font-size:30px !important;
  letter-spacing:-.01em;
}
.page-sales-event .warmup-card-desc{
  font-size:16px !important;
  line-height:1.7 !important;
}
.page-sales-event .warmup-card > div > p:first-of-type{
  font-size:14px !important;
  color:#9a9ab0 !important;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-top:4px;
}
.page-sales-event .prize-list li{
  font-size:15px !important;
  padding:14px 0 !important;
  line-height:1.6 !important;
}
.page-sales-event .prize-rank{
  font-size:11px !important;
  min-width:68px !important;
}

/* === Card 1: Giveaway → Yellow theme === */
.page-sales-event .warmup-card:nth-child(1) > div{
  border:1px solid rgba(255,213,74,.3) !important;
  background:linear-gradient(180deg,rgba(255,213,74,.06) 0%,var(--surface) 50%) !important;
  position:relative;
  overflow:hidden;
}
.page-sales-event .warmup-card:nth-child(1) > div::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,#FFD54A,#FFA726);
}
.page-sales-event .warmup-card:nth-child(1) .warmup-card-tag{
  color:#FFD54A !important;
  border-color:#FFD54A !important;
  background:rgba(255,213,74,.08);
}
.page-sales-event .warmup-card:nth-child(1) .prize-rank{
  color:#FFD54A !important;
}
.page-sales-event .warmup-card:nth-child(1) .prize-rank.second{
  color:#FFB74D !important;
}
.page-sales-event .warmup-card:nth-child(1) .prize-rank.third{
  color:#FF9800 !important;
}
.page-sales-event .warmup-card:nth-child(1) > div:hover{
  border-color:#FFD54A !important;
  transform:translateY(-4px);
}

/* === Card 2: Early Access → Blue theme === */
.page-sales-event .warmup-card:nth-child(2) > div{
  border:1px solid rgba(6,113,255,.3) !important;
  background:linear-gradient(180deg,rgba(6,113,255,.06) 0%,var(--surface) 50%) !important;
  position:relative;
  overflow:hidden;
}
.page-sales-event .warmup-card:nth-child(2) > div::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,#0671FF,#22e896);
}
.page-sales-event .warmup-card:nth-child(2) .warmup-card-tag{
  color:#0671FF !important;
  border-color:#0671FF !important;
  background:rgba(6,113,255,.08);
}
.page-sales-event .warmup-card:nth-child(2) .prize-rank{
  color:#0671FF !important;
}
.page-sales-event .warmup-card:nth-child(2) .prize-rank.second{
  color:#22e896 !important;
}
.page-sales-event .warmup-card:nth-child(2) .prize-rank.third{
  color:#4ed4ff !important;
}
.page-sales-event .warmup-card:nth-child(2) > div:hover{
  border-color:#0671FF !important;
  transform:translateY(-4px);
}

/* === Card 3: Discord → Purple theme === */
.page-sales-event .warmup-card:nth-child(3) > div{
  border:1px solid rgba(88,101,242,.35) !important;
  background:linear-gradient(180deg,rgba(88,101,242,.08) 0%,var(--surface) 50%) !important;
  position:relative;
  overflow:hidden;
}
.page-sales-event .warmup-card:nth-child(3) > div::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,#5865F2,#a288ff);
}
.page-sales-event .warmup-card:nth-child(3) .warmup-card-tag{
  color:#a288ff !important;
  border-color:#a288ff !important;
  background:rgba(88,101,242,.1);
}
.page-sales-event .warmup-card:nth-child(3) .prize-rank{
  color:#a288ff !important;
}
.page-sales-event .warmup-card:nth-child(3) .prize-rank.second{
  color:#5865F2 !important;
}
.page-sales-event .warmup-card:nth-child(3) > div:hover{
  border-color:#5865F2 !important;
  transform:translateY(-4px);
}

/* === Buttons in each card adopt the card's accent === */
.page-sales-event .warmup-card:nth-child(1) .btn-ghost:hover{
  border-color:#FFD54A !important;
  color:#FFD54A !important;
  background:rgba(255,213,74,.06);
}
.page-sales-event .warmup-card:nth-child(2) .btn-ghost:hover{
  border-color:#0671FF !important;
  color:#0671FF !important;
  background:rgba(6,113,255,.06);
}
.page-sales-event .warmup-card:nth-child(3) .btn-ghost:hover{
  border-color:#5865F2 !important;
  color:#a288ff !important;
  background:rgba(88,101,242,.08);
}

/* Mobile sizing */
@media (max-width:768px){
  .page-sales-event .warmup-card-title{
    font-size:24px !important;
  }
  .page-sales-event .warmup-card-desc{
    font-size:15px !important;
  }
  .page-sales-event .prize-list li{
    font-size:14px !important;
  }
}

/* ============================================================
   Hero h1 layout: put '26 on same line as Big Sale
   ============================================================ */
.page-sales-event .hero h1 .accent{
  display:inline-block;
}
.page-sales-event .hero h1 .year{
  color:#f5f5fa;
  margin-left:20px;
  font-weight:800;
}

@media (max-width:768px){
  .page-sales-event .hero h1 .year{
    margin-left:12px;
  }
}

/* ============================================================
   HERO TIMELINE — Right column vertical timeline (Style A)
   ============================================================ */
.page-sales-event .hero-layout{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:64px;
  align-items:start;
  max-width:1320px;
  margin:0 auto;
  width:100%;
}
.page-sales-event .hero-main{
  min-width:0;
}

.page-sales-event .hero-timeline{
  padding-top:8px;
}
.page-sales-event .ht-label{
  font-size:12px;
  color:rgba(255,255,255,.55);
  letter-spacing:2.5px;
  text-transform:uppercase;
  margin-bottom:24px;
  font-weight:600;
}

.page-sales-event .ht-list{
  background:rgba(28,28,36,.4);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:28px 28px 28px 28px;
  position:relative;
}

.page-sales-event .ht-item{
  position:relative;
  padding-left:28px;
  padding-bottom:24px;
}
.page-sales-event .ht-item:not(.ht-item--last)::before{
  content:'';
  position:absolute;
  left:5px;
  top:14px;
  bottom:-6px;
  width:1px;
  background:rgba(255,255,255,.15);
}
.page-sales-event .ht-item--last{
  padding-bottom:0;
}
.page-sales-event .ht-dot{
  position:absolute;
  left:0;
  top:5px;
  width:11px;
  height:11px;
  border-radius:50%;
}
.page-sales-event .ht-item--blue .ht-dot{background:#0671FF;}
.page-sales-event .ht-item--green .ht-dot{background:#22e896;}

.page-sales-event .ht-date{
  font-size:11px;
  color:rgba(255,255,255,.55);
  letter-spacing:1.8px;
  margin-bottom:6px;
  font-weight:600;
}
.page-sales-event .ht-title{
  font-size:16px;
  font-weight:600;
  color:#fff;
  margin-bottom:4px;
  line-height:1.3;
}
.page-sales-event .ht-desc{
  font-size:12.5px;
  color:rgba(255,255,255,.6);
  line-height:1.55;
  font-weight:400;
}

/* === Mobile: stack timeline below hero content === */
@media (max-width:900px){
  .page-sales-event .hero-layout{
    grid-template-columns:1fr;
    gap:48px;
  }
  .page-sales-event .hero-timeline{
    padding-top:0;
  }
  .page-sales-event .ht-list{
    padding:24px 20px;
  }
}
@media (max-width:480px){
  .page-sales-event .ht-list{
    padding:20px 16px;
  }
  .page-sales-event .ht-title{
    font-size:15px;
  }
  .page-sales-event .ht-desc{
    font-size:12px;
  }
}

/* ============================================================
   MOBILE: restore side margins for content sections
   Previous Type Sprint full-width rule was too aggressive —
   stripped padding from ALL custom_content containers.
   This fix:
   1. Re-adds padding to all custom_content containers
   2. Keeps Type Sprint as the only exception (true full-width)
   ============================================================ */
@media (max-width:768px){
  /* Restore default mobile padding for all custom_content sections */
  .page-sales-event .m-custom-content[data-section-type] .container-fluid,
  .page-sales-event .m-custom-content .container-fluid{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  /* Other section types (bundle, mystery box, product tabs, FAQ) — same */
  .page-sales-event .m-bundle-with-countdown,
  .page-sales-event .mystery-box-section,
  .page-sales-event .m-product-tabs-section,
  .page-sales-event .m-faqs-section,
  .page-sales-event .m-newsletter-section{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  /* Image-with-text (Giveaway, RC cards) */
  .page-sales-event .m-image-with-text{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  /* Hero stays full-width but its content gets some breathing room */
  .page-sales-event .hero-content{
    padding-left:20px;
    padding-right:20px;
  }

  /* === EXCEPTION: Type Sprint stays full-width as before === */
  .page-sales-event #shopify-section-template--22776573296948__custom_content_TdC9RN .m-custom-content__container,
  .page-sales-event #shopify-section-template--22776573296948__custom_content_TdC9RN .container-fluid{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  /* Type Sprint section text still needs padding for readability */
  .page-sales-event #shopify-section-template--22776573296948__custom_content_TdC9RN .section-label,
  .page-sales-event #shopify-section-template--22776573296948__custom_content_TdC9RN .section-title,
  .page-sales-event #shopify-section-template--22776573296948__custom_content_TdC9RN .section-desc,
  .page-sales-event #shopify-section-template--22776573296948__custom_content_TdC9RN .game-flow{
    padding-left:20px;
    padding-right:20px;
  }
}
@media (max-width:480px){
  .page-sales-event .m-custom-content[data-section-type] .container-fluid,
  .page-sales-event .m-custom-content .container-fluid,
  .page-sales-event .m-bundle-with-countdown,
  .page-sales-event .mystery-box-section,
  .page-sales-event .m-product-tabs-section,
  .page-sales-event .m-faqs-section,
  .page-sales-event .m-newsletter-section,
  .page-sales-event .m-image-with-text,
  .page-sales-event .hero-content{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* ============================================================
   HERO V2 — Banner image as top + info band below
   Layout: stacked (banner on top, countdown + timeline below)
   ============================================================ */

/* Remove all previous hero decoration (the gradient bg, grid pattern) */
.page-sales-event .hero.hero--banner{
  min-height:auto;
  padding:0;
  display:block;
  overflow:visible;
}
.page-sales-event .hero.hero--banner .hero-bg,
.page-sales-event .hero.hero--banner .hero-grid{
  display:none;
}

/* === Banner image === */
.page-sales-event .hero-banner-img{
  width:100%;
  position:relative;
  background:#0a0e1c;
  overflow:hidden;
}
.page-sales-event .hero-banner-img img{
  width:100%;
  height:auto;
  display:block;
  max-height:760px;
  object-fit:cover;
}

/* === Hero content band below the banner === */
.page-sales-event .hero.hero--banner .hero-content{
  position:relative;
  z-index:2;
  max-width:1320px;
  margin:0 auto;
  padding:48px 40px 64px;
}

/* Info band: countdown on left, timeline on right */
.page-sales-event .hero-info-band{
  display:grid;
  grid-template-columns:minmax(280px,1fr) 2fr;
  gap:48px;
  align-items:start;
  margin-bottom:44px;
  padding-bottom:44px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.page-sales-event .hero-info-label{
  font-size:12px;
  color:rgba(255,255,255,.55);
  letter-spacing:2.5px;
  text-transform:uppercase;
  margin-bottom:20px;
  font-weight:600;
}

/* === Left: Countdown block === */
.page-sales-event .hero-countdown-block .countdown{
  margin-bottom:24px;
}
.page-sales-event .hero-countdown-block .btn-row{
  flex-wrap:wrap;
  gap:12px;
}
.page-sales-event .hero-countdown-block .btn{
  padding:14px 22px;
  font-size:12px;
}

/* === Right: Horizontal Timeline === */
.page-sales-event .ht-h-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  position:relative;
}
.page-sales-event .ht-h-list::before{
  content:'';
  position:absolute;
  left:5px;
  right:5px;
  top:5px;
  height:1px;
  background:linear-gradient(90deg,
    #0671FF 0%, #0671FF 12.5%,
    #22e896 12.5%, #22e896 37.5%,
    #0671FF 37.5%, #0671FF 62.5%,
    #22e896 62.5%, #22e896 100%);
  opacity:.5;
}
.page-sales-event .ht-h-item{
  position:relative;
  padding-top:18px;
}
.page-sales-event .ht-h-dot{
  position:absolute;
  left:0;
  top:0;
  width:11px;
  height:11px;
  border-radius:50%;
}
.page-sales-event .ht-h-item--blue .ht-h-dot{background:#0671FF;}
.page-sales-event .ht-h-item--green .ht-h-dot{background:#22e896;}

.page-sales-event .ht-h-date{
  font-size:11px;
  color:rgba(255,255,255,.55);
  letter-spacing:1.5px;
  margin-bottom:8px;
  font-weight:600;
}
.page-sales-event .ht-h-title{
  font-size:15px;
  font-weight:600;
  color:#fff;
  margin-bottom:6px;
  line-height:1.3;
}
.page-sales-event .ht-h-desc{
  font-size:12px;
  color:rgba(255,255,255,.55);
  line-height:1.5;
}

/* === Stats row === */
.page-sales-event .hero.hero--banner .hero-stats{
  display:flex;
  gap:60px;
  flex-wrap:wrap;
  padding-top:0;
  margin-top:0;
  border:none;
}

/* === Mobile: stack everything === */
@media (max-width:900px){
  .page-sales-event .hero.hero--banner .hero-content{
    padding:32px 20px 40px;
  }
  .page-sales-event .hero-info-band{
    grid-template-columns:1fr;
    gap:36px;
    margin-bottom:32px;
    padding-bottom:32px;
  }
  /* Horizontal timeline stacks to vertical on mobile */
  .page-sales-event .ht-h-list{
    grid-template-columns:1fr;
    gap:16px;
  }
  .page-sales-event .ht-h-list::before{
    display:none;
  }
  .page-sales-event .ht-h-item{
    padding-top:0;
    padding-left:24px;
  }
  .page-sales-event .ht-h-item:not(:last-child){
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .page-sales-event .ht-h-dot{
    top:5px;
  }
  .page-sales-event .hero.hero--banner .hero-stats{
    gap:28px;
  }
  .page-sales-event .hero.hero--banner .hero-stats > div{
    flex:1;
    min-width:120px;
  }
}
@media (max-width:480px){
  .page-sales-event .hero.hero--banner .hero-content{
    padding:24px 16px 32px;
  }
}

/* ============================================================
   HERO V2 — refinement after first test
   - kill black gap above banner
   - banner natural size, no upscaling
   - countdown in single row of 4
   - bigger buttons
   ============================================================ */

/* Remove top black gap — kill section padding above banner */
.page-sales-event #MainContent > .shopify-section:first-of-type{
  padding-top:0 !important;
  margin-top:0 !important;
}
.page-sales-event .hero.hero--banner{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Banner image: natural size, max width capped, no upscaling */
.page-sales-event .hero-banner-img{
  width:100%;
  max-width:1920px;
  margin:0 auto;
  background:#0a0e1c;
}
.page-sales-event .hero-banner-img img{
  width:100%;
  height:auto;
  max-height:none;
  display:block;
  object-fit:contain;
}

/* === Countdown: force 4 boxes in single row === */
.page-sales-event .hero-countdown-block .countdown{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
}
.page-sales-event .hero-countdown-block .cd-box{
  min-width:0 !important;
  padding:14px 8px !important;
  text-align:center;
}
.page-sales-event .hero-countdown-block .cd-num{
  font-size:32px !important;
}
.page-sales-event .hero-countdown-block .cd-label{
  font-size:10px !important;
  letter-spacing:2px !important;
}

/* === BIG buttons === */
.page-sales-event .hero-countdown-block .btn-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:8px;
}
.page-sales-event .hero-countdown-block .btn{
  padding:22px 40px !important;
  font-size:14px !important;
  letter-spacing:2.5px !important;
  font-weight:700 !important;
  flex:1;
  min-width:200px;
  justify-content:center !important;
  text-align:center;
}

/* Mobile adjustments */
@media (max-width:900px){
  .page-sales-event .hero-countdown-block .countdown{
    gap:8px !important;
  }
  .page-sales-event .hero-countdown-block .cd-box{
    padding:12px 4px !important;
  }
  .page-sales-event .hero-countdown-block .cd-num{
    font-size:24px !important;
  }
  .page-sales-event .hero-countdown-block .cd-label{
    font-size:9px !important;
  }
  .page-sales-event .hero-countdown-block .btn{
    padding:18px 24px !important;
    font-size:13px !important;
    min-width:0;
  }
}
@media (max-width:480px){
  .page-sales-event .hero-countdown-block .cd-num{
    font-size:20px !important;
  }
  .page-sales-event .hero-countdown-block .btn{
    padding:16px 18px !important;
    font-size:12px !important;
    letter-spacing:1.5px !important;
  }
}

/* ============================================================
   HERO V2 — full-width banner + horizontal buttons + gradient fade
   ============================================================ */

/* Banner truly full-width — no max-width cap */
.page-sales-event .hero-banner-img{
  width:100%;
  max-width:none;
  margin:0;
  background:#0a0e1c;
}
.page-sales-event .hero-banner-img img{
  width:100vw;
  max-width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}

/* Info band — gradient fade from banner's dark teal to page bg */
.page-sales-event .hero.hero--banner{
  background:linear-gradient(180deg,
    #0a1822 0%,
    #0a1018 30%,
    #0a0e15 60%,
    var(--bg) 100%);
}
.page-sales-event .hero.hero--banner .hero-content{
  background:transparent;
  position:relative;
}
/* Soft fade band right under the banner to blend image edge */
.page-sales-event .hero-banner-img::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:120px;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(10,16,24,.4) 50%,
    #0a1018 100%);
  pointer-events:none;
}
.page-sales-event .hero-banner-img{
  position:relative;
}

/* Buttons: side by side horizontally */
.page-sales-event .hero-countdown-block .btn-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:14px;
  margin-top:24px;
}
.page-sales-event .hero-countdown-block .btn{
  flex:1 1 0;
  min-width:0;
  padding:22px 24px !important;
  font-size:14px !important;
}

/* Mobile: buttons stay horizontal, just smaller */
@media (max-width:900px){
  .page-sales-event .hero-countdown-block .btn-row{
    gap:10px;
  }
  .page-sales-event .hero-countdown-block .btn{
    padding:16px 12px !important;
    font-size:12px !important;
    letter-spacing:1.5px !important;
  }
}
@media (max-width:480px){
  .page-sales-event .hero-countdown-block .btn{
    padding:14px 10px !important;
    font-size:11px !important;
    letter-spacing:1px !important;
  }
}

/* ============================================================
   HERO V2 — third refinement
   - Force-kill top black gap (with broader selectors)
   - Move buttons: 1st under countdown (left), 2nd under timeline (right)
   - Make buttons more CTA-styled (urgency + visual punch)
   - Bump up countdown digit & timeline title sizes
   - Tone down hero-stats so they don't dominate visually
   ============================================================ */

/* === Aggressive top gap kill === */
.page-sales-event #MainContent,
.page-sales-event main#MainContent{
  padding-top:0 !important;
  margin-top:0 !important;
}
.page-sales-event #MainContent > section:first-of-type,
.page-sales-event #MainContent > .shopify-section:first-child,
.page-sales-event #MainContent > .shopify-section:first-of-type{
  padding-top:0 !important;
  margin-top:0 !important;
}
.page-sales-event .shopify-section:has(.hero--banner){
  padding-top:0 !important;
  margin-top:0 !important;
}

/* === Restructure: move 2nd button under timeline === */
.page-sales-event .hero-countdown-block .btn-row{
  display:flex !important;
  flex-direction:row !important;
  gap:0 !important;
  margin-top:24px;
}
/* First button stays under countdown — full width of left column */
.page-sales-event .hero-countdown-block .btn-row .btn:first-child{
  flex:1 1 0;
  min-width:0;
}
/* Hide 2nd button in left column — we'll re-create it under timeline */
.page-sales-event .hero-countdown-block .btn-row .btn:last-child{
  display:none;
}
/* Add 2nd button at bottom of right column via timeline block */
.page-sales-event .hero-timeline-block::after{
  content:'Play Type Sprint →';
  display:block;
  margin-top:24px;
  padding:22px 24px;
  border:2px solid rgba(255,255,255,.25);
  border-radius:999px;
  text-align:center;
  font-family:'Mosvita','Inter',system-ui,sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:2.5px;
  color:#fff;
  cursor:pointer;
  transition:all .25s ease;
}
.page-sales-event .hero-timeline-block:hover::after{
  border-color:#22e896;
  color:#22e896;
  background:rgba(34,232,150,.05);
}

/* Actually wrap that pseudo-button in a clickable link */
.page-sales-event .hero-timeline-block{
  position:relative;
}
.page-sales-event .hero-timeline-link{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:64px;
  z-index:5;
  cursor:pointer;
}

/* === Beef up the primary button (Browse Deals) — pulse / urgency === */
.page-sales-event .hero-countdown-block .btn-primary{
  background:linear-gradient(135deg,#0671FF 0%,#0050CC 100%) !important;
  box-shadow:0 8px 24px rgba(6,113,255,.4),0 0 0 0 rgba(6,113,255,.5);
  position:relative;
  overflow:hidden;
  animation:btnPulse 2.4s ease-in-out infinite;
  font-size:15px !important;
  letter-spacing:3px !important;
  padding:24px 32px !important;
}
.page-sales-event .hero-countdown-block .btn-primary::after{
  content:'';
  position:absolute;
  top:0;left:-100%;
  width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  animation:btnShine 3.5s ease-in-out infinite;
}
.page-sales-event .hero-countdown-block .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(6,113,255,.6);
}
@keyframes btnPulse{
  0%,100%{box-shadow:0 8px 24px rgba(6,113,255,.4),0 0 0 0 rgba(6,113,255,.5);}
  50%{box-shadow:0 8px 24px rgba(6,113,255,.5),0 0 0 12px rgba(6,113,255,0);}
}
@keyframes btnShine{
  0%{left:-100%;}
  35%,100%{left:200%;}
}

/* === Bump up countdown digit size === */
.page-sales-event .hero-countdown-block .cd-num{
  font-size:48px !important;
}
.page-sales-event .hero-countdown-block .cd-label{
  font-size:11px !important;
  letter-spacing:2.5px !important;
}
.page-sales-event .hero-countdown-block .cd-box{
  padding:20px 8px !important;
}

/* === Bump up timeline === */
.page-sales-event .ht-h-date{
  font-size:12px !important;
  letter-spacing:2px !important;
  margin-bottom:10px !important;
}
.page-sales-event .ht-h-title{
  font-size:18px !important;
  margin-bottom:8px !important;
}
.page-sales-event .ht-h-desc{
  font-size:13px !important;
}

/* === Tone down hero-stats — was visually dominating === */
.page-sales-event .hero.hero--banner .hero-stats .stat-num{
  font-size:28px !important;
  color:rgba(255,255,255,.7) !important;
}
.page-sales-event .hero.hero--banner .hero-stats .stat-label{
  font-size:10px !important;
  letter-spacing:1.8px !important;
  color:rgba(255,255,255,.4) !important;
}
.page-sales-event .hero.hero--banner .hero-stats{
  gap:48px;
  padding-top:24px;
  margin-top:24px;
  border-top:1px solid rgba(255,255,255,.06);
}

/* Mobile */
@media (max-width:900px){
  .page-sales-event .hero-countdown-block .cd-num{
    font-size:32px !important;
  }
  .page-sales-event .ht-h-title{
    font-size:16px !important;
  }
  .page-sales-event .hero.hero--banner .hero-stats .stat-num{
    font-size:22px !important;
  }
  .page-sales-event .hero-timeline-block::after{
    margin-top:20px;
    padding:18px 20px;
    font-size:12px;
  }
}

/* ============================================================
   HERO V2 — final blackgap fix via gradient blending
   Instead of fighting Shopify's section padding (which keeps
   coming back), we paint that area to match the banner top.
   ============================================================ */

/* Sample colors from banner top-left: dark navy + green glow tint */
.page-sales-event #MainContent{
  background:#0a1018 !important;
}
/* The shopify section wrapping hero — paint its full area */
.page-sales-event .shopify-section:has(.hero--banner){
  background:linear-gradient(180deg,
    #0a0a14 0%,
    #0a1118 40%,
    #0a1822 80%,
    #0a1822 100%);
  position:relative;
}
/* Add a soft "bleed" overlay at the very top of the banner image
   to dissolve any hard edge between header and banner */
.page-sales-event .hero-banner-img::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:80px;
  background:linear-gradient(180deg,
    rgba(10,16,24,1) 0%,
    rgba(10,16,24,.6) 30%,
    rgba(10,16,24,.15) 60%,
    transparent 100%);
  pointer-events:none;
  z-index:2;
}

/* ============================================================
   SECTION RHYTHM — subtle background tints (v2, fixed selectors)
   Uses [id$="..."] to match the end of the section wrapper ID,
   bypassing the unknown template ID prefix.
   Also bumped opacity from 2-3% to 5-7% so it's actually visible.
   ============================================================ */

/* Warm-Up — warm yellow */
.page-sales-event [id$="__custom_content_qLVDcB"]{
  background:linear-gradient(180deg,
    rgba(255,213,74,.07) 0%,
    rgba(255,213,74,.03) 50%,
    transparent 100%) !important;
}

/* Giveaway — slight pink/coral */
.page-sales-event [id$="__custom_content_N3EknQ"]{
  background:linear-gradient(180deg,
    rgba(255,107,160,.05) 0%,
    rgba(255,107,160,.02) 60%,
    transparent 100%) !important;
}

/* RC card section — cyan */
.page-sales-event [id$="__custom_content_EhG8Gq"]{
  background:linear-gradient(180deg,
    rgba(34,232,255,.05) 0%,
    rgba(34,232,255,.02) 60%,
    transparent 100%) !important;
}

/* Type Sprint — cyan-green energy */
.page-sales-event [id$="__custom_content_TdC9RN"]{
  background:linear-gradient(180deg,
    rgba(34,232,150,.07) 0%,
    rgba(34,232,150,.03) 60%,
    transparent 100%) !important;
}

/* Sitewide Discounts (product tabs) — main blue, strongest */
.page-sales-event [id$="__product_tabs_WdUnJn"]{
  background:linear-gradient(180deg,
    rgba(6,113,255,.08) 0%,
    rgba(6,113,255,.04) 60%,
    transparent 100%) !important;
}

/* Bundles — purple-blue */
.page-sales-event [id$="__bundle_with_countdown_JbHGDy"]{
  background:linear-gradient(180deg,
    rgba(120,100,255,.05) 0%,
    rgba(120,100,255,.02) 60%,
    transparent 100%) !important;
}

/* Mystery Box — violet */
.page-sales-event [id$="__mystery_box_NKyMtd"]{
  background:linear-gradient(180deg,
    rgba(170,80,255,.06) 0%,
    rgba(170,80,255,.025) 60%,
    transparent 100%) !important;
}

/* Last Call — warm orange/red urgency */
.page-sales-event [id$="__custom_content_q4fkft"]{
  background:linear-gradient(180deg,
    rgba(255,120,77,.07) 0%,
    rgba(255,120,77,.03) 60%,
    transparent 100%) !important;
}

/* Discord — purple */
.page-sales-event [id$="__custom_content_DtPATQ"]{
  background:linear-gradient(180deg,
    rgba(88,101,242,.09) 0%,
    rgba(88,101,242,.04) 70%,
    transparent 100%) !important;
}

/* Subtle hairline divider between sections */
.page-sales-event main#MainContent > .shopify-section{
  position:relative;
}
.page-sales-event main#MainContent > .shopify-section:not(:first-of-type)::before{
  content:'';
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:120px;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.2) 50%,
    transparent 100%);
  z-index:1;
}

/* SECTION LABELS — bigger */
.page-sales-event .section-label,
.page-sales-event p.m-section__subheading{
  font-size:17px !important;
  font-weight:700 !important;
  letter-spacing:3.5px !important;
  margin-bottom:28px !important;
}
.page-sales-event .section-label::before,
.page-sales-event p.m-section__subheading::before{
  width:56px !important;
  height:2px !important;
}

@media (max-width:768px){
  .page-sales-event .section-label,
  .page-sales-event p.m-section__subheading{
    font-size:14px !important;
    letter-spacing:2.5px !important;
    margin-bottom:20px !important;
  }
  .page-sales-event .section-label::before,
  .page-sales-event p.m-section__subheading::before{
    width:36px !important;
  }
}

/* ============================================================
   RC IMAGES — NUCLEAR OVERRIDE (forces visibility against any
   previous CSS that might be hiding or shrinking them)
   ============================================================ */

.page-sales-event [id$="__custom_content_EhG8Gq"] .image-with-text,
.page-sales-event [id$="__custom_content_EhG8Gq"] .image-with-text > div,
.page-sales-event [id$="__custom_content_EhG8Gq"] [class*="img__box"],
.page-sales-event [id$="__custom_content_EhG8Gq"] .image__box,
.page-sales-event [id$="__custom_content_EhG8Gq"] responsive-image,
.page-sales-event [id$="__custom_content_EhG8Gq"] .image__box img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Force outer image_with_text wrapper to be visible flex */
.page-sales-event [id$="__custom_content_EhG8Gq"] .image-with-text > div.m\:flex{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
}

/* Force image column to full width and visible */
.page-sales-event [id$="__custom_content_EhG8Gq"] [class*="img__box"]{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  flex:0 0 100% !important;
  height:auto !important;
  min-height:280px !important;
  margin:0 0 20px 0 !important;
  padding:0 !important;
}

/* Force the inner image box to expand */
.page-sales-event [id$="__custom_content_EhG8Gq"] .image__box{
  width:100% !important;
  height:auto !important;
  min-height:280px !important;
  aspect-ratio:1/1 !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:#0a1018 !important;
  position:relative !important;
}

/* Force responsive-image custom element to render */
.page-sales-event [id$="__custom_content_EhG8Gq"] responsive-image{
  width:100% !important;
  height:100% !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
}

/* Force the actual <img> tag */
.page-sales-event [id$="__custom_content_EhG8Gq"] .image__box img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  position:absolute !important;
  inset:0 !important;
}

/* Content column below */
.page-sales-event [id$="__custom_content_EhG8Gq"] [class*="content__box-"]{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  padding:20px 4px 0 !important;
}

/* Hide previous ul/perks that we removed */
.page-sales-event [id$="__custom_content_EhG8Gq"] .content__box ul,
.page-sales-event [id$="__custom_content_EhG8Gq"] .m-richtext__description ul,
.page-sales-event [id$="__custom_content_EhG8Gq"] .m-richtext__description p{
  display:none !important;
}

/* But keep the heading/subheading visible */
.page-sales-event [id$="__custom_content_EhG8Gq"] .m-richtext__subtitle,
.page-sales-event [id$="__custom_content_EhG8Gq"] .m-richtext__title{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* === Subheading "CARD A/B/C" — blue badge === */
.page-sales-event [id$="__custom_content_EhG8Gq"] .m-richtext__subtitle{
  font-size:12px !important;
  letter-spacing:3px !important;
  font-weight:700 !important;
  color:#3B8FFF !important;
  margin-bottom:12px !important;
  text-transform:uppercase !important;
  font-family:'Mosvita','Inter',system-ui,sans-serif !important;
}

/* === Heading "$1 / $2 / $100" — big white === */
.page-sales-event [id$="__custom_content_EhG8Gq"] .m-richtext__title{
  font-family:'BlauerNue','Inter',system-ui,sans-serif !important;
  font-size:44px !important;
  font-weight:700 !important;
  color:#fff !important;
  line-height:1 !important;
  margin-bottom:18px !important;
}

/* Mobile */
@media (max-width:768px){
  .page-sales-event [id$="__custom_content_EhG8Gq"] [class*="img__box"]{
    min-height:240px !important;
  }
  .page-sales-event [id$="__custom_content_EhG8Gq"] .image__box{
    min-height:240px !important;
  }
  .page-sales-event [id$="__custom_content_EhG8Gq"] .m-richtext__title{
    font-size:36px !important;
  }
}

/* ============================================================
   RC CARDS — kill the black box around the image
   Let the container shrink-wrap to the image's natural height
   ============================================================ */

/* Image container: no padding, no min-height, transparent bg */
.page-sales-event [id$="__custom_content_EhG8Gq"] .image__box{
  background:transparent !important;
  padding:0 !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  display:block !important;
  border-radius:14px 14px 0 0 !important;
  overflow:hidden !important;
}

/* Inner image wrappers: tight to image */
.page-sales-event [id$="__custom_content_EhG8Gq"] .image__box responsive-image,
.page-sales-event [id$="__custom_content_EhG8Gq"] .image__box .m-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  line-height:0 !important;
}

/* The image itself: fills width naturally */
.page-sales-event [id$="__custom_content_EhG8Gq"] .image__box img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
}

/* ============================================================
   MYSTERY BOX — kill white bg + align titles across 3 cards
   ============================================================ */

/* 1. Remove white background from image area */
.page-sales-event .mystery-box-section .box-item .images-box,
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box{
  background:transparent !important;
  border-radius:14px 14px 0 0 !important;
  overflow:hidden !important;
}

/* 2. Force all 3 image containers to identical aspect ratio
      → titles below them automatically align */
.page-sales-event .mystery-box-section .box-item .images-box,
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box{
  aspect-ratio:1/1 !important;
  width:100% !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* 3. Image inside — contained, centered, fills container */
.page-sales-event .mystery-box-section .box-item .images-box .m-image,
.page-sales-event .mystery-box-section .box-item .images-box img,
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box .m-image,
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  background:transparent !important;
}

/* 4. Lock box-info top spacing so titles align even if image sizes differ */
.page-sales-event .mystery-box-section .box-info{
  padding-top:24px !important;
}
.page-sales-event .mystery-box-section .box-info .box-name,
.page-sales-event .mystery-box-section .box-info > h3:first-child,
.page-sales-event .mystery-box-section .box-info > .h3:first-child{
  margin-top:0 !important;
  min-height:auto !important;
}

/* ============================================================
   MYSTERY BOX — force 3 cards to identical height & alignment
   Fixes Box C title dropping below A & B
   ============================================================ */

/* 1. Outer grid: stretch all cells to same height */
.page-sales-event [id$="__mystery_box_NKyMtd"] .mystery-box-content{
  align-items:stretch !important;
}

/* 2. Each card: full height flex column */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  align-self:stretch !important;
}

/* 3. Image area: no extra padding/margin pushing content down */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box{
  margin:0 !important;
  padding:0 !important;
  flex-shrink:0 !important;
}

/* 4. box-info: starts immediately after image, no top offset */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .box-info{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  margin-top:0 !important;
  padding-top:24px !important;
}

/* 5. Title: zero top margin so it sits flush */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-info > *:first-child,
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-info .box-name,
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-info h3{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* 6. Push price + countdown + button to bottom (was already in earlier CSS but reinforce) */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .product-info,
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .m-countdown-section{
  margin-top:auto !important;
}

/* 7. Description block: fills available middle space */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description{
  flex:1 !important;
  margin-bottom:20px !important;
}

/* ============================================================
   MYSTERY BOX — unify image + content into ONE card
   Fixes both floating images AND Box C title misalignment
   ============================================================ */

/* 1. Outer card wraps everything (image + info) */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item{
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
}

/* 2. Image area: FIXED height (380px) — guarantees identical across A/B/C */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box{
  height:380px !important;
  width:100% !important;
  aspect-ratio:auto !important;
  flex-shrink:0 !important;
  background:transparent !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box img,
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box .m-image{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  background:transparent !important;
}

/* 3. KILL the inner gray card on .box-info (no more duplicate background) */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .box-info{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:24px 28px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

/* 4. KILL the inner gray card on .product-info too */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .product-info,
.page-sales-event .mystery-box-section .product-info{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:16px 0 !important;
}

/* 5. Title flush to top */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-info > *:first-child{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* 6. Description fills middle space */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description{
  flex:1 !important;
}

/* 7. Push countdown + button to bottom */
.page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .m-countdown-section{
  margin-top:auto !important;
  padding:0 !important;
}

/* ============================================================
   TABLET FIX (769–1100px)
   At this width Minimog renders bundle & mystery box cards 2-up,
   but the countdown timer is still desktop-sized → 4th box overflows.
   This breakpoint scales down the countdown + image areas to fit.
   ============================================================ */
@media (min-width:769px) and (max-width:1100px){

  /* === Countdown timer: compact 4-box row === */
  .page-sales-event .m-countdown-timer__box{
    padding:14px 4px !important;
    min-width:0 !important;
    border-radius:10px !important;
  }
  .page-sales-event .m-countdown-timer__digit{
    font-size:30px !important;
    padding:10px 0 0 !important;
  }
  .page-sales-event p.m-countdown-timer__text.m-countdown-timer__text--short{
    font-size:9px !important;
    letter-spacing:1.5px !important;
    margin-top:5px !important;
  }

  /* === Coming Soon / deal-text label (the row above countdown) === */
  .page-sales-event .m-countdown__inner-bottom p.coming.font-bold,
  .page-sales-event .deal-text{
    padding:12px 14px !important;
    font-size:11px !important;
    letter-spacing:1px !important;
  }

  /* === Mystery Box: smaller image area to balance the card === */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box{
    height:300px !important;
  }
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .box-info{
    padding:20px 22px !important;
  }
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description{
    font-size:12px !important;
    line-height:1.6 !important;
    padding:14px !important;
  }

  /* === Bundle section: reduce inner image height === */
  .page-sales-event .bundle-item .images-box{
    grid-template-rows:260px !important;
  }
  .page-sales-event .bundle-item .product-info{
    padding:24px !important;
  }
  .page-sales-event .bundle-item .m-countdown{
    margin:0 16px 16px !important;
    max-width:calc(100% - 32px) !important;
  }

  /* === RC cards (the discount code section): same fix === */
  .page-sales-event [id$="__custom_content_EhG8Gq"] .m-countdown-timer__box{
    padding:10px 4px !important;
    min-width:0 !important;
  }
  .page-sales-event [id$="__custom_content_EhG8Gq"] .m-countdown-timer__digit{
    font-size:26px !important;
  }
}

/* ============================================================
   "SPEND MORE. SAVE MORE." section — tablet & mobile adaptation
   (Last Call image-with-text, section id ends with _Pz7xxw)
   ============================================================ */

/* === Tablet (769–1100px): stack vertically, image full width === */
@media (min-width:769px) and (max-width:1100px){

  /* Section wrapper: stack image + text vertically */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m\:flex,
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m\:flex.m\:flex-wrap{
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    gap:32px !important;
  }

  /* Both columns: full width */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] [class*="img__box"],
  .page-sales-event [id$="__image_with_text_Pz7xxw"] [class*="content__box"],
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .lg\:m\:w-6\/12,
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m\:w-6\/12{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  /* Image: contained, max 400px tall, centered */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .image__box{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    aspect-ratio:auto !important;
    background:transparent !important;
  }
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .image__box img{
    width:100% !important;
    height:auto !important;
    max-height:420px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto !important;
  }

  /* Content area: more breathing room */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .content__box{
    padding:0 !important;
    text-align:left !important;
  }
}

/* === Mobile (≤768px): tighter spacing, smaller heading === */
@media (max-width:768px){

  /* Force vertical stack */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m\:flex,
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m\:flex.m\:flex-wrap{
    flex-direction:column !important;
    gap:24px !important;
  }

  .page-sales-event [id$="__image_with_text_Pz7xxw"] [class*="img__box"],
  .page-sales-event [id$="__image_with_text_Pz7xxw"] [class*="content__box"]{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }

  /* Image full width, capped height */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .image__box{
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:auto !important;
    background:transparent !important;
    padding:0 !important;
  }
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .image__box img{
    width:100% !important;
    height:auto !important;
    max-height:320px !important;
    object-fit:contain !important;
    display:block !important;
  }

  /* Heading: smaller */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .section-title,
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m-richtext__title{
    font-size:36px !important;
    line-height:1.05 !important;
  }

  /* Body text: readable */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m-richtext__description p,
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m-richtext__description{
    font-size:15px !important;
    line-height:1.65 !important;
  }
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m-richtext__description h5{
    font-size:15px !important;
    margin-bottom:8px !important;
  }

  /* Countdown row */
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m-countdown-timer__digit{
    font-size:26px !important;
  }
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .deal-text{
    font-size:11px !important;
    padding:12px 14px !important;
  }
}

/* === Very small screens (≤480px) === */
@media (max-width:480px){
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .image__box img{
    max-height:260px !important;
  }
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .section-title,
  .page-sales-event [id$="__image_with_text_Pz7xxw"] .m-richtext__title{
    font-size:30px !important;
  }
}

/* ============================================================
   MYSTERY BOX — mobile compact + collapsible description
   On mobile: image smaller, description collapsed by default
   Tap to expand and see possible contents
   ============================================================ */

@media (max-width:768px){

  /* === 1. Smaller image area === */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .images-box{
    height:240px !important;
  }

  /* === 2. Tighter content padding === */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-item .box-info{
    padding:20px 18px !important;
  }

  /* === 3. Smaller title === */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info > *:first-child{
    font-size:20px !important;
    margin-bottom:14px !important;
  }

  /* === 4. KEY: collapse description by default === */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description{
    max-height:64px !important;
    overflow:hidden !important;
    position:relative !important;
    cursor:pointer !important;
    font-size:12.5px !important;
    line-height:1.6 !important;
    padding:14px !important;
    margin-bottom:14px !important;
    transition:max-height .4s ease !important;
  }

  /* Fade-out gradient at the bottom of collapsed text */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description::after{
    content:'Tap to see all contents ▾';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:18px 14px 8px;
    background:linear-gradient(180deg,transparent 0%,var(--bg) 70%);
    color:#0671FF;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
    text-align:center;
    text-transform:uppercase;
    pointer-events:none;
  }

  /* Expanded state (toggled via :target or .expanded — we'll use a CSS-only trick) */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description:hover,
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description:active,
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description:focus{
    max-height:600px !important;
  }
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description:hover::after,
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description:active::after,
  .page-sales-event [id$="__mystery_box_NKyMtd"] .box-info p.description:focus::after{
    display:none;
  }

  /* === 5. Compact price block === */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .product-info{
    padding:18px 14px !important;
    margin:0 0 14px 0 !important;
  }
  .page-sales-event .mystery-box-section p.price-info.font-bold,
  .page-sales-event .mystery-box-section .bundle-item p.price-info.font-bold{
    font-size:32px !important;
  }

  /* === 6. Compact countdown === */
  .page-sales-event [id$="__mystery_box_NKyMtd"] .m-countdown-timer__digit{
    font-size:22px !important;
    padding:8px 0 0 !important;
  }
  .page-sales-event [id$="__mystery_box_NKyMtd"] .m-countdown-timer__box{
    padding:10px 4px !important;
  }
}

/* ============================================================
   BUNDLE — mobile product image fit
   Keep white bg, but show full product (no cropping)
   ============================================================ */

@media (max-width:768px){

  /* Image container: a bit taller, with padding */
  .page-sales-event .bundle-item .images-box{
    grid-template-rows:200px !important;
    gap:12px !important;
    padding:12px !important;
  }

  /* Each white image card: inner padding so product doesn't touch edges */
  .page-sales-event .bundle-item .images-box .m-image{
    background:#FFF !important;
    border-radius:14px !important;
    padding:14px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  /* Product image: contain (full product visible, no crop) */
  .page-sales-event .bundle-item .images-box .m-image img,
  .page-sales-event .bundle-item .images-box img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    display:block !important;
  }
}

/* === Very small phones (≤480px): slightly more compact === */
@media (max-width:480px){
  .page-sales-event .bundle-item .images-box{
    grid-template-rows:170px !important;
    padding:10px !important;
  }
  .page-sales-event .bundle-item .images-box .m-image{
    padding:10px !important;
  }
}

/* ============================================================
   BUNDLE — tablet (769–1100px) refinement
   Fix: gap between images and content, undersized text
   ============================================================ */
@media (min-width:769px) and (max-width:1100px){

  /* === Card layout: image area + content, no extra gap === */
  .page-sales-event .bundle-item{
    grid-template-rows:auto auto !important;
    gap:0 !important;
    padding-bottom:0 !important;
  }

  /* === Image area: reasonable height, padding inside === */
  .page-sales-event .bundle-item .images-box{
    grid-template-rows:240px !important;
    gap:14px !important;
    padding:16px !important;
    margin:0 !important;
  }

  /* === White product card: inner padding so products don't touch edges === */
  .page-sales-event .bundle-item .images-box .m-image{
    background:#FFF !important;
    border-radius:14px !important;
    padding:16px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  /* === Product image: contain (no crop) === */
  .page-sales-event .bundle-item .images-box .m-image img,
  .page-sales-event .bundle-item .images-box img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    display:block !important;
  }

  /* === Content area: kill extra top margin/padding === */
  .page-sales-event .bundle-item .product-info{
    padding:24px !important;
    margin-top:0 !important;
  }

  /* === Bundle letter (BUNDLE A/B/C) — bump up === */
  .page-sales-event .bundle-item .bundle-letter,
  .page-sales-event .bundle-item p:first-of-type{
    font-size:13px !important;
    margin-bottom:8px !important;
  }

  /* === Bundle name — bigger, clearer === */
  .page-sales-event .bundle-item .bundle-name,
  .page-sales-event .bundle-item h3{
    font-size:20px !important;
    line-height:1.25 !important;
    margin-bottom:10px !important;
  }

  /* === Price — bigger === */
  .page-sales-event .mystery-box-section .bundle-item p.price-info.font-bold,
  .page-sales-event .bundle-item p.price-info.font-bold{
    font-size:34px !important;
  }

  /* === Subtitle/tagline === */
  .page-sales-event .bundle-item .bundle-subtitle,
  .page-sales-event .mystery-box-section .bundle-item p.price-info-tips{
    font-size:13.5px !important;
    line-height:1.55 !important;
    margin-bottom:18px !important;
  }

  /* === Countdown row: tighter so all 4 boxes fit === */
  .page-sales-event .bundle-item .m-countdown{
    margin:0 16px 16px !important;
    max-width:calc(100% - 32px) !important;
  }
  .page-sales-event .bundle-item .m-countdown-timer__box{
    padding:12px 4px !important;
    min-width:0 !important;
  }
  .page-sales-event .bundle-item .m-countdown-timer__digit{
    font-size:26px !important;
    padding:8px 0 0 !important;
  }
  .page-sales-event .bundle-item p.m-countdown-timer__text.m-countdown-timer__text--short{
    font-size:9px !important;
    letter-spacing:1.5px !important;
    margin-top:4px !important;
  }
}

/* ============================================================
   TYPE SPRINT — Discord upgrade prompt text bump
   The "Want $20 OFF instead?" block was too small
   ============================================================ */

.page-sales-event .upgrade-prompt-title{
  font-size:22px !important;
  font-weight:700 !important;
  margin-bottom:14px !important;
  line-height:1.3 !important;
}

.page-sales-event .upgrade-prompt-desc{
  font-size:16px !important;
  line-height:1.75 !important;
}

.page-sales-event .upgrade-prompt-desc strong{
  font-size:17px !important;
}

/* Mobile */
@media (max-width:768px){
  .page-sales-event .upgrade-prompt-title{
    font-size:19px !important;
  }
  .page-sales-event .upgrade-prompt-desc{
    font-size:15px !important;
  }
  .page-sales-event .upgrade-prompt-desc strong{
    font-size:16px !important;
  }
}