:root{--bg:#060b16;--panel:#0d172b;--panel2:#0b1426;--line:rgba(154,191,255,.14);--text:#f5f9ff;--muted:#99a8be;--blue:#2594ff;--cyan:#55d4ff;--shadow:0 32px 110px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 700px 550px at 97% 10%,rgba(22,106,206,.11),transparent 70%),#060b16;color:var(--text);font-family:'DM Sans',system-ui,sans-serif;min-width:320px;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}img{max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1250px,calc(100% - 64px));margin-inline:auto}.announcement{min-height:34px;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;background:#071b34;color:#a4d4ff;font-size:10px;font-weight:800;letter-spacing:2px;text-align:center;border-bottom:1px solid rgba(57,150,255,.17)}.announce-dot{width:6px;height:6px;background:#41c5ff;border-radius:50%;box-shadow:0 0 15px #30bfff}.announcement-slash{color:#33648f}.site-header{position:sticky;top:0;z-index:30;background:rgba(5,11,22,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(149,183,255,.11)}.navigation{display:flex;align-items:center;height:81px;gap:55px}.brand{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:900;font-size:23px;letter-spacing:-1.2px;white-space:nowrap}.brand img{height:42px;width:42px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(31,142,255,.35))}.brand-rp{color:#63c4ff}.brand-dot{color:white}.main-nav{height:100%;display:flex;align-items:center;gap:10px;flex:1}.main-nav a{height:100%;display:flex;align-items:center;position:relative;padding:0 15px;color:#b3bed0;font-size:13px;font-weight:700;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:white}.main-nav a.active:after{content:"";height:2px;position:absolute;bottom:0;left:15px;right:15px;background:#48b9ff;box-shadow:0 0 18px #2490fc}.nav-right{display:flex;align-items:center;gap:18px;margin-left:auto}.old-store{font-size:12px;color:#9eafc8;white-space:nowrap}.old-store:hover{color:white}.cart-button{display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:10px;border:1px solid rgba(57,150,255,.35);color:white;background:#10213a;font-size:12px;font-weight:800}.cart-button:hover{border-color:#58b9ff;background:#142b4b}.basket-count{background:#217bed;border-radius:5px;padding:3px 6px;font-size:11px;min-width:20px;text-align:center}.menu-button{display:none;background:transparent;border:0;color:white}.route-page[hidden],.scrim[hidden],.modal-bg[hidden]{display:none!important}.route-page{animation:routeIn .48s cubic-bezier(.2,.8,.2,1) both}@keyframes routeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;isolation:isolate;min-height:590px;display:flex;align-items:center;margin-top:26px;overflow:hidden;background:#09172c;border:1px solid rgba(92,168,252,.22);border-radius:18px;box-shadow:var(--shadow)}.hero-image{position:absolute;inset:0;background-image:url('./assets/expand-rp-city-banner.webp');background-position:center 45%;background-size:cover;z-index:-3;transform:scale(1.02);animation:heroFloat 16s ease-in-out infinite alternate}@keyframes heroFloat{to{transform:scale(1.08)}}.hero-gradient{z-index:-2;position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,17,.97) 0%,rgba(2,9,24,.88) 30%,rgba(2,10,26,.35) 76%,rgba(4,12,26,.15) 100%),linear-gradient(0deg,rgba(3,10,26,.65),transparent 40%)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:1px solid rgba(136,214,255,.1);border-radius:inherit}.hero-copy{padding:95px 7%;max-width:780px}.eyebrow,.section-label{font-size:11px;font-weight:900;letter-spacing:2.3px;color:#72c7ff;display:flex;align-items:center;gap:12px}.eyebrow-line{background:var(--blue);width:24px;height:2px;box-shadow:0 0 12px var(--blue)}.mini-divider{color:#506582}.hero h1,.page-title-block h1{font-family:Outfit,system-ui,sans-serif;font-size:clamp(52px,6.9vw,94px);line-height:.99;letter-spacing:-3px;margin:26px 0 23px;font-weight:900}.hero h1 span,.page-title-block h1 em{font-style:normal;color:#58b8ff;text-shadow:0 0 60px rgba(45,141,255,.32)}.hero p,.page-title-block p{font-size:16px;line-height:1.8;color:#c3d0e5;max-width:590px;margin:0}.hero-actions{display:flex;gap:13px;margin:33px 0 34px;flex-wrap:wrap}.button{border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 22px;font-size:11px;font-weight:900;letter-spacing:.7px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;border:1px solid transparent;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-3px)}.button svg{height:16px;width:16px}.button-primary{background:linear-gradient(105deg,#177af1,#30b2fb);color:white;box-shadow:0 8px 30px rgba(27,120,243,.26)}.button-primary:hover:not(:disabled){box-shadow:0 14px 40px rgba(31,144,255,.42)}.button-ghost{border-color:rgba(210,228,255,.32);color:white;background:rgba(8,17,33,.56)}.button-ghost:hover{background:rgba(36,85,141,.28);border-color:rgba(88,182,252,.7)}.hero-foot{display:flex;align-items:center;gap:10px;color:#a5b8d3;font-size:11px}.hero-foot svg{width:16px;height:16px;color:#78ccff}.hero-foot>span{width:3px;height:3px;border-radius:50%;background:#6982a4}.hero-side{position:absolute;right:21px;bottom:28px;writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;color:#92c1f9;font-weight:800}.welcome-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 80px}.welcome-feature{display:flex;align-items:center;gap:17px;padding:26px 22px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(125deg,#101d34,#0b1426);transition:transform .25s,border-color .25s,background .25s}.welcome-feature:hover{transform:translateY(-5px);border-color:rgba(69,177,255,.55)}.feature-icon{width:43px;height:43px;border-radius:10px;background:#142e4f;display:grid;place-items:center;color:#62c8ff}.welcome-feature span:nth-child(2){display:flex;flex-direction:column;gap:4px}.welcome-feature strong{font-size:13px}.welcome-feature small{font-size:12px;color:var(--muted)}.feature-arrow{margin-left:auto;width:18px;color:#69cbff}.page-container{padding-top:55px;padding-bottom:105px;min-height:70vh}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.1px;font-weight:800;color:#7d8da6;margin-bottom:40px}.breadcrumb a:hover{color:#67c8ff}.breadcrumb span{color:#335273}.breadcrumb b{color:#9bcdfd}.section-label{font-size:11px}.section-label span{color:#778ba8}.page-title-block h1{font-size:clamp(50px,6.2vw,82px);margin:19px 0}.page-title-block p{color:#97abc5;font-size:15px;max-width:650px}.page-title-block{margin-bottom:42px}.sync-status{font-size:12px;color:#91afcc;margin-bottom:18px;min-height:20px}.sync-status.error{color:#ffbba8}.sync-status.online{color:#79d8ff}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-card{position:relative;isolation:isolate;min-height:315px;display:block;overflow:hidden;border-radius:15px;border:1px solid rgba(132,198,254,.17);background:#101a2f;transition:transform .3s,border-color .3s,box-shadow .3s}.category-card:hover{transform:translateY(-7px);border-color:rgba(93,186,255,.72);box-shadow:0 22px 55px rgba(0,0,0,.37),0 0 30px rgba(20,127,248,.11)}.category-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8) saturate(1.1);transition:transform .65s cubic-bezier(.2,.65,.2,1),filter .3s}.category-card:hover .category-photo{transform:scale(1.08);filter:brightness(.95) saturate(1.2)}.category-card:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,7,18,.42) 0%,transparent 33%,rgba(0,5,15,.91) 100%)}.category-overline,.category-info,.category-arrow{position:absolute;z-index:1}.category-overline{top:22px;left:24px;font-size:10px;font-weight:900;letter-spacing:2px;color:#e8f7ff}.category-info{bottom:25px;left:25px;right:70px}.category-info h2{font-family:Outfit,sans-serif;font-size:32px;line-height:1;letter-spacing:-.7px;margin:0 0 9px;text-transform:uppercase}.category-info p{font-size:12px;color:#c0d1e8;margin:0}.category-arrow{bottom:26px;right:27px;border-radius:50%;border:1px solid rgba(177,222,255,.55);width:37px;height:37px;display:grid;place-items:center}.category-arrow svg{width:17px}.products-toolbar{display:flex;align-items:center;gap:13px;margin-bottom:22px;flex-wrap:wrap}.listing-count{font-size:12px;color:#a4b6d0;flex:1;min-width:140px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid rgba(126,170,225,.24);border-radius:9px;background:#0b1528;padding:0 13px;color:#6c9ec9;min-width:220px}.search-box svg{width:18px}.search-box input{outline:none;border:0;background:transparent;color:white;padding:13px 0;width:100%;font-size:12px}.search-box input::placeholder{color:#7790ac}.products-toolbar select{appearance:none;border:1px solid rgba(126,170,225,.24);border-radius:9px;background:#0b1528;color:#dbeaff;padding:13px 16px;font-size:12px;outline:none}.products-toolbar select option{background:#101d33}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border:1px solid rgba(138,180,244,.17);border-radius:13px;overflow:hidden;background:#0c1628;transition:transform .25s,border-color .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);border-color:rgba(70,162,250,.55);box-shadow:0 20px 46px rgba(0,0,0,.3)}.product-photo-wrap{height:175px;position:relative;overflow:hidden;background:#0e203a;display:block;width:100%;border:0;padding:0}.product-photo-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-photo-wrap img{transform:scale(1.07)}.product-tag{position:absolute;top:13px;left:13px;background:rgba(4,16,35,.87);border:1px solid rgba(112,186,255,.3);border-radius:6px;padding:6px 8px;font-weight:800;font-size:9px;letter-spacing:1px}.product-details{padding:19px 17px}.product-category-name{font-size:10px;color:#65baff;letter-spacing:1.2px;font-weight:900;text-transform:uppercase}.product-name{font-family:Outfit,sans-serif;font-size:18px;line-height:1.25;margin:10px 0 22px;min-height:45px}.product-price-row{display:flex;align-items:end;gap:6px;justify-content:space-between}.product-price-row small{display:block;color:#7e8fae;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:3px}.product-price-row b{font-size:18px;color:white}.add-button{border:1px solid rgba(75,166,247,.4);background:#143252;border-radius:8px;color:white;width:40px;height:38px;display:grid;place-items:center;transition:background .2s}.add-button:hover{background:#237dc8}.add-button svg{width:18px}.empty-message{border:1px solid rgba(101,168,242,.27);border-radius:12px;padding:32px;grid-column:1/-1;background:#0c1a30;color:#a7b8d0;line-height:1.7}.empty-message strong{display:block;color:#e9f5ff;margin-bottom:7px}.empty-message a{color:#81d0ff;text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:10px;color:#87c9ff;font-size:12px;font-weight:800;margin-top:35px}.back-link svg{width:16px}.business-hero{position:relative;min-height:280px;margin-bottom:24px;border:1px solid rgba(68,166,254,.26);border-radius:14px;background:linear-gradient(100deg,rgba(3,15,35,.96),rgba(4,18,36,.5)),url('./assets/expand-rp-city-banner.webp') center/cover;display:flex;align-items:center;padding:42px}.business-hero h2{font-family:Outfit,sans-serif;font-size:clamp(36px,5vw,64px);line-height:.98;letter-spacing:-1px;margin:18px 0}.business-hero p{color:#aec5e2;font-size:14px}.business-kicker{color:#65c3ff;font-size:11px;font-weight:900;letter-spacing:1.5px}.faq-list{max-width:920px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list summary{font-weight:800;font-size:16px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#74caff;width:17px}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list p{line-height:1.8;max-width:720px;color:var(--muted);font-size:14px}.faq-list a{color:#82ccff}.footer{border-top:1px solid var(--line);background:#071020}.footer-top{display:flex;align-items:start;gap:100px;padding:60px 0}.footer-brand{margin-right:auto}.footer-brand img{display:inline-block;vertical-align:middle;width:42px;height:42px;object-fit:contain}.footer-brand span{font-family:Outfit,sans-serif;font-weight:900;font-size:23px;vertical-align:middle}.footer-brand p{font-size:12px;line-height:1.8;color:#93a6bf;margin-top:15px}.footer-col{display:flex;flex-direction:column;gap:13px;min-width:120px}.footer-col b{font-size:11px;letter-spacing:1px;margin-bottom:5px}.footer-col a{font-size:12px;color:#94a8c3}.footer-col a:hover{color:#72c9ff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0;color:#748ba9;font-size:10px;letter-spacing:1.3px;font-weight:700}.scrim{position:fixed;inset:0;background:rgba(2,7,17,.76);backdrop-filter:blur(4px);z-index:70}.cart-drawer{position:fixed;right:0;top:0;height:100dvh;width:min(450px,100%);background:#0b1528;border-left:1px solid rgba(101,176,255,.3);z-index:80;display:flex;flex-direction:column;box-shadow:var(--shadow);transform:translateX(105%);visibility:hidden;transition:transform .35s cubic-bezier(.22,.8,.22,1),visibility .35s}.cart-drawer.open{visibility:visible;transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:29px 26px}.drawer-header small{font-size:10px;color:#77bbec;letter-spacing:2px}.drawer-header h2{font-family:Outfit,sans-serif;font-size:23px;letter-spacing:-.5px;margin:8px 0 0}.drawer-header h2 span{color:#6f92ba;font-size:16px}.icon-btn{border:1px solid var(--line);background:#15243b;color:white;border-radius:9px;display:grid;place-items:center;width:38px;height:38px}.drawer-lines{padding:20px 24px;overflow:auto;flex:1}.cart-line{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-line img{height:82px;width:105px;border-radius:7px;object-fit:cover;background:#0d294e}.cart-line strong{font-size:13px;display:block;line-height:1.4}.cart-line b{font-size:13px;color:#68bdff;margin-top:7px;display:block}.qty{display:flex;align-items:center;gap:11px;margin-top:10px}.qty button{display:grid;place-items:center;width:25px;height:25px;color:white;background:#192d47;border:1px solid var(--line);border-radius:5px}.qty button svg{width:13px}.qty span{font-size:12px}.qty .remove{background:transparent;border:0;color:#a0b7cb;font-size:10px;width:auto;padding:0 7px}.drawer-bottom{padding:25px;border-top:1px solid var(--line)}.subtotal{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;font-size:14px;font-weight:700}.subtotal small{display:block;color:#8193ac;font-size:11px;font-weight:400;margin-top:3px}.subtotal b{font-size:21px}.checkout-button{width:100%}.drawer-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#95acc6;margin-top:18px;font-size:11px}.drawer-note svg{width:14px;color:#7cc7ff}.modal-bg{position:fixed;inset:0;z-index:100;background:rgba(1,6,16,.87);display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}.product-modal{position:relative;width:min(850px,100%);max-height:90vh;display:grid;grid-template-columns:1fr 1fr;background:#0d182b;border:1px solid rgba(96,177,255,.32);border-radius:16px;overflow:auto;box-shadow:var(--shadow)}.modal-close{position:absolute;right:15px;top:15px;z-index:2}.modal-visual{min-height:360px;background:#0b2446}.modal-visual img{height:100%;min-height:360px;width:100%;object-fit:cover}.modal-body{padding:55px 32px 35px}.modal-body h2{font-family:Outfit,sans-serif;font-size:32px;line-height:1.12;margin:17px 0 14px}.modal-body>b{display:block;color:#68c3ff;font-size:23px;margin-bottom:20px}.modal-description{white-space:pre-line;font-size:13px;color:#a9bed8;line-height:1.8;max-height:220px;overflow-y:auto;margin-bottom:25px}.modal-add{width:100%}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);border:1px solid rgba(104,181,252,.5);border-radius:10px;background:#0d213c;color:white;padding:15px 22px;z-index:150;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;max-width:calc(100% - 30px);font-size:13px;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{animation:fadeSlide .55s both}@keyframes fadeSlide{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.navigation{gap:23px}.main-nav{gap:0}.main-nav a{padding:0 10px}.old-store{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.container{width:calc(100% - 32px)}.navigation{height:70px;gap:8px}.brand{font-size:21px}.brand img{width:35px;height:35px}.main-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#09182b;border-bottom:1px solid var(--line);height:auto;padding:13px 16px 18px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{height:44px;padding:0 16px}.main-nav a.active:after{left:0;bottom:6px;top:6px;right:auto;width:3px;height:auto}.nav-right{gap:7px}.cart-button{padding:10px}.cart-button span:not(.basket-count){display:none}.menu-button{display:grid;place-items:center;width:40px;height:40px}.hero{min-height:570px;margin-top:15px}.hero-copy{padding:75px 7%}.hero h1{font-size:clamp(48px,9vw,75px)}.hero-gradient{background:linear-gradient(90deg,rgba(3,7,18,.94) 0%,rgba(2,9,24,.85) 45%,rgba(2,10,26,.4) 100%)}.welcome-feature-row{grid-template-columns:1fr;gap:11px;margin-bottom:45px}.welcome-feature{padding:20px}.category-grid{gap:13px}.category-card{min-height:250px}.category-info h2{font-size:25px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{gap:40px;flex-wrap:wrap}.footer-brand{width:100%}.page-container{padding-top:35px}.page-title-block{margin-bottom:30px}}
@media(max-width:500px){.announcement{font-size:8px;letter-spacing:.9px;gap:7px}.announcement-slash{display:none}.hero{min-height:570px}.hero-copy{padding:65px 23px}.hero h1{font-size:46px;letter-spacing:-1.8px}.hero p{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1.2px;gap:8px}.hero-actions{flex-direction:column;align-items:stretch}.button{white-space:normal;text-align:center}.hero-foot{font-size:9px;flex-wrap:wrap}.hero-side{display:none}.page-title-block h1{font-size:49px;letter-spacing:-2px}.category-grid{grid-template-columns:1fr}.category-card{min-height:265px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-photo-wrap{height:124px}.product-details{padding:13px 12px}.product-name{font-size:14px;min-height:54px}.product-price-row b{font-size:15px}.add-button{width:33px;height:34px}.business-hero{padding:23px}.modal-bg{padding:10px}.product-modal{display:block}.modal-visual{min-height:190px;height:220px}.modal-visual img{min-height:190px}.modal-body{padding:25px 22px}.modal-body h2{font-size:24px}.search-box{flex:1;width:100%}.products-toolbar select{flex:1}.footer-top{gap:25px}.footer-col{min-width:95px}.footer-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.route-page,.reveal{animation:none}.button,.category-card,.category-photo,.product-card,.cart-drawer{transition:none}}

/* EXPAND RP · Clean images, animated neon edges & full-window image gallery */
.category-overline,.product-tag{display:none!important}
.category-card,.product-card{position:relative;isolation:isolate;transition:transform .34s cubic-bezier(.18,.75,.26,1),border-color .32s ease,box-shadow .4s ease}
.category-card::before,.product-card::before{content:"";position:absolute;top:0;left:8%;right:8%;height:2px;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(24,131,255,.6),#72e4ff,rgba(24,131,255,.6),transparent);box-shadow:0 0 15px #148cff,0 0 28px rgba(4,161,255,.52);opacity:0;transform:scaleX(.45);transition:transform .4s ease,opacity .35s ease}
.category-card:hover,.category-card:focus-visible{transform:translateY(-7px);border-color:rgba(63,183,255,.95);box-shadow:0 23px 54px rgba(0,0,0,.4),0 0 12px rgba(33,155,255,.45),0 0 30px rgba(18,121,255,.22),inset 0 0 1px rgba(114,225,255,.35)}
.product-card:hover,.product-card:focus-within{transform:translateY(-6px);border-color:rgba(58,180,255,.95);box-shadow:0 22px 42px rgba(0,0,0,.43),0 0 12px rgba(42,149,255,.37),0 0 28px rgba(5,123,255,.19),inset 0 0 1px rgba(118,224,255,.3)}
.category-card:hover::before,.category-card:focus-visible::before,.product-card:hover::before,.product-card:focus-within::before{opacity:1;transform:scaleX(1)}
.category-card:hover .category-arrow{background:#1261b4;box-shadow:0 0 18px rgba(39,164,255,.65);border-color:#71d7ff;transform:translateX(3px)}
.category-arrow{transition:background .28s,border-color .28s,box-shadow .28s,transform .28s}
.product-photo-wrap{cursor:zoom-in;color:#d6f2ff}
.product-photo-cue{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:34px;height:34px;border:1px solid rgba(137,221,255,.8);border-radius:9px;background:rgba(3,18,36,.8);box-shadow:0 0 18px rgba(0,134,255,.2);opacity:0;transform:translateY(7px);transition:opacity .26s,transform .26s,box-shadow .26s}
.product-photo-cue svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.75;fill:none}
.product-card:hover .product-photo-cue,.product-photo-wrap:focus-visible .product-photo-cue{opacity:1;transform:translateY(0);box-shadow:0 0 16px rgba(42,169,255,.45)}
.product-card:hover .product-photo-wrap img{transform:scale(1.065);filter:saturate(1.13)}
.product-photo-wrap:focus-visible,.modal-image-button:focus-visible,.lightbox-close:focus-visible,.lightbox-arrow:focus-visible,.lightbox-thumb:focus-visible{outline:2px solid #78deff;outline-offset:-3px}
.modal-visual{display:flex;min-height:360px}
.modal-image-button{border:0;padding:0;cursor:zoom-in;width:100%;min-height:360px;display:block;position:relative;overflow:hidden;background:#0b2446;color:white}
.modal-image-button img{height:100%;min-height:360px;width:100%;object-fit:cover;transition:transform .38s ease,filter .38s ease}
.modal-image-button:hover img{transform:scale(1.045);filter:brightness(1.08)}
.modal-zoom-label{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(4,18,39,.89);border:1px solid rgba(77,176,255,.76);border-radius:9px;padding:10px 15px;font-size:11px;letter-spacing:1px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:9px;box-shadow:0 0 24px rgba(0,117,255,.24);transition:background .25s,box-shadow .25s}
.modal-zoom-label svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.modal-image-button:hover .modal-zoom-label{background:rgba(8,72,138,.95);box-shadow:0 0 25px rgba(0,151,255,.46)}
.image-lightbox[hidden]{display:none!important}
.image-lightbox{position:fixed;inset:0;z-index:190;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 34%,rgba(15,48,90,.38),transparent 57%),rgba(1,5,13,.985);color:#f3faff;animation:lightboxIn .25s ease-out both}
@keyframes lightboxIn{from{opacity:0;transform:scale(1.013)}to{opacity:1;transform:scale(1)}}
.lightbox-topbar{padding:14px clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(90,162,230,.18);min-height:82px}
.lightbox-heading{min-width:0}.lightbox-kicker{color:#56baff;display:block;letter-spacing:1.7px;font-size:10px;font-weight:800;margin-bottom:5px}
.lightbox-heading h2{font-family:Outfit,sans-serif;font-size:clamp(16px,2vw,23px);font-weight:800;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lightbox-actions{display:flex;gap:18px;align-items:center}.lightbox-counter{font-size:13px;color:#8cb6dd;white-space:nowrap;font-variant-numeric:tabular-nums}
.lightbox-close,.lightbox-arrow{background:rgba(10,40,79,.83);border:1px solid rgba(83,171,255,.5);border-radius:12px;color:#d9f2ff;display:grid;place-items:center;cursor:pointer;transition:background .2s,box-shadow .25s,border-color .25s,transform .25s}
.lightbox-close:hover,.lightbox-arrow:hover{background:rgba(9,91,170,.92);border-color:#77dcff;box-shadow:0 0 25px rgba(4,145,255,.4)}
.lightbox-close{width:45px;height:45px}.lightbox-close svg,.lightbox-arrow svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none}
.lightbox-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px clamp(15px,6vw,80px)}
.lightbox-stage>img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 13px 35px rgba(0,0,0,.68));border-radius:6px}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:56px;z-index:2}
.lightbox-arrow:hover{transform:translateY(-50%) scale(1.04)}.lightbox-arrow[hidden]{display:none!important}
.lightbox-prev{left:clamp(8px,2vw,38px)}.lightbox-next{right:clamp(8px,2vw,38px)}
.lightbox-bottom{min-height:66px;padding:10px clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#8daac9;font-size:11px;border-top:1px solid rgba(90,162,230,.18)}
.lightbox-thumbnails{display:flex;gap:8px;overflow:auto;max-width:65vw;padding:3px}
.lightbox-thumb{height:53px;width:76px;flex:none;padding:2px;border:1px solid rgba(96,151,209,.23);border-radius:7px;background:#071526;opacity:.68;cursor:pointer;transition:opacity .2s,border-color .2s,box-shadow .2s}
.lightbox-thumb:hover,.lightbox-thumb.active{border-color:#58caff;opacity:1;box-shadow:0 0 12px rgba(19,150,255,.3)}
.lightbox-thumb img{width:100%;height:100%;object-fit:cover;border-radius:5px}
@media(max-width:650px){.lightbox-topbar{min-height:68px;padding:10px 14px}.lightbox-heading h2{font-size:17px}.lightbox-kicker{font-size:8px;letter-spacing:1px}.lightbox-close{height:39px;width:39px}.lightbox-actions{gap:9px}.lightbox-stage{padding:14px 10px 22px}.lightbox-arrow{width:35px;height:45px;background:rgba(5,24,48,.68)}.lightbox-arrow svg{width:20px;height:20px}.lightbox-bottom{display:flex;flex-direction:column;gap:7px;justify-content:center;padding:9px 12px}.lightbox-mobile-hint{display:none}.lightbox-thumbnails{max-width:100%;max-height:58px}.lightbox-thumb{width:66px;height:47px}.modal-image-button,.modal-visual{min-height:220px}.modal-image-button img{min-height:220px}}
@media(prefers-reduced-motion:reduce){.category-card,.product-card,.category-card::before,.product-card::before,.product-photo-cue,.modal-image-button img,.modal-zoom-label,.image-lightbox,.lightbox-close,.lightbox-arrow{animation:none!important;transition:none!important}}


/* HOW TO CLAIM - built-in guide for the Expand RP Tebex vehicle redemption flow. */
.claim-layout{padding-top:28px;padding-bottom:72px}
.claim-hero{min-height:345px;overflow:hidden;position:relative;border-radius:17px;border:1px solid rgba(53,161,255,.38);background:#06172e;isolation:isolate;box-shadow:0 26px 80px rgba(0,0,0,.36),0 0 38px rgba(22,127,255,.09)}
.claim-hero-art{position:absolute;inset:0;z-index:-2;background-image:url('./assets/expand-rp-city-banner.webp');background-size:cover;background-position:center 55%;opacity:.57}
.claim-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,9,24,.97) 0%,rgba(3,13,32,.93) 44%,rgba(2,17,48,.33) 100%),linear-gradient(0deg,#051022,transparent 35%)}
.claim-hero-inner{max-width:960px;padding:37px clamp(22px,5.4vw,74px) 43px}
.claim-hero .breadcrumb{margin-bottom:25px}.claim-hero h1{font-family:Outfit,sans-serif;letter-spacing:-2.8px;font-weight:900;font-size:clamp(40px,5.8vw,76px);line-height:.99;margin:13px 0 18px}
.claim-hero h1 em{font-style:normal;color:#4dbbff;text-shadow:0 0 32px rgba(29,149,255,.47)}
.claim-hero p{max-width:610px;color:#c0cde1;font-size:15px;line-height:1.8;margin:0}
.claim-hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.claim-hero-pills span{display:flex;align-items:center;gap:8px;color:#d4eaff;border:1px solid rgba(85,182,255,.31);background:rgba(5,23,51,.65);font-size:11px;font-weight:700;border-radius:100px;padding:8px 12px;white-space:nowrap}.claim-hero-pills svg{width:14px;height:14px;color:#5cbcff}
.claim-section-head{display:flex;align-items:end;justify-content:space-between;margin:55px 0 27px;gap:16px}.claim-section-head h2{font-family:Outfit,sans-serif;font-size:clamp(25px,3vw,36px);font-weight:900;letter-spacing:-1px;margin:13px 0 0}.claim-section-head h2 span{color:#59bfff}.claim-process-hint{color:#4782b5;font-weight:800;letter-spacing:3px;font-size:12px}
.claim-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.claim-step{border:1px solid rgba(66,135,217,.25);border-radius:15px;background:linear-gradient(165deg,rgba(14,35,68,.89),rgba(7,19,37,.95) 66%);padding:28px;min-width:0;position:relative;isolation:isolate;overflow:hidden;transition:border-color .32s,box-shadow .34s,transform .34s}
.claim-step:after{content:'';position:absolute;left:9%;right:9%;top:0;height:2px;background:linear-gradient(90deg,transparent,#23a2ff,#68ddff,transparent);opacity:0;transform:scaleX(.4);transition:opacity .34s,transform .34s}
.claim-step:hover{border-color:rgba(76,171,255,.76);box-shadow:0 12px 35px rgba(0,0,0,.24),0 0 24px rgba(22,132,255,.13);transform:translateY(-3px)}
.claim-step:hover:after{opacity:1;transform:scaleX(1)}
.claim-step-top{display:flex;align-items:center;gap:16px;margin-bottom:18px}.claim-step-top small{display:block;color:#69bfff;font-weight:800;font-size:10px;letter-spacing:1.5px;margin-bottom:5px}.claim-step-top h3{font-family:Outfit,sans-serif;font-size:clamp(20px,2.4vw,25px);letter-spacing:-.45px;margin:0;line-height:1.15}
.claim-num{width:53px;height:53px;flex-shrink:0;border-radius:14px;border:1px solid #4fbaff;display:grid;place-items:center;background:linear-gradient(160deg,#0c5ba1,#09305c 65%);box-shadow:0 0 20px rgba(13,124,254,.29),inset 0 0 20px rgba(82,181,255,.12);font-weight:900;font-size:23px;font-family:Outfit,sans-serif;color:white}
.claim-step>p{font-size:13px;line-height:1.8;color:#b4c4da;margin:0 0 19px}.claim-step>p strong{color:#f5faff}.claim-step code{font-family:ui-monospace,Consolas,monospace;color:#9be1ff;background:rgba(22,82,140,.22);border-radius:4px;padding:2px 4px}
.claim-receipt-preview{border:1px solid rgba(90,170,255,.38);border-radius:12px;background:#fff;display:block;position:relative;width:100%;padding:0;overflow:hidden;text-align:center;line-height:0;cursor:zoom-in;transition:border-color .26s,box-shadow .26s}
.claim-receipt-preview:hover{border-color:#6acfff;box-shadow:0 0 24px rgba(16,132,255,.22)}.claim-receipt-preview img{width:100%;display:block;height:auto;object-fit:contain;transition:transform .35s;filter:contrast(1.01)}.claim-receipt-preview:hover img{transform:scale(1.035)}
.claim-preview-zoom{line-height:1.3;position:absolute;right:10px;bottom:10px;padding:9px 10px;background:#071c36;color:#ccecff;border:1px solid #45aaff;border-radius:8px;font-size:9px;letter-spacing:.7px;font-weight:800;display:flex;align-items:center;gap:7px}.claim-preview-zoom svg{width:13px;height:13px}
.claim-caption{display:block;color:#839fbc;font-size:11px;line-height:1.6;margin-top:10px}
.claim-id-demo,.claim-command-box{background:linear-gradient(110deg,#061426,#0a284a);border:1px solid rgba(66,171,255,.44);border-radius:12px;padding:20px;margin-top:22px;box-shadow:inset 0 0 25px rgba(25,108,205,.08)}
.claim-id-demo>span,.claim-command-box>span{font-size:10px;letter-spacing:1.6px;color:#77baff;font-weight:900}.claim-id-demo>div{margin-top:15px;display:flex;align-items:center;gap:11px;min-width:0}.claim-id-demo svg{color:#69c6ff;width:22px;height:22px}.claim-id-demo code{font-size:clamp(11px,1.55vw,17px);overflow-wrap:anywhere;color:#fff;background:none;padding:0}
.claim-hint{display:flex;align-items:flex-start;gap:10px;color:#b7d3f2;font-size:11px;line-height:1.7;background:rgba(22,113,205,.09);border-left:2px solid #218dec;padding:12px 13px;margin-top:18px;border-radius:0 8px 8px 0}.claim-hint svg{color:#60baff;height:17px;width:17px;margin-top:1px}.claim-hint strong{color:#f3faff}
.claim-character-art{display:flex;align-items:center;gap:17px;margin-top:25px;padding:23px;border:1px solid rgba(70,171,255,.28);border-radius:12px;background:linear-gradient(125deg,rgba(27,82,141,.3),rgba(9,22,42,.6))}.claim-character-avatar{background:rgba(11,103,191,.35);border:1px solid rgba(73,186,255,.5);color:#99dfff;width:64px;height:64px;flex:none;border-radius:14px;display:grid;place-items:center}.claim-character-avatar svg{width:38px;height:38px}.claim-character-art strong{display:block;letter-spacing:.7px;font-size:13px}.claim-character-art small{display:block;font-size:12px;color:#a5b9d2;line-height:1.5;margin-top:5px}.claim-character-check{margin-left:auto;color:#74d9ff;filter:drop-shadow(0 0 8px #158af4)}
.claim-command-line{font-size:clamp(12px,1.5vw,18px);margin-top:14px;overflow-wrap:anywhere}.claim-command-line code{background:none;padding:0;color:#e1f6ff}.claim-command-line b{color:#5abeff;font-weight:700}
.claim-input-label{font-size:11px;font-weight:800;letter-spacing:.5px;display:block;margin:19px 0 10px;color:#daedff}.claim-builder{display:flex;gap:8px}.claim-builder input{min-width:0;flex:1;border:1px solid rgba(80,160,240,.38);border-radius:8px;background:rgba(4,12,27,.7);padding:11px 12px;color:white;font-size:12px;outline:none}.claim-builder input:focus{border-color:#6cc3ff;box-shadow:0 0 0 2px rgba(32,122,235,.18)}.claim-builder button{border:1px solid #47b5ff;border-radius:8px;padding:10px 13px;color:white;background:linear-gradient(110deg,#0d80e1,#1055bc);font-size:11px;font-weight:800;white-space:nowrap}.claim-builder button:hover:enabled{box-shadow:0 0 18px rgba(24,133,255,.43)}.claim-builder button:disabled{opacity:.44}
.claim-wait-graphic{display:flex;gap:20px;align-items:center;border-radius:12px;padding:26px 20px;margin:24px 0 0;background:radial-gradient(circle at 10% 50%,rgba(44,140,255,.17),transparent 45%),#06162b;border:1px solid rgba(42,145,250,.24)}.claim-wait-graphic>svg{width:42px;height:42px;color:#5cbfff;filter:drop-shadow(0 0 12px rgba(48,163,255,.37));stroke-width:1.6}.claim-wait-graphic strong{font-size:12px;letter-spacing:.6px;display:block}.claim-wait-graphic small{display:block;color:#9bacc6;font-size:11px;margin-top:8px;line-height:1.5}
.claim-game-example{position:relative;overflow:hidden;padding:18px;border-radius:12px;border:1px solid rgba(69,143,227,.35);background:linear-gradient(145deg,#405073,#1c2a46 65%);margin:19px 0 13px;display:grid;gap:11px}
.claim-game-example:before{content:'';position:absolute;inset:0;background:linear-gradient(65deg,transparent 0%,rgba(56,104,173,.25) 60%,transparent 75%);pointer-events:none}
.claim-game-notice{position:relative;display:flex;align-items:center;gap:12px;padding:15px;border-radius:12px;background:rgba(8,12,28,.81);box-shadow:0 8px 23px rgba(0,0,0,.24);font-size:12px;line-height:1.4;color:white;max-width:92%}.claim-game-notice-success{max-width:100%}.claim-game-notice small{color:#b6cbe8;font-size:11px}.claim-info-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:100px;background:#237dff;color:white;box-shadow:0 0 12px rgba(3,103,255,.5);font-weight:900;font-size:16px;flex:none}.claim-game-example>small{position:relative;color:#b5c7e1;font-size:10px;line-height:1.5}
.claim-garage-callout{border:1px solid rgba(74,171,255,.45);background:rgba(24,86,149,.15);padding:14px 16px;border-radius:10px;display:flex;gap:14px;align-items:center}.claim-garage-callout>svg{color:#6bcdff;width:31px;height:31px}.claim-garage-callout strong{display:block;font-size:12px;letter-spacing:.6px}.claim-garage-callout small{display:block;font-size:11px;color:#9eb7d2;line-height:1.6;margin-top:3px}
.claim-bottom-banner{margin-top:24px;padding:30px 32px;border:1px solid rgba(47,155,255,.4);border-radius:14px;background:radial-gradient(circle at 90% 50%,rgba(22,135,255,.16),transparent 50%),#07182d;display:flex;align-items:center;justify-content:space-between;gap:30px}.claim-bottom-banner h2{font-family:Outfit,sans-serif;letter-spacing:-.6px;font-size:27px;margin:11px 0 8px}.claim-bottom-banner h2 span{color:#50b9ff}.claim-bottom-banner p{font-size:12px;line-height:1.6;color:#a7bad2;max-width:700px;margin:0}.claim-bottom-banner .button{flex:none}
.claim-image-backdrop[hidden]{display:none!important}.claim-image-backdrop{position:fixed;inset:0;z-index:210;background:rgba(1,5,16,.97);display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;padding:30px 18px}.claim-image-backdrop img{max-width:min(95vw,1180px);max-height:75vh;object-fit:contain;border-radius:10px;box-shadow:0 0 38px rgba(17,137,255,.2)}.claim-image-backdrop small{color:#a6c7e5;font-size:12px;text-align:center}.claim-image-backdrop button{position:absolute;right:25px;top:25px;width:44px;height:44px;border:1px solid #4ba7f8;border-radius:10px;background:#0d2743;color:white;display:grid;place-items:center}.claim-image-backdrop button:hover{box-shadow:0 0 18px rgba(30,143,255,.38)}
@media(max-width:980px){.claim-step{padding:23px}.claim-hero-inner{padding:32px 36px 42px}.claim-step-top h3{font-size:21px}}
@media(max-width:730px){.claim-steps{grid-template-columns:1fr}.claim-hero{min-height:350px}.claim-hero-inner{padding:30px 24px 35px}.claim-hero h1{font-size:clamp(38px,8vw,57px)}.claim-step{padding:23px}.claim-section-head{margin-top:37px}.claim-bottom-banner{flex-direction:column;align-items:flex-start}.claim-bottom-banner .button{width:100%;justify-content:center}}
@media(max-width:400px){.claim-hero h1{font-size:36px;letter-spacing:-1.4px}.claim-hero-pills{gap:7px}.claim-hero-pills span{font-size:10px;padding:7px 9px}.claim-step{padding:17px}.claim-step-top{gap:12px}.claim-step-top h3{font-size:20px}.claim-num{width:45px;height:45px}.claim-builder{flex-direction:column}.claim-builder button{min-height:44px}.claim-id-demo{padding:15px}.claim-id-demo code{font-size:12px}}
@media(prefers-reduced-motion:reduce){.claim-step,.claim-step:after,.claim-receipt-preview img{transition:none!important}}

/* GENUINE PHOTO GALLERY · Real in-game screenshots, enhanced for legibility */
.claim-real-image{display:block;position:relative;width:100%;border-radius:13px;border:1px solid rgba(71,164,255,.4);padding:0;background:#061321;overflow:hidden;cursor:zoom-in;text-align:left;box-shadow:0 14px 35px rgba(0,0,0,.23);transition:transform .27s ease,border-color .27s ease,box-shadow .27s ease}
.claim-real-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .35s ease}
.claim-real-image:hover,.claim-real-image:focus-visible{border-color:#78d9ff;box-shadow:0 0 0 1px rgba(84,189,255,.5),0 0 28px rgba(20,134,255,.24);transform:translateY(-2px)}
.claim-real-image:hover img{transform:scale(1.025);filter:brightness(1.07)}
.claim-real-image:focus-visible{outline:2px solid #78d9ff;outline-offset:3px}
.claim-notice-photo{max-width:100%;margin:17px 0 6px;aspect-ratio:682/456}
.claim-notice-photo img{object-fit:contain;background:#253451}
.claim-location-section{padding-top:48px}
.claim-location-head{margin-top:0!important;align-items:flex-end;gap:25px}
.claim-location-intro{margin:13px 0 0!important;max-width:660px;font-size:13px;line-height:1.85;color:#b4c8e0}
.claim-garage-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:23px}
.claim-photo-card{overflow:hidden;background:linear-gradient(135deg,#0d2139,#081324);border:1px solid rgba(69,154,244,.3);border-radius:15px;transition:border-color .3s,box-shadow .3s,transform .3s;box-shadow:0 16px 32px rgba(0,0,0,.2)}
.claim-photo-card:hover{transform:translateY(-4px);border-color:rgba(82,180,255,.72);box-shadow:0 0 34px rgba(13,125,250,.2)}
.claim-photo-card .claim-real-image{height:232px;border:none;border-radius:0;box-shadow:none}
.claim-photo-card .claim-real-image:hover{transform:none;box-shadow:none}
.claim-photo-card .claim-real-image img{object-fit:cover;object-position:center center}
.claim-photo-map .claim-real-image img{object-position:53% 46%}
.claim-photo-menu .claim-real-image img{object-fit:contain;background:#0b111d}
.claim-photo-label{display:flex;align-items:flex-start;gap:13px;padding:21px 20px 23px}
.claim-photo-number{display:grid;place-items:center;flex:none;border:1px solid rgba(80,192,255,.6);width:37px;height:37px;border-radius:9px;background:linear-gradient(135deg,#0c4275,#0b2c53);color:#8cdaff;font-weight:900;font-family:Outfit,sans-serif;box-shadow:0 0 12px rgba(21,127,250,.16)}
.claim-photo-label h3{font-family:Outfit,sans-serif;font-size:17px;line-height:1.24;margin:0 0 8px;color:#f4f8ff}
.claim-photo-label p{font-size:12px;line-height:1.65;color:#a9bfd9;margin:0}
.claim-photo-label strong{color:#eff9ff}
.claim-guide-note{display:flex;align-items:flex-start;gap:13px;margin-top:16px;padding:16px 19px;border-radius:11px;background:rgba(18,90,171,.14);border:1px solid rgba(46,147,247,.22);color:#c3d6ef}
.claim-guide-note svg{color:#64c0ff;flex:none;margin-top:3px}
.claim-guide-note p{margin:0;font-size:12px;line-height:1.7}
.claim-guide-note strong{color:#f1f8ff}.claim-guide-note code{color:#86d9ff}
.claim-image-backdrop img{max-height:82vh;max-width:min(96vw,1380px)}
@media(max-width:1040px){.claim-garage-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-photo-menu{grid-column:span 2}.claim-photo-menu .claim-real-image{height:300px}}
@media(max-width:680px){.claim-garage-photo-grid{grid-template-columns:1fr}.claim-photo-menu{grid-column:auto}.claim-photo-card .claim-real-image,.claim-photo-menu .claim-real-image{height:220px}.claim-location-head{align-items:flex-start}.claim-location-section{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.claim-real-image,.claim-real-image img,.claim-photo-card{transition:none!important}}

/* Accessible manual cleanup of old baskets where the previous version discarded the checkout ID. */
.drawer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 0;color:#779abf;letter-spacing:1.3px;font-size:10px;font-weight:800}
.clear-basket-btn{border:1px solid rgba(51,158,255,.38);background:rgba(23,89,146,.12);color:#93d6ff;font-weight:700;padding:8px 12px;border-radius:8px;font-size:11px;letter-spacing:.1px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.clear-basket-btn:hover,.clear-basket-btn:focus-visible{background:rgba(19,143,255,.22);border-color:#4ac3ff;box-shadow:0 0 16px rgba(20,148,255,.26)}
.clear-basket-btn[hidden]{display:none!important}

/* ---------------------------------------------------------------
   EXPAND RP · BUILD YOUR EMPIRE · Premium storefront redesign
   No car image labels; modal text comes only from Tebex data.
   --------------------------------------------------------------- */
:root{--neon-strong:#2cbaff;--neon-soft:#89e0ff}
html{scrollbar-color:#137fe3 #061327;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#071225;border-radius:20px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0b65c3,#26baff);border:2px solid #071225;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1598f4,#69dcff)}
/* Full-bleed hero; crop far-right of original city art so its centre logo is not on screen. */
#homePage>.empire-hero{position:relative;min-height:clamp(600px,67vw,760px);overflow:hidden;isolation:isolate;background:#031226}
.empire-skyline{position:absolute;inset:0;z-index:-3;background-image:url('./assets/expand-rp-city-banner.webp');background-position:right 45%;background-size:auto 245%;filter:saturate(1.25) contrast(1.2) brightness(.85);animation:empirePan 19s ease-in-out infinite alternate}
.empire-hero-shading{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,8,23,.98) 0%,rgba(3,13,32,.87) 34%,rgba(2,16,42,.40) 73%,rgba(3,10,24,.35) 100%),linear-gradient(0deg,#06101e 0%,transparent 31%),radial-gradient(ellipse at 74% 63%,rgba(16,135,255,.43),transparent 52%)}
.empire-hero:after{position:absolute;content:'';bottom:0;left:0;right:0;height:2px;box-shadow:0 0 40px 10px rgba(8,111,251,.35);background:linear-gradient(90deg,transparent,#249bff,transparent)}
@keyframes empirePan{from{transform:scale(1)}to{transform:scale(1.035)}}
.empire-inner{min-height:inherit;display:flex;align-items:center}
.empire-hero-copy{width:min(780px,100%);padding:90px 0 95px}
.empire-kicker{display:flex;align-items:center;gap:10px;letter-spacing:3px;color:#81caff;font-size:11px;font-weight:900;margin-bottom:24px}
.empire-kicker:before{content:'';width:30px;height:2px;background:#22b4ff;box-shadow:0 0 13px #11b6ff}
.empire-hero h1{font-family:Outfit,system-ui,sans-serif;font-size:clamp(58px,8vw,126px);letter-spacing:-.066em;line-height:.89;margin:0;font-weight:900;text-shadow:0 8px 32px rgba(0,0,0,.32)}
.empire-hero h1 em{font-style:normal;color:#23aaff;background:linear-gradient(120deg,#bcefff 0%,#60d5ff 34%,#087dff 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 23px rgba(19,129,255,.17))}
.empire-hero-copy>p{max-width:545px;color:#d0dff2;font-size:clamp(15px,1.45vw,20px);line-height:1.65;margin:27px 0 27px}
.empire-hero .hero-actions{gap:12px}
.empire-highlights{display:flex;flex-wrap:wrap;gap:19px 28px;margin-top:43px;color:#a4c8ef;font-size:11px;font-weight:800}
.empire-highlights span{display:flex;align-items:center;gap:9px}
.empire-highlights svg{width:19px;height:19px;stroke:#3abfff;stroke-width:1.7;fill:none;filter:drop-shadow(0 0 7px rgba(14,144,255,.35))}
.empire-home-content{padding-top:56px;padding-bottom:70px}
.empire-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.empire-section-heading h2{font-family:Outfit,sans-serif;font-size:clamp(26px,3vw,39px);line-height:1.15;letter-spacing:-1.4px;margin:10px 0 0}
.empire-section-heading h2 em{font-style:normal;color:#5bc7ff}
.empire-view-all{color:#79cbff;font-size:11px;font-weight:800;letter-spacing:.65px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:color .2s,transform .2s}
.empire-view-all svg{width:18px;height:18px}.empire-view-all:hover{color:#fff;transform:translateX(3px)}
.empire-category-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.empire-quicklink{position:relative;isolation:isolate;overflow:hidden;min-height:210px;border:1px solid rgba(51,127,210,.4);border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:#061a31;transition:transform .3s,border-color .3s,box-shadow .3s}
.empire-quicklink:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,10,24,.96),transparent 78%)}
.empire-quicklink img{z-index:-2;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:transform .45s,filter .4s}
.empire-quicklink span{font-family:Outfit,sans-serif;font-size:22px;font-weight:900;letter-spacing:-.7px}
.empire-quicklink small{margin-top:4px;color:#a3bdd9;font-size:12px}
.empire-quicklink:hover{transform:translateY(-5px);border-color:#60d5ff;box-shadow:0 0 25px rgba(21,147,255,.37),0 20px 45px rgba(0,0,0,.35)}
.empire-quicklink:hover img{transform:scale(1.085);filter:brightness(.95)}
.empire-featured{padding-top:64px}
.empire-featured[hidden]{display:none!important}
/* Cleaner cards: images never carry category, new, popular or promotional badges. */
.product-tag,.category-overline,.product-photo-cue{display:none!important}
.product-card{border-radius:15px;overflow:hidden}
.product-photo-wrap{height:220px}
.product-photo-wrap img{width:100%;height:100%;object-fit:cover}
.product-details{padding:16px 18px 18px}
.product-category-name{display:none!important}
.product-name{min-height:unset;margin:0 0 15px}
/* Wide, restrained package viewer with fixed purchasing area and neon scrollbars. */
.modal-bg{padding:clamp(12px,2.5vh,28px);background:rgba(0,5,16,.89);backdrop-filter:blur(11px)}
.product-modal{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);width:min(1380px,96vw);height:min(840px,92vh);max-height:92vh;overflow:hidden;border:1px solid rgba(53,150,242,.58);border-radius:19px;background:linear-gradient(155deg,#061326,#09172b 70%);box-shadow:0 20px 100px rgba(0,0,0,.85),0 0 37px rgba(3,120,255,.23)}
.modal-close{right:16px;top:15px;z-index:10;background:rgba(4,19,39,.91);border:1px solid rgba(107,185,250,.5)}
.modal-visual{display:flex;flex-direction:column;min-height:0;height:100%;padding:21px;gap:13px;border-right:1px solid rgba(78,150,222,.22);background:linear-gradient(145deg,#06152b,#0a1930)}
.modal-picture-stage{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid rgba(59,159,255,.32);border-radius:13px;background:#020a17;display:flex;align-items:center}
.modal-photo-open{width:100%;height:100%;padding:0;border:0;cursor:zoom-in;background:#041123;color:white;display:block}
.modal-photo-open img{display:block;width:100%;height:100%;object-fit:contain;min-height:0;transition:transform .35s,filter .35s}
.modal-photo-open:hover img{transform:scale(1.025);filter:brightness(1.1)}
.modal-photo-nav,.modal-expand-control{display:grid;place-items:center;position:absolute;border-radius:50%;border:1px solid rgba(74,187,255,.75);background:rgba(2,15,37,.85);color:#e5f6ff;box-shadow:0 0 12px rgba(0,139,255,.25);transition:background .2s,box-shadow .2s}
.modal-photo-nav{top:50%;transform:translateY(-50%);width:43px;height:43px}
.modal-photo-nav.previous{left:12px}.modal-photo-nav.next{right:12px}
.modal-photo-nav svg,.modal-expand-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
.modal-photo-nav:hover,.modal-expand-control:hover{background:#075fae;box-shadow:0 0 23px rgba(22,145,255,.58)}
.modal-expand-control{right:15px;bottom:15px;width:41px;height:41px;border-radius:10px}
.modal-thumbnails{height:91px;display:flex;gap:11px;overflow-x:auto;flex-shrink:0;align-items:stretch;padding:3px 2px 5px;scrollbar-color:#178cec #061327;scrollbar-width:thin}
.modal-thumb{min-width:130px;width:130px;flex-shrink:0;border:1px solid rgba(65,127,190,.5);border-radius:9px;overflow:hidden;padding:0;background:#051429;cursor:pointer;opacity:.7;transition:opacity .22s,border-color .22s,box-shadow .22s}
.modal-thumb img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.modal-thumb.selected,.modal-thumb:hover{opacity:1;border-color:#5ccaff;box-shadow:0 0 13px rgba(25,145,255,.47)}
.modal-body{height:100%;min-height:0;padding:34px 28px 20px;display:flex;flex-direction:column;overflow:hidden}
.modal-overline{display:block;color:#72cfff;font-size:10px;font-weight:800;letter-spacing:1.7px;padding-right:55px}
.modal-title-row{display:flex;gap:12px;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(72,147,219,.2);padding:0 46px 17px 0;margin-top:7px}
.modal-body h2{margin:10px 0 0;font-family:Outfit,sans-serif;font-size:clamp(22px,2.25vw,32px);line-height:1.15;letter-spacing:-.65px;overflow-wrap:anywhere}
.modal-title-row>b{font-family:Outfit,sans-serif;white-space:nowrap;font-size:24px;color:#42bdff}
.modal-content-scroll{overflow-y:auto;scrollbar-color:#1689e7 #07172b;scrollbar-width:thin;min-height:0;flex:1;margin:13px -10px 12px 0;padding:0 12px 12px 0;overscroll-behavior:contain}
.modal-content-scroll::-webkit-scrollbar{width:8px}.modal-content-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#167ee5,#4accff);border-radius:10px}.modal-content-scroll::-webkit-scrollbar-track{background:#07162a;border-radius:10px}
.modal-description{max-height:none;overflow:visible;white-space:normal;color:#cbd9e9;font-size:13px;line-height:1.75;margin:0}
.detail-section{padding:11px 0 18px;border-bottom:1px solid rgba(74,143,209,.2)}.detail-section:last-child{border-bottom:0}
.detail-section h3{font-family:Outfit,sans-serif;font-size:15px;margin:0 0 12px;letter-spacing:.1px;color:#f2f9ff}
.detail-rows{display:grid;gap:9px}.detail-pair{display:flex;gap:15px;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(77,139,203,.12)}
.detail-pair span{color:#8fa9c4}.detail-pair strong{font-size:12px;color:#e3f3ff;text-align:right;font-weight:700}
.detail-bullet{display:flex;gap:10px;align-items:baseline;color:#b9cfe4;line-height:1.65}.detail-bullet i{width:5px;height:5px;border-radius:50%;background:#43beff;box-shadow:0 0 9px rgba(25,146,252,.75);flex:none}
.detail-empty{color:#aec8df;padding:18px 0}.modal-claim-link{color:#77ceff;display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:800;margin-top:18px}.modal-claim-link svg{width:16px;height:16px}
.modal-purchase-bar{flex:none;border-top:1px solid rgba(70,145,216,.22);padding-top:14px;text-align:center}.modal-purchase-bar small{color:#7da0c0;font-size:10px;display:block;margin-top:9px}
.modal-add{min-height:53px;justify-content:center;box-shadow:0 0 17px rgba(0,124,255,.26)}
@media(max-width:1040px){.product-modal{grid-template-columns:1fr 1fr}.modal-visual{padding:14px}.modal-body{padding:26px 20px 17px}.modal-title-row{display:block}.modal-title-row>b{display:block;margin-top:9px}.modal-thumb{min-width:103px;width:103px}}
@media(max-width:760px){.empire-skyline{background-size:auto 175%}.empire-hero-copy{padding:95px 0 80px}.empire-hero h1{font-size:clamp(49px,10.5vw,85px)}.empire-category-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))}.empire-quicklink{min-height:175px}.empire-highlights{margin-top:30px}.product-modal{grid-template-columns:1fr;width:min(620px,97vw);height:94dvh;max-height:94dvh;overflow:hidden}.modal-visual{height:36%;min-height:220px;padding:10px;gap:6px;border-right:0;border-bottom:1px solid rgba(78,150,222,.22)}.modal-thumbnails{height:59px}.modal-thumb{min-width:90px;width:90px}.modal-body{height:64%;min-height:0;padding:17px 18px 16px}.modal-body h2{font-size:21px}.modal-title-row{margin-top:1px;padding:0 42px 9px 0}.modal-title-row>b{font-size:21px}.modal-content-scroll{margin-top:5px}.modal-purchase-bar{padding-top:9px}.modal-add{min-height:46px}.modal-bg{padding:7px}}
@media(max-width:500px){.empire-hero h1{font-size:clamp(46px,11.2vw,69px)}.empire-highlights{font-size:10px;gap:12px}.empire-hero-copy>p{font-size:14px}.empire-home-content{padding-top:36px}.empire-section-heading{align-items:flex-start;flex-direction:column}.empire-quicklink{padding:13px;min-height:150px}.empire-quicklink span{font-size:17px}.empire-featured{padding-top:42px}.modal-picture-stage img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.empire-skyline{animation:none}.empire-quicklink,.empire-quicklink img,.modal-photo-open img{transition:none}}


/* 2026-10-29 · EXPAND RP / YOUR CITY. YOUR STORY.
   Subtle blurred cinematic background; no extra CTA row or redundant heading. */
#homePage>.empire-hero{min-height:clamp(530px,46vw,680px);background:#06152d}
.empire-skyline{
  inset:-8px;
  background-image:url('./assets/expand-rp-home-hero.webp');
  background-position:center center;
  background-size:cover;
  filter:blur(2.1px) saturate(1.15) brightness(.80);
  animation:expandHomeDrift 24s ease-in-out infinite alternate;
  transform:scale(1.02);
  will-change:transform;
}
@keyframes expandHomeDrift{from{transform:scale(1.02)}to{transform:scale(1.075) translateX(-.5%)}}
.empire-hero-shading{
  background:linear-gradient(90deg,rgba(1,8,25,.93) 0%,rgba(1,10,30,.78) 29%,rgba(3,14,39,.31) 55%,rgba(3,10,27,.12) 100%),
  linear-gradient(0deg,rgba(2,9,24,.74) 0%,transparent 35%,rgba(5,12,32,.12) 100%);
}
.empire-inner{align-items:center}
.empire-hero-copy{padding:110px 0 94px;width:min(780px,100%)}
.empire-hero h1{font-size:clamp(68px,9vw,132px);line-height:.98;white-space:nowrap;letter-spacing:-.075em}
.empire-hero h1 em{filter:drop-shadow(0 0 16px rgba(32,142,255,.29))}
.empire-subheadline{font-family:Outfit,sans-serif;font-size:clamp(17px,2.35vw,32px);font-weight:800;color:#eaf6ff;letter-spacing:.14em;margin-top:12px;line-height:1.28;text-shadow:0 2px 19px #011024}
.empire-subheadline strong{color:#69d1ff;text-shadow:0 0 20px rgba(28,148,255,.45)}
.empire-hero-copy>p{max-width:560px;margin-top:26px;line-height:1.7;color:#d9eaff;font-size:clamp(14px,1.28vw,18px)}
.empire-category-heading{margin-bottom:21px}
.empire-category-heading .eyebrow{color:#b9deff;font-size:12px;letter-spacing:2px}
/* Fixed blue neon bars along the top of each category tile. */
.empire-quicklink{border:1px solid rgba(47,146,255,.55);box-shadow:inset 0 0 0 1px rgba(14,96,172,.10),0 8px 25px rgba(0,0,0,.2);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s}
.empire-quicklink::before{content:"";position:absolute;z-index:4;top:0;left:0;right:0;height:3px;pointer-events:none;background:linear-gradient(90deg,#0049d6 0%,#31b7ff 42%,#c3f8ff 55%,#156af4 100%);box-shadow:0 0 13px rgba(28,157,255,.77),0 0 27px rgba(37,125,255,.31);opacity:.9;transition:opacity .32s,box-shadow .32s}
.empire-quicklink:hover,.empire-quicklink:focus-visible{transform:translateY(-7px);border-color:#66d5ff;box-shadow:0 0 0 1px rgba(64,184,255,.52),0 0 17px rgba(10,154,255,.43),0 0 40px rgba(13,107,255,.20),0 22px 48px rgba(0,0,0,.46)}
.empire-quicklink:hover::before,.empire-quicklink:focus-visible::before{opacity:1;animation:expandNeonSweep 1.75s linear infinite;box-shadow:0 0 19px rgba(66,209,255,.98),0 0 36px rgba(27,130,255,.64)}
@keyframes expandNeonSweep{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.empire-quicklink::before{background-size:200% 100%}
.empire-quicklink:hover img,.empire-quicklink:focus-visible img{transform:scale(1.065);filter:brightness(.95) saturate(1.2)}
/* Also use a visible blue glow on the large Tebex category cards. */
.category-card:hover,.category-card:focus-visible{animation:expandCardGlow 2.25s ease-in-out infinite}
@keyframes expandCardGlow{0%,100%{box-shadow:0 16px 46px rgba(0,0,0,.45),0 0 12px rgba(36,157,255,.3)}50%{box-shadow:0 20px 50px rgba(0,0,0,.48),0 0 25px rgba(41,168,255,.5),0 0 48px rgba(18,99,255,.24)}}
/* Accessible navigation indicators, matching category highlights. */
.main-nav a:hover,.main-nav a:focus-visible{color:#d5f4ff;text-shadow:0 0 11px rgba(73,190,255,.57)}
@media(max-width:760px){.empire-skyline{background-size:cover;background-position:60% center}.empire-hero-copy{padding:82px 0 80px}.empire-hero h1{font-size:clamp(55px,10vw,83px)}.empire-subheadline{letter-spacing:.09em}.empire-hero-shading{background:linear-gradient(90deg,rgba(1,8,25,.90),rgba(1,10,30,.45) 78%,rgba(1,10,30,.22)),linear-gradient(0deg,rgba(2,9,24,.73),transparent 50%)}}
@media(max-width:500px){#homePage>.empire-hero{min-height:510px}.empire-skyline{background-position:59% center}.empire-hero h1{font-size:clamp(48px,11vw,66px)}.empire-subheadline{font-size:clamp(14px,3.5vw,19px);letter-spacing:.075em}.empire-hero-copy>p{font-size:14px;max-width:310px}.empire-quicklink{min-height:157px}}
@media(prefers-reduced-motion:reduce){.empire-skyline,.empire-quicklink:hover::before,.empire-quicklink:focus-visible::before,.category-card:hover,.category-card:focus-visible{animation:none!important}.empire-skyline{will-change:auto}.empire-quicklink,.empire-quicklink img{transition:none}}

/* Claim guide: polished example showing the new /claim command. */
.claim-command-illustration{margin:12px 0 13px;aspect-ratio:1120/320}
.claim-command-illustration img{object-fit:contain;background:#071527}
@media(max-width:640px){.claim-command-illustration{aspect-ratio:1120/380}}


/* Expand RP — Top Supporters and Limited Stock additions (all other pages unchanged) */
.navigation{gap:clamp(15px,2.1vw,31px)}
.main-nav{gap:0}
.main-nav a{padding-inline:clamp(8px,.95vw,14px);white-space:nowrap}
@media(min-width:781px) and (max-width:1170px){.old-store{display:none}.brand{font-size:21px}.main-nav a{font-size:12px;padding-inline:9px}.navigation{gap:18px}}
.supporters-page{min-height:700px}
.supporters-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.supporters-periods{display:flex;gap:3px;border:1px solid rgba(58,160,255,.35);background:#071529;padding:5px;border-radius:12px;box-shadow:inset 0 0 12px rgba(23,95,210,.12)}
.supporters-periods button{background:none;border:0;color:#9ab3d6;border-radius:9px;padding:12px 20px;font-weight:800;font-size:11px;letter-spacing:.7px;transition:background .25s,color .25s,box-shadow .25s}
.supporters-periods button.active{background:linear-gradient(95deg,#126ade,#1597fc);color:white;box-shadow:0 0 19px rgba(25,138,255,.45)}
.supporters-updated{font-size:12px;color:#87afd3}
.supporters-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}
.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:225px;padding:24px 14px;border:1px solid rgba(60,154,255,.4);border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(23,105,220,.24),transparent 70%),#0b172b;box-shadow:inset 0 1px 0 rgba(120,198,255,.08)}
.podium-card.position-1{border-color:rgba(255,198,72,.74);box-shadow:0 0 23px rgba(222,169,30,.1),inset 0 1px 0 rgba(255,202,99,.18)}
.podium-rank{font-size:11px;color:#73cdff;font-weight:900;letter-spacing:1.4px}
.position-1 .podium-rank{color:#f7c84a}.position-3 .podium-rank{color:#e7a974}
.podium-avatar{margin:13px 0;width:62px;height:62px;display:grid;place-items:center;border:2px solid #2d91fd;border-radius:50%;font-family:Outfit,sans-serif;font-size:28px;font-weight:900;background:#112c52;box-shadow:0 0 18px rgba(32,134,255,.3)}
.podium-card strong{font-size:17px}.podium-card b{font-size:24px;color:#65c6ff;margin-top:8px}.podium-card small{font-size:11px;color:#91aeca;margin-top:7px}
.supporters-table{border:1px solid rgba(61,143,245,.29);border-radius:15px;overflow:hidden;background:#0a1528}
.supporter-table-title,.supporter-row{display:grid;grid-template-columns:90px minmax(0,1fr) 165px 170px;align-items:center;gap:13px;padding:16px 25px}
.supporter-table-title{font-size:10px;letter-spacing:1.5px;color:#78bbed;font-weight:900;background:rgba(26,107,202,.18)}
.supporter-row{font-size:13px;border-top:1px solid rgba(95,154,235,.13)}.supporter-row:nth-child(odd){background:rgba(39,122,233,.035)}
.supporter-row b{color:#68cdff}.supporter-rank{color:#7eadd8;font-weight:900}
.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;min-height:130px;padding:24px;color:#90abc9;font-size:13px;border:1px dashed rgba(90,164,251,.25);border-radius:13px;width:100%}
.stats-empty strong{color:#d5edff;font-size:16px}.supporters-notice{color:#809fbe;font-size:11px;margin-top:19px;line-height:1.7}
.home-recent{margin-top:56px;padding-bottom:25px}.recent-purchase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}
.recent-purchase{min-height:88px;display:flex;align-items:center;gap:10px;padding:13px;border-radius:12px;background:#0b1930;border:1px solid rgba(70,146,245,.24)}
.recent-icon{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:#132a4b;color:#55cbff}
.recent-purchase strong{display:block;font-size:12px}.recent-purchase small{display:block;color:#87a2c4;margin-top:5px;font-size:10px;line-height:1.3}.recent-purchase time{font-size:9px;color:#66baff;margin-left:auto;white-space:nowrap}
.limited-stock{margin-top:12px;margin-bottom:12px}.stock-line{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:9px;letter-spacing:.35px;color:#7db9eb}.stock-line strong{color:#89dfff;font-size:10px}.limited-stock.awaiting .stock-line{font-size:9px;letter-spacing:0}.limited-stock.awaiting .stock-line span:last-child{color:#8298b3}
.stock-track{height:7px;background:#071123;border:1px solid rgba(49,126,236,.55);border-radius:99px;overflow:hidden;position:relative;margin-top:9px;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 9px rgba(11,116,234,.20)}
.stock-fill{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#1469ed,#18bbfb,#80f7ff,#1788fa);box-shadow:0 0 15px #2dbfff;transition:width .75s ease;animation:stockGlow 2.6s ease-in-out infinite alternate}
.stock-pending{display:block;width:100%;height:100%;background:repeating-linear-gradient(110deg,rgba(30,125,255,.26) 0 10px,rgba(38,182,255,.50) 10px 19px);background-size:250% 100%;animation:stockWait 5s linear infinite}
.limited-stock small{display:block;margin-top:6px;color:#9cb3d3;font-size:9px}
@keyframes stockGlow{to{filter:brightness(1.35)}}@keyframes stockWait{to{background-position:120% 0}}
@media(max-width:1100px){.recent-purchase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supporter-table-title,.supporter-row{grid-template-columns:50px minmax(0,1fr) 105px 110px}}
@media(max-width:720px){.supporters-podium{grid-template-columns:1fr}.podium-card{min-height:170px}.recent-purchase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supporter-table-title,.supporter-row{grid-template-columns:42px minmax(0,1fr) 80px 85px;padding:13px 10px;font-size:11px;gap:5px}.supporter-table-title{font-size:8px;letter-spacing:.5px}.supporters-head{align-items:flex-start}.supporters-updated{font-size:10px}}
@media(max-width:420px){.recent-purchase-grid{grid-template-columns:1fr}.supporters-periods{width:100%}.supporters-periods button{flex:1}.stock-line{font-size:8px}}
@media(prefers-reduced-motion:reduce){.stock-fill,.stock-pending,.supporters-periods button{animation:none;transition:none}}