:root{--p:#5b2cff;--pd:#2d006f;--lime:#d9f45a;--lav:#f0e6ff;--ink:#121116;--muted:#6d6877;--line:#e9e5ef;--soft:#faf9fc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1260px;margin:auto;padding:0 24px}
h1,h2,h3,h4,.logo,.wonCoin,.orbRing strong,.rewardCore b,.walletCard strong,.balanceV7 strong{font-family:Poppins,Inter,sans-serif}
.top{background:var(--lime);font-size:12px;font-weight:800}.topin{height:30px;display:flex;align-items:center;justify-content:space-between}.ticker{transition:.25s}
.header{position:sticky;top:0;z-index:30;background:var(--pd);color:#fff;box-shadow:0 4px 20px #23005a20}.head{min-height:82px;display:grid;grid-template-columns:180px 1fr auto;gap:22px;align-items:center}.logo{font-size:30px;font-weight:950;letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:12px}.logo small{display:block;color:var(--lime);font-size:9px;letter-spacing:.5px;font-weight:700}.logo-text{display:inline-block}.brand-mark{width:38px;height:38px;flex:none;border:5px solid currentColor;border-right-color:var(--lime);border-radius:50%;display:inline-block;font-size:0}.search{display:flex;background:#fff;border-radius:13px;overflow:hidden}.search input{border:0;outline:0;padding:14px 16px;width:100%}.search button{border:0;background:var(--lime);padding:0 22px;font-weight:900}.nav{display:flex;gap:14px;align-items:center;font-size:12px;font-weight:800}.nav span,.nav a{white-space:nowrap;color:#fff;text-decoration:none}.points{background:#ffffff16;border:1px solid #ffffff25;border-radius:10px;padding:10px}.bag{background:var(--lime);color:#111;border-radius:10px;padding:10px 13px;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.cartIcon{flex:none}.create{background:var(--lime);color:#111;border:0;border-radius:10px;padding:11px 14px;font-weight:950;animation:pulse 3s infinite;text-decoration:none;display:inline-block}@keyframes pulse{50%{box-shadow:0 0 0 7px #d9f45a20}}
.catbar{border-bottom:1px solid var(--line);background:#fff}.catin{height:44px;display:flex;gap:24px;align-items:center;overflow:auto;font-size:12px}.catin b{color:var(--p)}.catin a{color:inherit;text-decoration:none;white-space:nowrap}
.hero{padding:45px 0 30px}.heroBox{border:1px solid var(--line);border-radius:30px;overflow:hidden;min-height:500px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(115deg,#fff 51%,var(--lav) 51%)}.heroText{padding:58px 48px}.ey{font-size:11px;font-weight:950;letter-spacing:1.7px;color:var(--p)}h1{font-size:60px;line-height:1;letter-spacing:-3.5px;margin:14px 0 18px}.heroText p{font-size:17px;color:var(--muted);line-height:1.55}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.btn{border:0;border-radius:11px;padding:13px 18px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.primary{background:var(--p);color:#fff}.lime{background:var(--lime);color:#111}.outline{background:#fff;border:1px solid var(--line)}.unlock{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.unlock b{font-size:13px}.unlockRow{display:flex;gap:13px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:11px}.heroArt{display:grid;place-items:center;position:relative;min-height:440px}.cart{width:320px;height:220px;background:var(--p);border-radius:35px 35px 75px 75px;position:relative;box-shadow:0 35px 70px #48209d30}.handle{position:absolute;width:200px;height:90px;border:16px solid var(--pd);border-bottom:0;border-radius:110px 110px 0 0;left:60px;top:-60px}.goods{position:absolute;left:30px;right:30px;top:-55px;display:flex;justify-content:center;align-items:end;gap:8px}.good{width:60px;border-radius:12px 12px 5px 5px;border:2px solid #ddd;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.a{height:125px}.b{height:100px;background:var(--lime)}.c{height:145px}.d{height:115px;background:#eadbff}.float{position:absolute;background:#fff;border-radius:12px;padding:10px 13px;font-size:11px;font-weight:900;box-shadow:0 12px 30px #3c176a22;animation:float 3s ease-in-out infinite}.f1{right:38px;top:80px}.f2{left:35px;bottom:80px;animation-delay:.5s}.f3{right:50px;bottom:50px;background:var(--lime);animation-delay:1s}@keyframes float{50%{transform:translateY(-7px)}}
.value{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 0 35px}.value div{padding:10px 16px;border-right:1px solid var(--line)}.value b{display:block;font-size:13px}.value span{font-size:11px;color:var(--muted)}
section{padding:55px 0}.soft{background:var(--soft)}.lav{background:#faf5ff}.head2{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.head2 h2{font-size:34px;letter-spacing:-1.5px;margin:6px 0}.head2 p{color:var(--muted);margin:0}.link{color:var(--p);font-size:12px;font-weight:900;text-decoration:none;background:none;border:0;cursor:pointer}
.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:11px}.category{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.pic{height:115px;background:linear-gradient(145deg,var(--lav),#fff);display:grid;place-items:center;font-size:36px}.category b{display:block;padding:12px;font-size:11px}
.products{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.product{border:1px solid var(--line);border-radius:17px;padding:10px;background:#fff;position:relative}.prodimg{height:165px;background:#f4edff;border-radius:12px;display:grid;place-items:center;font-size:42px}.badge{position:absolute;left:17px;top:17px;background:var(--lime);padding:5px 8px;border-radius:99px;font-size:9px;font-weight:950}.product small{color:var(--muted)}.product h4{margin:9px 0 5px;font-size:13px}.price{font-weight:950;color:var(--pd)}.add{float:right;border:0;background:var(--p);color:#fff;width:33px;height:33px;border-radius:50%;font-size:18px}
.interactive{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.demo{border:1px solid var(--line);border-radius:25px;background:#fff;padding:22px}.events{display:flex;gap:8px;flex-wrap:wrap}.event{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800}.event.active{background:var(--p);color:#fff}.built{margin-top:18px;background:var(--lav);border-radius:18px;padding:17px}.builtRow{display:flex;justify-content:space-between;border-bottom:1px solid #dcd0ed;padding:9px 0;font-size:12px}.builtTotal{display:flex;justify-content:space-between;padding-top:13px;font-weight:950}
.budgetBox{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px}.budgetNum{font-size:35px;font-weight:950;color:var(--p)}input[type=range]{width:100%;accent-color:var(--p)}.progress{height:12px;background:#eee;border-radius:99px;overflow:hidden;margin:18px 0}.progress i{display:block;height:100%;width:87%;background:var(--p);border-radius:99px}.suggest{background:var(--lav);border-radius:13px;padding:13px;font-size:12px}
.rewardWorld{background:var(--pd);color:#fff;border-radius:30px;padding:42px}.rewardTop{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.rewardTop h2{font-size:43px;margin:8px 0}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center}.journey div{background:#ffffff10;border:1px solid #ffffff22;border-radius:15px;padding:15px;text-align:center}.journey b{display:block;color:var(--lime);font-size:20px}.balance{margin-top:18px;background:var(--lime);color:#111;border-radius:18px;padding:18px;display:flex;justify-content:space-between;align-items:center}.balance strong{font-size:28px}.referral{margin-top:18px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;background:#fff;color:#111;border-radius:20px;padding:25px}.person{text-align:center}.face{width:70px;height:70px;border-radius:50%;background:var(--lav);margin:auto;display:grid;place-items:center;font-size:28px}.arrow{color:var(--p);font-size:30px}
.spinPromo{display:grid;grid-template-columns:1fr 1fr;border-radius:30px;overflow:hidden;background:var(--pd);color:#fff}.spinCopy{padding:50px}.spinCopy h2{font-size:42px;margin:8px 0}.wheelSide{min-height:380px;background:var(--lav);display:grid;place-items:center}.wheel{width:250px;height:250px;border:16px solid var(--p);border-radius:50%;background:conic-gradient(var(--lime) 0 45deg,#fff 45deg 90deg,var(--p) 90deg 135deg,#fff 135deg 180deg,var(--lime) 180deg 225deg,#fff 225deg 270deg,var(--p) 270deg 315deg,#fff 315deg);transition:transform 4s cubic-bezier(.12,.68,.1,1)}.wheel.spin{transform:rotate(1600deg)}
.prime{background:var(--pd);color:#fff;border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.prime h2{font-size:42px;margin:8px 0}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.benefits div{border:1px solid #ffffff26;border-radius:14px;padding:16px}.benefits b{color:var(--lime)}
.healthy{border:1px solid var(--line);border-radius:30px;overflow:hidden}.healthyHead{padding:34px;display:flex;justify-content:space-between;align-items:center}.toggle{background:#ddd;border:0;border-radius:99px;width:78px;height:38px;padding:4px;transition:.25s}.toggle i{display:block;width:30px;height:30px;border-radius:50%;background:#fff;transition:.25s}.toggle.on{background:var(--lime)}.toggle.on i{transform:translateX(40px)}.compare{display:grid;grid-template-columns:1fr 1fr}.mode{padding:32px;background:#fff}.mode.health{background:#f3f9dc}.foodCard{border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:15px}.nutrition{display:none;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.nutrition div{background:#fff;border-radius:10px;padding:9px;text-align:center;font-size:10px}.healthy.enabled .nutrition{display:grid}.healthy.enabled .mode.health{box-shadow:inset 0 0 0 2px var(--lime)}
.impact{display:grid;grid-template-columns:1fr 1fr;gap:16px}.impactCard{border-radius:24px;padding:28px;border:1px solid var(--line)}.donate{background:#fff7e9}.recycle{background:#f1f8db}.impactCard h3{font-size:27px;margin:8px 0}.delivery{background:var(--lav);border-radius:27px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.delivery h2{font-size:36px;margin:7px 0}.loc{display:flex;background:#fff;padding:6px;border-radius:12px}.loc input{border:0;outline:0;flex:1;padding:10px}.loc button{border:0;background:var(--p);color:#fff;border-radius:9px;padding:0 16px;font-weight:900}
footer{background:var(--pd);color:#fff;padding:50px 0 25px}.foot{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}.foot h4{margin-top:0}.foot div div{color:#ded3fb;font-size:11px;margin:8px 0}.foot a:not(.logo){color:#ded3fb;text-decoration:none;display:block;margin:8px 0;font-size:11px}.foot a:not(.logo):hover{color:#fff}
.foot .logo{margin-bottom:14px}
.accountTease{position:fixed;right:22px;bottom:22px;z-index:40;width:290px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 18px 50px #2d006f25;transform:translateY(140%);transition:.5s}.accountTease.show{transform:none}.accountTease .x{float:right;border:0;background:transparent}.accountTease b{display:block;margin:5px 0}.accountTease p{font-size:11px;color:var(--muted)}
.modal{position:fixed;inset:0;background:#160033d9;z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modalCard{width:min(850px,96vw);background:#fff;border-radius:30px;padding:30px;position:relative;text-align:center}.modal .close{position:absolute;right:20px;top:16px;border:0;background:#eee;width:34px;height:34px;border-radius:50%}.bigWheel{margin:20px auto;width:310px;height:310px;border:18px solid var(--p);border-radius:50%;background:conic-gradient(var(--lime) 0 45deg,#fff 45deg 90deg,var(--p) 90deg 135deg,#fff 135deg 180deg,var(--lime) 180deg 225deg,#fff 225deg 270deg,var(--p) 270deg 315deg,#fff 315deg);transition:transform 4s cubic-bezier(.12,.68,.1,1)}.bigWheel.go{transform:rotate(1700deg)}.result{display:none}.result.show{display:block}
.signupSheet{position:fixed;right:0;top:0;bottom:0;width:min(420px,94vw);background:#fff;z-index:120;padding:30px;box-shadow:-20px 0 60px #25005933;transform:translateX(110%);transition:.35s;overflow-y:auto}.signupSheet.open{transform:none}.signupSheet input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;margin:10px 0}
@media(max-width:1000px){.head{grid-template-columns:1fr}.nav{flex-wrap:wrap;padding-bottom:14px}.heroBox,.interactive,.rewardTop,.spinPromo,.prime,.compare,.impact,.delivery{grid-template-columns:1fr}.categories{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(3,1fr)}.journey{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){h1{font-size:44px}.heroText{padding:34px 24px}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:1fr 1fr}.value{grid-template-columns:1fr 1fr}.journey,.benefits,.nutrition{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}.accountTease{display:none}}

/* V3 realism + motion */
body{background:#fcfbfe}
.heroBox{background:linear-gradient(120deg,#fff 0 50%,#eee5ff 50%);box-shadow:0 24px 70px rgba(45,0,111,.08)}
.prodimg,.pic{position:relative;overflow:hidden}
.prodimg:after,.pic:after{content:"";position:absolute;inset:auto -25% -45% -25%;height:65%;background:rgba(255,255,255,.65);filter:blur(18px);transform:rotate(-8deg)}
.product{transition:.25s ease}.product:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(45,0,111,.12)}
.category{transition:.22s}.category:hover{transform:translateY(-5px);border-color:#cdb8ff}
.liveChip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:11px;font-weight:900;box-shadow:0 8px 22px rgba(45,0,111,.08)}
.liveDot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(217,244,90,.7);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 9px rgba(217,244,90,0)}}
.jump{animation:jump 2.8s ease-in-out infinite}.jump2{animation:jump 3.4s ease-in-out infinite .4s}.jump3{animation:jump 3s ease-in-out infinite .8s}
@keyframes jump{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-12px) rotate(-2deg)}55%{transform:translateY(-9px) rotate(2deg)}}
.orbit{position:absolute;width:52px;height:52px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 14px 35px rgba(45,0,111,.16)}
.o1{left:12%;top:15%}.o2{right:12%;top:25%}.o3{left:16%;bottom:15%}.o4{right:14%;bottom:12%}
.demoStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.demoMini{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;transition:.25s}.demoMini:hover{transform:translateY(-4px)}
.demoMini b{display:block;font-size:13px}.demoMini small{color:var(--muted)}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:#111;color:#fff;border-radius:999px;padding:12px 18px;z-index:150;font-size:12px;font-weight:800;transition:.3s}.toast.show{transform:translate(-50%,0)}
.cartBubble{position:absolute;right:-7px;top:-7px;background:#fff;color:var(--p);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:950}
.bag{position:relative}
@media(max-width:650px){.demoStrip{grid-template-columns:1fr}}

/* V4 visual demo imagery */
.photo{height:100%;width:100%;position:relative;overflow:hidden;background:linear-gradient(145deg,#f7f2eb,#eee6dc)}
.photo:before{content:"";position:absolute;inset:10%;border-radius:22px;background:var(--photo-bg,#eee);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.photo:after{content:attr(data-label);position:absolute;left:12px;bottom:10px;background:rgba(255,255,255,.92);padding:5px 8px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.3px}
.ph-fruit{--photo-bg:radial-gradient(circle at 35% 45%,#ffd75d 0 14%,transparent 15%),radial-gradient(circle at 53% 50%,#f6c93e 0 15%,transparent 16%),radial-gradient(circle at 66% 43%,#ffe16b 0 13%,transparent 14%),linear-gradient(145deg,#e8f2d9,#cfe1b7)}
.ph-milk{--photo-bg:linear-gradient(90deg,transparent 25%,#fff 25% 65%,transparent 65%),linear-gradient(#d9ecff,#dcecff)}
.ph-bakery{--photo-bg:radial-gradient(ellipse at 50% 55%,#dca85f 0 28%,#b97a36 29% 34%,transparent 35%),linear-gradient(#f7ead4,#ead6b8)}
.ph-snack{--photo-bg:linear-gradient(110deg,transparent 30%,#6f36c9 30% 68%,transparent 68%),linear-gradient(#efe5ff,#ddd0f4)}
.ph-drink{--photo-bg:linear-gradient(90deg,transparent 33%,#f3a83d 33% 62%,transparent 62%),linear-gradient(#fff2d8,#f3dfb8)}
.ph-home{--photo-bg:linear-gradient(90deg,transparent 28%,#82a7d8 28% 44%,transparent 44% 51%,#f3f3f3 51% 68%,transparent 68%),linear-gradient(#eaf0f7,#dbe4ef)}
.ph-care{--photo-bg:linear-gradient(90deg,transparent 35%,#e7a7c5 35% 61%,transparent 61%),linear-gradient(#f8e9f0,#ead6e0)}
.ph-healthy{--photo-bg:radial-gradient(circle at 45% 45%,#74a950 0 20%,transparent 21%),radial-gradient(circle at 60% 57%,#b7d875 0 18%,transparent 19%),linear-gradient(#e9f4d9,#d7e8be)}
.product .prodimg{padding:0}.product .prodimg .photo:before{inset:7%}
.visualFeature{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;margin-top:24px}
.visualStage{min-height:330px;border-radius:24px;background:linear-gradient(145deg,#eee5ff,#fff);position:relative;overflow:hidden;border:1px solid var(--line)}
.visualStage .bagMock{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);width:180px;height:145px;border-radius:25px 25px 55px 55px;background:var(--p);box-shadow:0 25px 55px rgba(45,0,111,.2)}
.visualStage .item{position:absolute;width:76px;height:92px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(45,0,111,.12);display:grid;place-items:center;font-size:30px}
.visualStage .i1{left:12%;top:15%}.visualStage .i2{right:12%;top:18%}.visualStage .i3{left:15%;bottom:12%}.visualStage .i4{right:14%;bottom:10%}
.visualStage .tag{position:absolute;background:var(--lime);padding:8px 11px;border-radius:999px;font-size:10px;font-weight:950}
.visualStage .t1{top:16px;left:50%;transform:translateX(-50%)}.visualStage .t2{bottom:18px;left:50%;transform:translateX(-50%)}
@media(max-width:800px){.visualFeature{grid-template-columns:1fr}}

/* V5 — stronger lower-half design, reward market, designed wheel + popup */
.spinUpgrade{min-height:500px}.rewardPills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.rewardPills span{border:1px solid #ffffff30;background:#ffffff0d;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900}

/* Real Spin & Win wheel — ported from rewards/spin.blade.php so homepage and the standalone page match exactly */
.wheel-stage-real{position:relative;display:grid;place-items:center;padding:20px}
.spin-glow{position:absolute;width:94%;height:94%;border-radius:50%;background:#d7f35f;filter:blur(55px);opacity:.2}
.wheel-pointer-new{position:absolute;z-index:12;top:calc(var(--size) * .006);left:50%;transform:translateX(-50%);width:calc(var(--size) * .123);height:calc(var(--size) * .145);background:#d7f35f;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 7px 4px #26006d44)}
.wheel-frame{--size:470px;position:relative;width:var(--size);aspect-ratio:1;border-radius:50%;padding:calc(var(--size) * .036);background:#26006d;box-shadow:0 24px 60px #26006d3d,0 0 0 8px #e9d6ff}
.wheel-frame.mini{--size:220px}
.wheel-frame:before{content:"";position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#d7f35f 0 2deg,transparent 2deg 30deg);z-index:1;pointer-events:none}
.prize-wheel{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:5px solid #fff;transition:transform 4.6s cubic-bezier(.12,.72,.08,1);z-index:2}
.prize-wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffffff42,transparent 24%,transparent 70%,#26006d38);pointer-events:none}
.prize-label{--angle:calc(360deg / var(--segments) * var(--i));position:absolute;z-index:3;left:50%;top:50%;width:calc(var(--size) * .24);min-height:calc(var(--size) * .09);display:flex;align-items:center;justify-content:center;text-align:center;font-size:calc(var(--size) * .0145);line-height:1.15;font-weight:900;padding:calc(var(--size) * .012) calc(var(--size) * .017);border-radius:8px;background:#26006d24;color:#fff!important;text-shadow:0 1px 3px #26006d!important;overflow-wrap:anywhere;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--size) * -.29))}
.prize-label:nth-child(even){background:#ffffff38}
.wheel-hub{position:absolute;z-index:8;inset:35%;border-radius:50%;background:linear-gradient(145deg,#fff,#eee8ff);box-shadow:0 8px 22px #26006d55,0 0 0 8px #ffffff80;display:grid;place-items:center;color:#5b2eff;font:800 calc(var(--size) * .068) Poppins,sans-serif;pointer-events:none}
.wheel-hub small{position:absolute;bottom:calc(var(--size) * .038);font:800 calc(var(--size) * .0102) Inter,sans-serif;letter-spacing:.13em;color:#26006d}
.prize-count-real{margin-top:14px;background:#fff;border:1px solid #e7e4ec;border-radius:999px;padding:8px 14px;color:#6c6875;font-size:.72rem;font-weight:700}
@media(max-width:600px){.wheel-frame{--size:min(88vw,390px)!important}}
.wheelScene{position:relative;overflow:hidden}.labeledWheel{position:relative;background:conic-gradient(var(--lime) 0 45deg,#fff 45deg 90deg,#6d3cf0 90deg 135deg,#fff 135deg 180deg,var(--lime) 180deg 225deg,#fff 225deg 270deg,#6d3cf0 270deg 315deg,#fff 315deg)!important}
.wheelPointer,.modalPointer{position:absolute;z-index:6;color:var(--pd);font-size:38px;top:38px;left:50%;transform:translateX(-50%)}
.wl{position:absolute;font-size:9px;font-weight:950;color:#201136;text-align:center;line-height:1.05;z-index:2}.w1{left:50%;top:8%;transform:translateX(-50%)}.w2{right:14%;top:23%;transform:rotate(45deg)}.w3{right:9%;top:49%;transform:rotate(90deg)}.w4{right:18%;bottom:18%;transform:rotate(135deg)}.w5{left:50%;bottom:7%;transform:translateX(-50%) rotate(180deg)}.w6{left:15%;bottom:19%;transform:rotate(225deg)}.w7{left:8%;top:49%;transform:rotate(270deg)}.w8{left:17%;top:22%;transform:rotate(315deg)}
.wheelStand{position:absolute;width:120px;height:30px;background:var(--pd);border-radius:50%;bottom:34px;left:50%;transform:translateX(-50%)}.spark{position:absolute;font-size:28px;color:var(--p);animation:twinkle 2.2s infinite}.sp1{left:13%;top:14%}.sp2{right:12%;top:18%;animation-delay:.6s}.sp3{right:17%;bottom:16%;animation-delay:1.1s}@keyframes twinkle{50%{transform:scale(1.45) rotate(20deg);opacity:.45}}
.rewardMarketSection{background:#f6f0ff}.rewardMarketHero{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:end}.rewardMarketHero h2{font-size:48px;margin:8px 0;letter-spacing:-2px}.rewardMarketHero h2 span{color:var(--p)}.rewardMarketHero p{color:var(--muted);max-width:600px}.walletCard{background:var(--pd);color:#fff;border-radius:22px;padding:24px}.walletCard small,.walletCard span{color:#ddd0ff}.walletCard strong{display:block;font-size:38px;margin:8px 0;color:var(--lime)}.walletProgress{height:8px;background:#ffffff1f;border-radius:99px;margin:12px 0}.walletProgress i{display:block;height:100%;background:var(--lime);border-radius:99px}
.rewardShop{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.rewardItem{background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;position:relative;transition:.25s}.rewardItem:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2d006f16}.rewardItem small{color:var(--p);font-weight:900;font-size:9px}.rewardItem h3{margin:6px 0}.rewardItem p{font-size:11px;color:var(--muted);min-height:32px}.rewardVisual{height:170px;border-radius:16px;margin-bottom:15px;display:grid;place-items:center;position:relative;overflow:hidden}.rv-delivery{background:#e9e1ff}.rv-voucher{background:var(--lime)}.rv-product{background:#f4ebff}.rv-double{background:var(--pd);color:#fff}.rewardIcon{font-size:62px}.rewardVisual>b{position:absolute;right:14px;top:14px;background:#fff;padding:7px;border-radius:10px}.ticket{background:#fff;border-radius:15px;padding:16px 28px;text-align:center;font-weight:900;box-shadow:0 12px 25px #2222}.ticket strong{font-size:35px}.miniProduct{font-size:65px}.giftPlus{position:absolute;right:25px;bottom:22px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-weight:950}.rv-double strong{font-size:65px;color:var(--lime)}.rv-double span{position:absolute;bottom:30px;font-size:11px;font-weight:900}.rewardTag{position:absolute;right:22px;top:22px;background:var(--pd);color:#fff;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:950}.redeem{width:100%;border:0;background:var(--pd);color:#fff;border-radius:11px;padding:11px;font-weight:900}.redeem:disabled{background:#ddd;color:#777;cursor:not-allowed}
.missionSection{background:#fff}.missionGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px}.missionIntro h2{font-size:42px;margin:8px 0}.missionIntro p{color:var(--muted)}.tierOrb{height:300px;position:relative;display:grid;place-items:center}.orbRing{width:170px;height:170px;border-radius:50%;border:16px solid var(--lav);outline:3px solid var(--p);display:grid;place-items:center;align-content:center;background:#fff}.orbRing strong{font-size:35px;color:var(--p)}.orbRing span{font-size:9px;font-weight:950}.orbitBadge{position:absolute;background:var(--lime);border-radius:50%;width:72px;height:72px;display:grid;place-items:center;align-content:center;font-weight:950;box-shadow:0 12px 25px #2d006f18}.orbitBadge small{font-size:7px}.ob1{left:8%;top:15%}.ob2{right:8%;top:25%}.ob3{left:15%;bottom:3%}.missions{display:flex;flex-direction:column;gap:12px}.missionCard{display:grid;grid-template-columns:65px 1fr 70px;gap:15px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:17px;background:#fff}.missionIcon{width:58px;height:58px;border-radius:17px;background:var(--lav);display:grid;place-items:center;font-size:28px}.missionCard small{font-size:8px;font-weight:950;color:var(--p)}.missionCard h3{margin:3px 0}.missionCard p{margin:4px 0;color:var(--muted);font-size:10px}.missionProgress{height:7px;background:#eee;border-radius:99px;margin:9px 0 5px}.missionProgress i{display:block;height:100%;background:var(--p);border-radius:99px}.missionCard b{font-size:9px}.missionPrize{text-align:center;color:var(--p);font-size:20px;font-weight:950}.missionPrize span{font-size:8px}
.missionCard.missionSoon{grid-template-columns:65px 1fr;border-style:dashed;background:var(--soft)}.missionCard.missionSoon .missionIcon{background:#fff}
.primeShowcase{background:#f7f3fb}.primeStage{min-height:480px;border-radius:30px;background:var(--pd);color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:45px}.primeCopy{max-width:460px;z-index:2}.primeCopy h2{font-size:45px;margin:8px 0}.primeCopy p{color:#ddd0ff}.primePhone{width:280px;background:#fff;color:#111;border-radius:35px;padding:20px;margin:auto;box-shadow:0 30px 60px #13002f80;transform:rotate(3deg)}.phoneTop{display:flex;justify-content:space-between;font-size:11px;font-weight:900}.phoneTop b{background:var(--lime);padding:5px 7px;border-radius:999px}.primeSaved{margin:22px auto;padding:22px;border-radius:20px;background:var(--lav);text-align:center}.primeSaved small{font-size:9px;font-weight:950;color:var(--p);letter-spacing:1px}.primeSaved strong{display:block;font-size:28px;color:var(--p);margin:4px 0}.primeSaved span{font-size:10px;color:var(--muted)}.primeStats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primeStats div{background:var(--lav);border-radius:12px;padding:11px;text-align:center}.primeStats b{display:block;font-size:20px}.primeStats span{font-size:8px}.primeFloat{position:absolute;background:var(--lime);color:#111;padding:10px 13px;border-radius:12px;font-size:9px;font-weight:950}.pf1{right:34%;top:12%;animation:float 3s infinite}.pf2{right:5%;bottom:15%;animation:float 3.4s .4s infinite}
.healthyExperience{background:#fff}.healthyV2{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;border-radius:30px;background:#eef6d5;padding:40px;align-items:center}.healthCopy h2{font-size:42px;margin:8px 0}.healthCopy p{color:#5e6750}.healthToggleRow{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:11px}.healthProduct{background:#fff;border-radius:25px;padding:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center}.healthPack{height:260px;border-radius:18px;background:linear-gradient(145deg,#6e3bd3,#2d006f);color:#fff;display:grid;place-items:center;align-content:center;transform:rotate(-3deg)}.healthPack strong{font-size:35px;color:var(--lime)}.healthPack span{font-size:10px}.healthInfo h3{font-size:26px;margin:6px 0}.healthInfo>strong{color:var(--p)}.healthScore{display:none;margin-top:12px;background:var(--lime);padding:10px;border-radius:12px;font-size:26px;font-weight:950}.healthScore span{font-size:10px;margin-left:8px}.healthyV2.enabled .healthScore{display:block}.healthyV2.enabled .nutrition{display:grid}
.healthTags{display:none;gap:8px;flex-wrap:wrap;margin-top:14px}.healthTags span{background:var(--lime);color:#141200;font-weight:900;font-size:11px;padding:7px 12px;border-radius:999px}.healthyV2.enabled .healthTags{display:flex}.healthyV2.enabled .healthProduct{box-shadow:0 0 0 3px var(--lime)}.healthProduct{transition:box-shadow .25s}
.impactVisualSection{background:#faf9fc}.impactVisualGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.impactVisual{border-radius:28px;padding:25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:330px}.donationVisual{background:#fff0d8}.recycleVisual{background:#edf5d2}.impactArt{height:240px;position:relative;display:grid;place-items:center}.box3d{width:130px;height:130px;background:#fff;border-radius:20px;display:grid;place-items:center;align-content:center;font-size:45px;box-shadow:15px 15px 0 #e5c38f}.box3d span{font-size:8px;font-weight:950}.smallBox{position:absolute;width:50px;height:50px;background:#fff;border-radius:10px}.sb1{left:5%;top:12%;transform:rotate(-12deg)}.sb2{right:4%;bottom:15%;transform:rotate(12deg)}.recycleCircle{width:150px;height:150px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:75px;color:#577321}.coin{position:absolute;width:58px;height:58px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:950}.c1{left:8%;top:12%}.c2{right:8%;bottom:12%}.impactVisual h2{font-size:28px;margin:6px 0}.impactVisual p{font-size:11px;color:#665f5b}
.deliveryFinal{background:#fff}.deliveryScene{background:var(--lav);border-radius:30px;display:grid;grid-template-columns:1fr 1fr;min-height:370px;overflow:hidden}.deliveryCopy{padding:45px}.deliveryCopy h2{font-size:40px;margin:8px 0}.roadScene{position:relative;background:#e8ddff;overflow:hidden}.deliveryCopy{display:flex;flex-direction:column;justify-content:center}.deliveryCopy .loc{width:100%}.deliveryCopy .loc input{min-width:0}
.deliveryDetected{background:#fff;border:1px solid var(--p);color:var(--p);font-weight:800;font-size:12px;padding:12px 16px;border-radius:12px;margin-top:12px}.deliveryDetected.miss{border-color:#c99;color:#8b1515}.road{position:absolute;width:130%;height:85px;background:#fff;left:-15%;top:48%;transform:rotate(-12deg);border-top:2px dashed #c9b5ef;border-bottom:2px dashed #c9b5ef}.storePin,.homePin{position:absolute;width:70px;height:70px;border-radius:22px;display:grid;place-items:center;font-size:30px;font-weight:950;box-shadow:0 12px 25px #2d006f22}.storePin{left:12%;top:18%;background:var(--pd);color:#fff}.homePin{right:12%;bottom:18%;background:var(--lime)}.scooter{position:absolute;left:42%;top:47%;font-size:50px;transform:translate(-50%,-50%)}.scooter span{display:block;background:#fff;padding:5px 7px;border-radius:8px;font-size:7px;font-weight:950;text-align:center}
.spinModalCard{width:min(980px,96vw);background:#fff;border-radius:30px;position:relative;overflow:hidden}.spinClose{position:absolute!important;right:18px!important;top:16px!important;z-index:20}.modalBrand{padding:17px 24px;font-size:22px;font-weight:950;color:var(--pd);border-bottom:1px solid var(--line)}.modalBrand span{font-size:8px;background:var(--lime);padding:5px 7px;border-radius:999px;margin-left:7px}.spinBefore{display:grid;grid-template-columns:1.05fr .95fr;min-height:540px}.modalWheelZone{background:var(--lav);display:grid;place-items:center;position:relative;overflow:hidden}.modalGlow{position:absolute;width:430px;height:430px;border-radius:50%;background:#fff;opacity:.55}.modalPointer{top:54px}.bigWheel{width:360px!important;height:360px!important;z-index:3;margin:0!important;box-shadow:0 25px 50px #2d006f25}.modalCopy{padding:60px 42px;display:flex;flex-direction:column;justify-content:center;text-align:left}.modalKicker{font-size:9px;font-weight:950;color:var(--p);letter-spacing:1.3px}.modalCopy h2{font-size:52px;line-height:.95;letter-spacing:-2.5px;margin:12px 0}.modalCopy h2 em{font-style:normal;color:var(--p)}.modalCopy p{color:var(--muted)}.megaSpin{border:0;background:var(--pd);color:#fff;border-radius:14px;padding:16px 20px;font-size:15px;font-weight:950;display:flex;justify-content:space-between;align-items:center;margin:15px 0;width:100%;text-decoration:none;cursor:pointer}.megaSpin:disabled{opacity:.6;cursor:not-allowed}.megaSpin span{font-size:22px}.modalCopy small{color:var(--muted);font-size:9px}.result{padding:55px;text-align:center;background:linear-gradient(145deg,#fff,#f2e9ff)}.winBurst{display:flex;justify-content:center;gap:15px;align-items:center;color:var(--p);font-weight:950}.wonCoin{width:190px;height:190px;border-radius:50%;background:var(--lime);border:12px solid var(--pd);margin:18px auto;display:grid;place-items:center;align-content:center;font-size:22px;line-height:1.15;font-weight:950;color:var(--pd);box-shadow:0 20px 45px #2d006f28;text-align:center;padding:10px;overflow-wrap:anywhere}.wonCoin span{font-size:12px}.result h2{font-size:34px;margin:8px}.result p{color:var(--muted)}.claimPreview{max-width:420px;margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;justify-content:space-between;font-size:11px}.claimPreview b{color:var(--p)}.result .megaSpin{max-width:420px;margin:15px auto}.signInLink{border:0;background:transparent;color:var(--p);font-weight:900;cursor:pointer}
.redeemSuccess{background:var(--lime)!important;color:#111!important}
@media(max-width:900px){.rewardMarketHero,.missionGrid,.primeStage,.healthyV2,.impactVisualGrid,.deliveryScene,.spinBefore{grid-template-columns:1fr}.rewardShop{grid-template-columns:1fr 1fr}.primePhone{margin-top:25px}.impactVisual{grid-template-columns:1fr}.modalWheelZone{min-height:430px}.modalCopy{padding:35px}}
@media(max-width:600px){.rewardShop{grid-template-columns:1fr}.healthProduct{grid-template-columns:1fr}.missionCard{grid-template-columns:55px 1fr}.missionPrize{grid-column:2}.bigWheel{width:280px!important;height:280px!important}.modalWheelZone{min-height:350px}.modalCopy h2{font-size:40px}}

/* V6 hero + premium wheel */
.heroV6{padding-top:28px}.heroBoxV6{min-height:590px;background:var(--pd);color:#fff;grid-template-columns:.92fr 1.08fr;border:0;position:relative}.heroCopyV6{padding:64px 48px;z-index:3}.heroCopyV6 .ey{color:var(--lime)}.heroEyRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.liveHero{font-size:8px;font-weight:950;border:1px solid #ffffff30;padding:7px 9px;border-radius:999px}.liveHero i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:5px}.heroCopyV6 h1{font-size:66px;line-height:.94;margin:18px 0}.heroCopyV6 h1 span{color:var(--lime)}.heroCopyV6 p{color:#ded3fa;max-width:560px}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.heroSpinBtn{border:1px solid #ffffff35;background:#ffffff0d;color:#fff;border-radius:11px;padding:11px 14px;font-weight:900;cursor:pointer}.heroSpinBtn b{background:var(--lime);color:#111;border-radius:999px;padding:5px 7px;font-size:7px;margin-left:7px}.heroRewardBar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #ffffff20;padding-top:20px}.heroRewardBar div{background:#ffffff0a;border-radius:12px;padding:11px}.heroRewardBar strong{display:block;color:var(--lime)}.heroRewardBar span{font-size:8px;color:#d8cdf4}
.heroCommerce{position:relative;overflow:hidden;min-height:590px}.heroBlob{position:absolute;width:520px;height:520px;background:var(--lav);border-radius:50%;right:-70px;top:35px}.heroBag{position:absolute;width:250px;height:230px;background:var(--p);border-radius:35px 35px 75px 75px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-3deg);box-shadow:0 35px 70px #13002f55}.bagHandle{position:absolute;width:155px;height:80px;border:15px solid var(--pd);border-bottom:0;border-radius:100px 100px 0 0;left:47px;top:-55px}.bagLogo{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);font-size:65px;font-weight:950;color:#ffffff25}.grocery{position:absolute;top:-58px;background:#fff;color:#111;border-radius:12px 12px 5px 5px;display:grid;place-items:center;font-size:8px;font-weight:950}.gMilk{width:62px;height:130px;left:32px}.gBread{width:70px;height:105px;left:94px;background:var(--lime)}.gFruit{width:66px;height:145px;right:24px;background:#eadcff}.dealCard{position:absolute;background:#fff;color:#111;border-radius:15px;padding:12px 14px;box-shadow:0 16px 35px #25005925;z-index:5}.dealCard small{display:block;font-size:7px;color:var(--p);font-weight:950}.dealCard b{display:block;font-size:20px}.dealCard span{font-size:8px;color:var(--muted)}.dc1{left:6%;top:16%;transform:rotate(-4deg)}.dc2{right:4%;bottom:14%;transform:rotate(4deg)}.miniWheelHero{position:absolute;width:120px;height:120px;right:7%;top:10%;z-index:6;display:grid;place-items:center;cursor:pointer;border:0;background:none;padding:0}.mwDisk{position:absolute;inset:0;border-radius:50%;border:8px solid #fff;background:conic-gradient(var(--lime) 0 45deg,#fff 45deg 90deg,var(--p) 90deg 135deg,#fff 135deg 180deg,var(--lime) 180deg 225deg,#fff 225deg 270deg,var(--p) 270deg 315deg,#fff 315deg);box-shadow:0 12px 30px #2d006f30}.mwPointer{position:absolute;top:-14px;z-index:4;color:var(--pd)}.miniWheelHero>span{z-index:3;color:var(--pd);font-size:9px;font-weight:950;text-align:center;background:#fff;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.heroProduct{position:absolute;width:62px;height:62px;background:#fff;border-radius:18px;display:grid;place-items:center;font-size:30px;box-shadow:0 14px 28px #2d006f20}.hp1{left:10%;bottom:14%;transform:rotate(-8deg)}.hp2{right:12%;top:38%;transform:rotate(7deg)}.hp3{left:15%;top:39%;transform:rotate(5deg)}.heroQuick{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:0 0 20px 20px;overflow:hidden}.heroQuick>div,.heroQuick>a{background:#fff;padding:16px;display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none}.heroQuick b{font-size:11px}.heroQuick small{font-size:8px;color:var(--muted)}
.spinModalCard{border:1px solid #ffffff22;box-shadow:0 35px 100px #09001380}.modalBrand{display:flex;align-items:center;gap:8px}.modalBrand>b{font-size:24px}.spinStreak{margin-left:auto;background:#fff1df;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:950;color:#8a4300}.modalWheelZone{background:radial-gradient(circle,#fff 0 30%,#eee4ff 31% 60%,#ded0ff 61%)}.modalGlow{width:470px;height:470px;background:#fff;opacity:.4}.wheelHalo{position:absolute;border:1px dashed #9f80dc;border-radius:50%}.wheelHalo.h1{width:430px;height:430px}.wheelHalo.h2{width:490px;height:490px;opacity:.5}.wheelHub{position:absolute;z-index:8;width:68px;height:68px;border-radius:50%;background:var(--pd);color:var(--lime);border:7px solid #fff;display:grid;place-items:center;font-size:29px;font-weight:950;box-shadow:0 8px 25px #2d006f55}.modalPointer{width:54px;height:58px;background:var(--pd);border-radius:14px 14px 28px 28px;display:grid;place-items:center;color:var(--lime);font-size:24px;top:34px;box-shadow:0 8px 18px #2d006f35}.modalPointer span{transform:translateY(5px)}.bigWheel{border:20px solid #fff!important;outline:7px solid var(--pd);box-shadow:0 25px 60px #2d006f40!important}.bigWheel:before{content:"";position:absolute;inset:-11px;border:3px dotted var(--lime);border-radius:50%}.prizeLegend{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.prizeLegend span{background:var(--lav);border-radius:8px;padding:8px;font-size:8px;font-weight:950;color:var(--pd);text-align:center}
@media(max-width:900px){.heroBoxV6{grid-template-columns:1fr}.heroCommerce{min-height:480px}.heroCopyV6 h1{font-size:52px}.heroQuick{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.heroRewardBar{grid-template-columns:1fr}.heroQuick{grid-template-columns:1fr}.heroCopyV6{padding:38px 25px}.heroCopyV6 h1{font-size:43px}}

/* V7 — complete pre-wheel redesign */
.visualCategories{background:#fff}.sectionSplitHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.sectionSplitHead h2,.dealHeader h2{font-size:40px;letter-spacing:-1.7px;margin:7px 0}.categorySearch{border:1px solid var(--line);border-radius:13px;padding:12px 16px;color:var(--muted);font-size:11px;min-width:280px;background:none;text-align:left;cursor:pointer}.catVisualGrid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);grid-template-rows:220px 220px;gap:13px}.catHero{grid-row:1/3;border-radius:26px;overflow:hidden;position:relative;background:#eaf3d9;color:inherit;text-decoration:none;display:block}.catPhoto{height:100%;position:relative}.fruit{position:absolute;border-radius:50%;box-shadow:inset -10px -12px 20px #0001}.fA{width:150px;height:150px;background:#e94542;left:14%;top:18%}.fB{width:115px;height:115px;background:#ffcf45;right:16%;top:26%}.fC{width:125px;height:125px;background:#ef7457;left:38%;bottom:8%}.leaf{position:absolute;width:100px;height:45px;background:#6e9d3f;border-radius:100% 0 100% 0;left:41%;top:13%;transform:rotate(-18deg)}.catLabel{position:absolute;left:20px;right:20px;bottom:18px;background:#fffffff2;border-radius:17px;padding:16px}.catLabel small,.catWide small{font-size:8px;font-weight:950;color:var(--p)}.catLabel b{display:block;font-size:20px}.catLabel span{font-size:10px;color:var(--p);font-weight:900}.catTile{border:1px solid var(--line);border-radius:22px;padding:15px;background:#fff;display:grid;grid-template-rows:1fr auto;transition:.25s;color:inherit;text-decoration:none}.catTile:hover,.catWide:hover{transform:translateY(-5px);box-shadow:0 16px 35px #2d006f12}.catTile>div:last-child b{display:block;font-size:12px}.catTile small{font-size:8px;color:var(--muted)}.bottleVisual{width:68px;height:115px;background:#edf5ff;border-radius:18px 18px 12px 12px;margin:auto;display:grid;place-items:center;align-content:center;border:5px solid #fff;box-shadow:0 12px 25px #1232}.bottleVisual i{width:32px;height:15px;background:#87b9e9;border-radius:5px;margin-bottom:10px}.bottleVisual b{font-size:9px;color:#4c83ba}.breadVisual{width:130px;height:75px;background:#d49b52;border-radius:60px 60px 18px 18px;margin:auto;box-shadow:inset 0 -15px #bd7f38;position:relative}.breadVisual:before,.breadVisual:after{content:"";position:absolute;width:8px;height:42px;background:#f2c887;border-radius:10px;top:10px;transform:rotate(30deg)}.breadVisual:before{left:42px}.breadVisual:after{right:42px}.snackVisual{width:85px;height:115px;background:linear-gradient(145deg,#6b37cf,#3b137d);border-radius:14px 14px 22px 22px;margin:auto;display:grid;place-items:center;color:var(--lime);font-weight:950;transform:rotate(4deg)}.homeVisual{display:flex;justify-content:center;align-items:end;gap:10px}.homeVisual i{display:block;width:55px;height:105px;background:#9fc3e8;border-radius:12px 12px 18px 18px}.homeVisual i+ i{height:85px;background:#eee}.catWide{grid-column:3/5;border-radius:22px;background:#eef6d5;padding:20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;transition:.25s;color:inherit;text-decoration:none}.catWide h3{font-size:24px;margin:5px 0}.catWide p{font-size:9px;color:#5d6750}.catWide button,.catWide span.btnish{border:0;background:var(--pd);color:#fff;border-radius:9px;padding:9px 13px;font-weight:900;display:inline-block}.avocadoVisual{width:145px;height:180px;background:#739d42;border-radius:50% 50% 45% 45%;margin:auto;transform:rotate(8deg);display:grid;place-items:center}.avocadoVisual i{width:80px;height:105px;background:#c9df79;border-radius:50%;display:grid;place-items:center}.avocadoVisual i:after{content:"";width:45px;height:45px;border-radius:50%;background:#8a552e}
.dealExperience{background:#f7f2ff}.dealHeader{display:flex;justify-content:space-between;align-items:end}.dealTimer{background:var(--pd);color:#fff;border-radius:14px;padding:12px 18px;text-align:center}.dealTimer small{display:block;font-size:7px;color:var(--lime)}.dealTimer b{font-size:14px;letter-spacing:1px}.dealShowcase{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-top:24px}.dealFeature{background:#fff;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.dealFeatureArt{background:var(--lime);position:relative;min-height:330px;display:grid;place-items:center}.hugeOff{position:absolute;left:18px;top:15px;font-size:65px;font-weight:950;color:var(--pd);letter-spacing:-5px}.hugeOff small{font-size:25px}.dealBananas{font-size:26px;font-weight:950;color:var(--pd);text-align:center;padding:0 20px;line-height:1.2}.priceSticker{position:absolute;right:18px;bottom:18px;background:#fff;border-radius:999px;padding:9px 13px;font-weight:950}.dealFeatureCopy{padding:30px;display:flex;flex-direction:column;justify-content:center}.dealFeatureCopy>span{font-size:8px;color:var(--p);font-weight:950}.dealFeatureCopy h3{font-size:30px;margin:6px 0}.dealFeatureCopy p{font-size:10px;color:var(--muted)}.oldPrice{text-decoration:line-through;color:#999;font-size:10px}.dealFeatureCopy>strong{font-size:27px;color:var(--pd);margin:3px 0 14px}.quickAdd{border:0;background:var(--p);color:#fff;border-radius:11px;padding:12px;font-weight:950;cursor:pointer}.dealRail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.retailCard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;position:relative}.retailImg{height:190px;border-radius:14px;display:grid;place-items:center}.milkPack{background:#e7f2ff}.juicePack{background:#fff0cf}.breadPack{background:#f1dfc3}.retailImg b{background:#fff;padding:22px 10px;border-radius:10px;box-shadow:0 10px 20px #0001;font-size:9px}.salePill{position:absolute;left:16px;top:16px;background:var(--lime);padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950}.primePill{background:var(--pd);color:#fff}.retailCard small{font-size:7px;color:var(--muted)}.retailCard h4{font-size:11px;margin:5px 0 12px}.retailCard>div:last-child{display:flex;justify-content:space-between;align-items:center}.miniAdd{border:0;width:29px;height:29px;border-radius:50%;background:var(--p);color:#fff;cursor:pointer}.dealMarquee{margin-top:15px;background:var(--pd);color:#fff;border-radius:12px;padding:12px;display:flex;justify-content:space-around;font-size:8px;font-weight:950}.dealMarquee i{color:var(--lime)}
.eventExperience{background:#fff}.eventStage{background:var(--pd);border-radius:30px;min-height:510px;display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;color:#fff}.eventCopyV7{padding:48px}.eventCopyV7 h2{font-size:45px;line-height:1;margin:10px 0}.eventCopyV7 p{color:#ddd0ff}.eventTabsV7{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.eventV7{border:1px solid #ffffff28;background:#ffffff0c;color:#fff;border-radius:999px;padding:9px 11px;font-size:9px;font-weight:900;cursor:pointer}.eventV7.active{background:var(--lime);color:#111}.eventGhost{background:transparent;color:#fff;border:1px solid #ffffff35}.eventDemoV7{position:relative;background:#e9ddff;display:grid;place-items:center}.eventPhone{width:310px;background:#fff;color:#111;border-radius:28px;padding:18px;box-shadow:0 30px 60px #16003540;transform:rotate(2deg);z-index:3}.eventPhoneTop{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:10px}.eventItemsV7{padding:7px 0}.eventItemRow{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee;font-size:9px}.eventItemRow i{width:40px;height:40px;background:var(--lav);border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:20px}.eventTotalV7{display:flex;justify-content:space-between;padding-top:12px;font-size:11px}.eventObject{position:absolute;width:78px;height:78px;background:#fff;border-radius:20px;display:grid;place-items:center;font-size:38px;box-shadow:0 15px 30px #2d006f20}.eo1{left:8%;top:13%;transform:rotate(-8deg)}.eo2{right:8%;top:20%;transform:rotate(8deg)}.eo3{right:11%;bottom:12%;transform:rotate(-6deg)}.eventNote{position:absolute;left:8%;bottom:12%;background:var(--lime);color:#111;border-radius:999px;padding:9px 12px;font-size:8px;font-weight:950}.eventEmpty{font-size:10px;color:var(--muted);padding:14px 0}
.personalExperience{background:#f9f7fc}.personalGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.personalVisual{min-height:520px;position:relative;background:linear-gradient(145deg,#e9ddff,#fff);border-radius:30px;display:grid;place-items:center}.phoneShell{width:310px;background:#fff;border:9px solid #17121d;border-radius:36px;padding:16px;box-shadow:0 30px 55px #2d006f20}.phoneStatus{font-size:7px;display:flex;justify-content:space-between}.helloRow{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.helloRow small{display:block;font-size:7px;color:var(--p);font-weight:950}.helloRow b{font-size:16px}.avatarDemo{width:34px;height:34px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:950}.repeatCard{background:var(--pd);color:#fff;border-radius:16px;padding:12px}.repeatProducts{display:flex;margin-bottom:10px}.repeatProducts span{width:35px;height:35px;background:#fff;border-radius:10px;display:grid;place-items:center;margin-right:-5px}.repeatCard b,.repeatCard small{display:block}.repeatCard small{font-size:8px;color:#ddd0ff}.repeatCard button,.repeatCard a{width:100%;border:0;background:var(--lime);border-radius:8px;padding:8px;margin-top:10px;font-size:8px;font-weight:950;display:block;text-align:center;color:#111;text-decoration:none;cursor:pointer}.forYouLabel{font-size:10px;font-weight:950;margin:15px 0 8px}.phoneProducts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phoneProducts>div{border:1px solid var(--line);border-radius:12px;padding:7px}.pbox{display:block;height:75px;border-radius:8px}.pb1{background:#fff0cf}.pb2{background:#eaf4d8}.phoneProducts b,.phoneProducts small{display:block;font-size:8px;margin-top:5px}.phoneProducts small{color:var(--muted)}.personalFloat{position:absolute;background:#fff;border-radius:12px;padding:10px 12px;font-size:8px;font-weight:950;box-shadow:0 12px 25px #2d006f18}.pfv1{left:8%;top:17%;transform:rotate(-5deg)}.pfv2{right:8%;bottom:18%;background:var(--lime);transform:rotate(5deg)}.personalCopy h2{font-size:43px;line-height:1.02;margin:8px 0}.personalCopy>p{color:var(--muted)}.personalBenefits{margin:22px 0}.personalBenefits>div{display:grid;grid-template-columns:40px 1fr;column-gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.personalBenefits span{grid-row:1/3;color:var(--p);font-weight:950}.personalBenefits b{font-size:12px}.personalBenefits small{color:var(--muted)}
.rewardsBridge{background:#fff}.rewardsUniverse{background:var(--pd);border-radius:30px;min-height:520px;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden}.rewardCopyV7{padding:50px}.rewardCopyV7 h2{font-size:45px;line-height:1;margin:9px 0}.rewardCopyV7 p{color:#ddd0ff}.balanceV7{background:#ffffff0d;border:1px solid #ffffff20;border-radius:18px;padding:18px;margin-top:25px}.balanceV7 small{font-size:7px;color:var(--lime)}.balanceV7 strong{display:block;font-size:38px;color:var(--lime)}.balanceV7 strong span{font-size:11px}.balanceLine{height:8px;background:#ffffff20;border-radius:99px;margin:10px 0}.balanceLine i{display:block;height:100%;background:var(--lime);border-radius:99px}.balanceV7>b{font-size:8px}.rewardOrbitV7{position:relative;background:radial-gradient(circle,#6b3bd0 0 15%,#421690 16% 38%,#2d006f 39%);min-height:520px}.rewardCore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;background:var(--lime);color:#111;display:grid;place-items:center;align-content:center;z-index:3;box-shadow:0 0 0 18px #ffffff10}.rewardCore span{font-size:25px}.rewardCore b{font-size:30px}.rewardCore small{font-size:8px;font-weight:950}.rewardAction{position:absolute;width:105px;height:105px;background:#fff;color:#111;border-radius:24px;display:grid;place-items:center;align-content:center;z-index:4;box-shadow:0 18px 35px #10002655}.rewardAction span{font-size:27px}.rewardAction b{font-size:9px}.rewardAction small{font-size:7px;color:var(--p)}.ra1{left:9%;top:12%;transform:rotate(-5deg)}.ra2{right:8%;top:12%;transform:rotate(5deg)}.ra3{left:9%;bottom:10%;transform:rotate(5deg)}.ra4{right:8%;bottom:10%;transform:rotate(-5deg)}.orbitLines{position:absolute;inset:10%;width:80%;height:80%;fill:none;stroke:#d9f45a;stroke-width:2;stroke-dasharray:5 7;opacity:.7}.referralBannerV7{margin-top:15px;border:1px solid var(--line);border-radius:22px;padding:18px 22px;display:grid;grid-template-columns:auto 1fr .7fr auto;gap:18px;align-items:center}.friendStack{display:flex;align-items:center}.friendStack span{width:42px;height:42px;border-radius:50%;background:var(--lav);border:3px solid #fff;display:grid;place-items:center;margin-left:-8px}.friendStack i{width:28px;height:28px;background:var(--lime);border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:950;margin-left:5px}.referralBannerV7 small{font-size:7px;color:var(--p);font-weight:950}.referralBannerV7 h3{margin:3px 0;font-size:18px}.referralBannerV7 p{font-size:8px;color:var(--muted);margin:0}.refProgressV7 b{font-size:18px;color:var(--p)}.refProgressV7>div{height:7px;background:#eee;border-radius:99px;margin:5px 0}.refProgressV7 i{display:block;height:100%;background:var(--p);border-radius:99px}.refProgressV7 span{font-size:7px;color:var(--muted)}.refLinkBox{display:flex;gap:6px;margin-top:8px}.refLinkBox input{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:9px;background:var(--soft)}.refLinkBox button{border:0;background:var(--p);color:#fff;border-radius:8px;padding:0 10px;font-size:9px;font-weight:900;cursor:pointer}
@media(max-width:1000px){.catVisualGrid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.catHero{grid-row:auto;min-height:400px}.catWide{grid-column:auto}.dealShowcase,.eventStage,.personalGrid,.rewardsUniverse{grid-template-columns:1fr}.dealRail{min-height:300px}.eventDemoV7{min-height:500px}.rewardOrbitV7{min-height:500px}.referralBannerV7{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.sectionSplitHead,.dealHeader{align-items:start;flex-direction:column;gap:12px}.catVisualGrid,.dealRail{grid-template-columns:1fr}.catWide{grid-template-columns:1fr}.dealFeature{grid-template-columns:1fr}.dealMarquee{gap:10px;overflow:hidden}.referralBannerV7{grid-template-columns:1fr}.personalCopy h2,.rewardCopyV7 h2{font-size:36px}}

/* V8 — interactive widgets + redesigned Donation Boxes */
button,.categorySearch,.miniWheelHero,.rewardItem,.catTile,.catHero,.catWide{cursor:pointer}
.widgetPressed{transform:scale(.97)!important}
.widgetFlash{box-shadow:0 0 0 5px rgba(217,244,90,.45)!important}
.donationV8Section{background:#fbf8ff}
.donationV8{min-height:570px;border-radius:32px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;box-shadow:0 25px 60px rgba(45,0,111,.08)}
.donationIntro{padding:52px 45px;display:flex;flex-direction:column;justify-content:center}
.donationIntro h2{font-size:48px;line-height:.96;letter-spacing:-2px;margin:10px 0}
.donationIntro h2 span{color:var(--p)}
.donationIntro>p{color:var(--muted);max-width:480px}
.donationTabs{display:flex;gap:7px;margin:24px 0 18px}
.donTab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:9px;font-weight:950;transition:.2s;cursor:pointer}
.donTab.active{background:var(--pd);color:#fff;border-color:var(--pd)}
.donationPriceRow{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.donationPriceRow>div{background:var(--lav);border-radius:13px;padding:12px}
.donationPriceRow small{display:block;font-size:7px;color:var(--p);font-weight:950}
.donationPriceRow strong{font-size:18px}
.donAdd{border:0;background:var(--p);color:#fff;border-radius:13px;padding:14px 16px;font-weight:950;display:flex;justify-content:space-between;transition:.2s;width:100%;cursor:pointer;text-decoration:none}
.donAdd:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(45,0,111,.18)}
.donationCartState{font-size:8px;color:var(--muted);margin-top:9px;text-align:center}
.donationBuilder{position:relative;min-height:570px;background:linear-gradient(145deg,#efe5ff,#f7f1ff 55%,#e8f3d3);overflow:hidden}
.donationBackdropText{position:absolute;font-size:180px;font-weight:950;color:#ffffff85;letter-spacing:-14px;right:-15px;top:25px}
.donBox3d{position:absolute;width:230px;height:185px;left:50%;top:52%;transform:translate(-50%,-50%);z-index:4;transition:.45s cubic-bezier(.2,.8,.2,1)}
.donBoxFront{position:absolute;inset:45px 0 0;background:var(--pd);border-radius:8px 8px 20px 20px;color:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 30px 45px rgba(45,0,111,.24)}
.donBoxFront b{font-size:20px;color:var(--lime)}.donBoxFront small{font-size:8px;letter-spacing:1px}
.donBoxLid{position:absolute;left:-10px;right:-10px;height:58px;top:15px;background:var(--p);transform:skewX(-13deg);border-radius:8px;z-index:2;display:grid;place-items:center;color:#fff;font-size:28px}
.donBoxSide{position:absolute;right:-27px;top:58px;width:28px;height:115px;background:#421690;transform:skewY(-36deg);border-radius:0 7px 7px 0}
.donItems{position:absolute;inset:0;z-index:3}
.donItem{position:absolute;width:78px;height:92px;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;align-content:center;box-shadow:0 15px 30px rgba(45,0,111,.14);transition:.45s cubic-bezier(.2,.8,.2,1)}
.donItem span{font-size:31px}.donItem b{font-size:7px;margin-top:4px}
.donItem:nth-child(1){left:8%;top:12%;transform:rotate(-8deg)}
.donItem:nth-child(2){right:9%;top:13%;transform:rotate(8deg)}
.donItem:nth-child(3){left:9%;bottom:12%;transform:rotate(6deg)}
.donItem:nth-child(4){right:8%;bottom:12%;transform:rotate(-7deg)}
.donItem:nth-child(5){left:42%;top:7%;transform:rotate(3deg)}
.donItem:nth-child(6){left:43%;bottom:5%;transform:rotate(-3deg)}
.donationBuilder.switching .donItem{transform:translate(0,25px) scale(.85);opacity:.2}
.donationBuilder.switching .donBox3d{transform:translate(-50%,-48%) scale(.93) rotate(-3deg)}
.donImpactCard{position:absolute;right:18px;top:48%;transform:translateY(-50%);background:#fff;border-radius:14px;padding:11px 13px;z-index:7;display:flex;gap:9px;align-items:center;box-shadow:0 12px 28px rgba(45,0,111,.13)}
.donImpactCard small{display:block;font-size:6px;color:var(--p);font-weight:950}.donImpactCard b{font-size:9px}
.impactPulse{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(217,244,90,.8);animation:impactPing 1.7s infinite}
@keyframes impactPing{70%{box-shadow:0 0 0 10px rgba(217,244,90,0)}}
.dragHint{position:absolute;left:18px;bottom:16px;font-size:7px;font-weight:950;color:var(--p)}
.addedDonation .donBox3d{transform:translate(-50%,-50%) scale(1.06)}
.addedDonation .donBoxFront{box-shadow:0 0 0 5px var(--lime),0 30px 45px rgba(45,0,111,.24)}
@media(max-width:900px){.donationV8{grid-template-columns:1fr}.donationBuilder{min-height:520px}}
@media(max-width:560px){.donationIntro{padding:35px 24px}.donationIntro h2{font-size:39px}.donationPriceRow{grid-template-columns:1fr}}

/* real-data additions */
.signInError{background:#fff0ef;border:1px solid #efaaa4;color:#8b1515;border-radius:10px;padding:10px 13px;font-size:11px;margin-top:6px}
.flashNotice{position:fixed;left:50%;top:18px;transform:translateX(-50%);background:#111;color:#fff;border-radius:12px;padding:12px 20px;z-index:200;font-size:12px;font-weight:800;max-width:90vw}
.flashNotice.error{background:#8b1515}
.emptyNote{font-size:11px;color:var(--muted)}

/* Logged-in homepage */
.loggedHero{padding:28px 0 10px;background:#fff}.loggedHeroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.welcomeCommerce{background:var(--pd);color:#fff;border-radius:30px;min-height:600px;padding:52px;position:relative;overflow:hidden}.loggedEy{font-size:8px;font-weight:950;color:var(--lime);letter-spacing:1px}.onlineDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:6px}.welcomeCommerce h1{font-size:60px;line-height:.95;letter-spacing:-2.7px;margin:16px 0}.welcomeCommerce h1 span{color:var(--lime)}.welcomeCommerce>p{color:#ddd0ff;max-width:500px}.loggedActions{display:flex;gap:9px;margin:24px 0;flex-wrap:wrap}
.pointsEarn{position:absolute;right:3%;top:44%;background:var(--lime);color:#111;border-radius:13px;padding:10px 13px;font-weight:950;transform:rotate(5deg);font-size:12px;text-align:center}.pointsEarn small{display:block;font-size:7px;font-weight:800}
.usualBagVisual{height:230px;position:relative;margin-top:10px}.usualBag{position:absolute;width:180px;height:150px;background:var(--p);border-radius:28px 28px 60px 60px;left:50%;bottom:10px;transform:translateX(-50%);display:grid;place-items:center;align-content:center;box-shadow:0 25px 45px #13002f}.usualBag span{font-size:45px;color:#ffffff25;font-weight:950}.usualBag b{font-size:9px}.usualProduct{position:absolute;width:70px;height:82px;border-radius:16px;background:#fff;color:#111;display:grid;place-items:center;align-content:center;font-size:26px;box-shadow:0 15px 30px #13002f55;text-align:center;padding:4px}.usualProduct small{font-size:6px;font-weight:900;margin-top:2px}.up1{left:8%;top:14%;transform:rotate(-7deg)}.up2{right:9%;top:6%;transform:rotate(7deg)}.up3{left:18%;bottom:3%;transform:rotate(4deg)}.up4{right:18%;bottom:0;transform:rotate(-5deg)}
.loggedSide{display:grid;grid-template-rows:auto auto auto;gap:12px}.activeOrderCard,.rewardSnapshot,.spinReadyCard{border-radius:25px;padding:22px;border:1px solid var(--line)}.activeOrderCard{background:#f5f0ff}.orderTop{display:flex;justify-content:space-between;align-items:start}.orderTop small,.etaRow small,.rewardSnapshot small,.spinReadyCard small{display:block;font-size:7px;color:var(--p);font-weight:950}.orderTop>span{background:var(--lime);border-radius:999px;padding:6px 8px;font-size:7px;font-weight:950}.orderRoute{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 5px 7px;position:relative}.orderRoute:before{content:"";position:absolute;left:5%;right:5%;top:5px;height:3px;background:#d7c8ed}.orderRoute i{width:13px;height:13px;background:#ddd;border-radius:50%;z-index:2;display:block}.orderRoute i.done,.orderRoute i.active{background:var(--p)}.orderRoute i.active{box-shadow:0 0 0 6px #d9caff}.orderRouteLabels{display:grid;grid-template-columns:repeat(4,1fr);font-size:7px;color:var(--muted)}.etaRow{display:flex;justify-content:space-between;align-items:end;margin-top:24px}.etaRow strong{font-size:16px}.etaRow button{border:0;background:var(--pd);color:#fff;border-radius:10px;padding:10px;font-weight:900;cursor:pointer}.etaRow a{text-decoration:none}
.rewardSnapshot{background:var(--pd);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.rewardSnapshot small{color:var(--lime)}.rewardSnapshot strong{font-size:28px;color:var(--lime)}.rewardSnapshot strong span{font-size:10px}.rewardSnapshot p{font-size:8px;color:#ddd0ff}.miniRewardRing{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;align-content:center;border:8px solid #ffffff0c;flex:none}.miniRewardRing b{color:#fff}.miniRewardRing span{font-size:6px}
.spinReadyCard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--lime);border-color:transparent}.tinyWheel{width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--p) 0 45deg,#fff 45deg 90deg,var(--pd) 90deg 135deg,#fff 135deg 180deg,var(--p) 180deg 225deg,#fff 225deg 270deg,var(--pd) 270deg 315deg,#fff 315deg);border:4px solid #fff;flex:none}.spinReadyCard small{color:var(--pd)}.spinReadyCard b{font-size:10px}.spinReadyCard button{border:0;background:var(--pd);color:#fff;border-radius:9px;padding:9px 12px;font-weight:950;cursor:pointer}
@media(max-width:950px){.loggedHeroGrid{grid-template-columns:1fr}.welcomeCommerce h1{font-size:42px}}
@media(max-width:600px){.welcomeCommerce{padding:32px 24px}.welcomeCommerce h1{font-size:36px}.loggedActions{flex-direction:column}}

/* Buy again */
.buyAgainSection{background:#fff}.textAction{border:0;background:transparent;color:var(--p);font-weight:950;cursor:pointer;text-decoration:none}.buyAgainGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.againCard{border:1px solid var(--line);border-radius:20px;padding:10px;background:#fff}.againImg{height:150px;border-radius:14px;display:grid;place-items:center;background:var(--lav);color:var(--p);font-weight:900;font-size:13px;text-align:center;padding:8px}.againCard small{font-size:7px;color:var(--p);font-weight:950}.againCard h3{font-size:12px;margin:5px 0 14px}.againCard>div:last-child{display:flex;justify-content:space-between;align-items:center}.loggedAdd{border:0;width:31px;height:31px;border-radius:50%;background:var(--p);color:#fff;font-size:18px;cursor:pointer;flex:none}
.repeatDonation{border:1px solid var(--p);background:var(--lav);color:var(--pd);border-radius:11px;padding:10px 12px;font-size:11px;font-weight:950;margin-top:15px;text-align:left;cursor:pointer;width:100%}
@media(max-width:900px){.buyAgainGrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.buyAgainGrid{grid-template-columns:1fr}}
.detectLocationBtn{margin-top:10px;border:1px solid var(--p);background:#fff;color:var(--p);border-radius:9px;padding:9px 14px;font-weight:800;font-size:12px;cursor:pointer}
.detectLocationBtn:disabled{opacity:.6;cursor:not-allowed}
.locationConfirm{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:12px}
.locationConfirmActions{display:flex;gap:8px;margin-top:8px}
.locationConfirmActions button{border:0;border-radius:8px;padding:8px 12px;font-weight:800;font-size:11px;cursor:pointer}
#confirmLocation{background:var(--p);color:#fff}
#cancelLocation{background:#eee;color:#333}
.locationStatus{font-size:11px;color:var(--muted);margin-top:8px;min-height:14px}
.deliveryResultCard{width:min(420px,92vw);background:#fff;border-radius:24px;padding:36px 32px;position:relative;text-align:center}
.deliveryResultCard .close{position:absolute;right:16px;top:14px;border:0;background:#eee;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px}
.deliveryResultIcon{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-size:28px;font-weight:950}
.deliveryResultIcon.ok{background:var(--lime);color:#141200}
.deliveryResultIcon.soon{background:var(--lav);color:var(--p)}
#deliveryResultTitle{font-size:22px;margin:0 0 8px}
#deliveryResultText{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 18px}
#deliveryResultSignIn{width:100%;justify-content:center;text-decoration:none}
#deliveryResultSignIn[hidden]{display:none}